@aurodesignsystem-dev/auro-formkit 0.0.0-pr1430.0 → 0.0.0-pr1430.1
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 +1 -0
- package/components/combobox/demo/api.js +3 -1
- package/components/combobox/demo/api.md +75 -0
- package/components/combobox/demo/api.min.js +44 -96
- package/components/combobox/demo/index.min.js +31 -95
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
- package/components/combobox/dist/index.js +21 -95
- package/components/combobox/dist/registered.js +21 -95
- package/components/counter/demo/api.html +3 -0
- package/components/counter/demo/api.js +4 -0
- package/components/counter/demo/api.md +130 -0
- package/components/counter/demo/api.min.js +63 -104
- package/components/counter/demo/index.min.js +43 -104
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +3 -0
- package/components/counter/dist/index.js +43 -104
- package/components/counter/dist/registered.js +43 -104
- package/components/datepicker/demo/api.html +1 -0
- package/components/datepicker/demo/api.js +2 -0
- package/components/datepicker/demo/api.md +57 -0
- package/components/datepicker/demo/api.min.js +106 -95
- package/components/datepicker/demo/index.min.js +94 -95
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +3 -1
- package/components/datepicker/dist/index.js +94 -95
- package/components/datepicker/dist/registered.js +94 -95
- package/components/dropdown/demo/api.html +1 -0
- package/components/dropdown/demo/api.js +2 -0
- package/components/dropdown/demo/api.md +95 -0
- package/components/dropdown/demo/api.min.js +25 -88
- package/components/dropdown/demo/index.min.js +5 -88
- package/components/dropdown/dist/index.js +5 -88
- package/components/dropdown/dist/registered.js +5 -88
- package/components/form/demo/api.min.js +230 -435
- package/components/form/demo/index.min.js +230 -435
- 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/menu/demo/api.md +1 -0
- package/components/menu/demo/api.min.js +10 -0
- package/components/menu/demo/index.min.js +10 -0
- package/components/menu/dist/auro-menuoption.d.ts +9 -0
- package/components/menu/dist/index.js +10 -0
- package/components/menu/dist/registered.js +10 -0
- 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 +1 -0
- package/components/select/demo/api.js +2 -0
- package/components/select/demo/api.md +76 -0
- package/components/select/demo/api.min.js +45 -101
- package/components/select/demo/index.min.js +32 -101
- package/components/select/dist/index.js +18 -97
- package/components/select/dist/registered.js +18 -97
- package/custom-elements.json +48 -3
- package/package.json +4 -3
|
@@ -531,7 +531,7 @@ const {
|
|
|
531
531
|
|
|
532
532
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
533
533
|
|
|
534
|
-
let AuroLibraryRuntimeUtils$
|
|
534
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
535
535
|
|
|
536
536
|
/* eslint-disable jsdoc/require-param */
|
|
537
537
|
|
|
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
614
614
|
class AuroFormValidation {
|
|
615
615
|
|
|
616
616
|
constructor() {
|
|
617
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
617
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
618
618
|
}
|
|
619
619
|
|
|
620
620
|
/**
|
|
@@ -1290,6 +1290,10 @@ const selectKeyboardStrategy = {
|
|
|
1290
1290
|
if (!ctx.isExpanded) {
|
|
1291
1291
|
return;
|
|
1292
1292
|
}
|
|
1293
|
+
|
|
1294
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
|
|
1295
|
+
evt.stopPropagation();
|
|
1296
|
+
|
|
1293
1297
|
component.dropdown.hide();
|
|
1294
1298
|
},
|
|
1295
1299
|
|
|
@@ -1401,7 +1405,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1401
1405
|
|
|
1402
1406
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1403
1407
|
|
|
1404
|
-
let AuroLibraryRuntimeUtils$
|
|
1408
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
1405
1409
|
|
|
1406
1410
|
/* eslint-disable jsdoc/require-param */
|
|
1407
1411
|
|
|
@@ -4442,89 +4446,6 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
4442
4446
|
|
|
4443
4447
|
var iconVersion$1 = '9.1.2';
|
|
4444
4448
|
|
|
4445
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
4446
|
-
// See LICENSE in the project root for license information.
|
|
4447
|
-
|
|
4448
|
-
// ---------------------------------------------------------------------
|
|
4449
|
-
|
|
4450
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4451
|
-
|
|
4452
|
-
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
4453
|
-
|
|
4454
|
-
/* eslint-disable jsdoc/require-param */
|
|
4455
|
-
|
|
4456
|
-
/**
|
|
4457
|
-
* This will register a new custom element with the browser.
|
|
4458
|
-
* @param {String} name - The name of the custom element.
|
|
4459
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
4460
|
-
* @returns {void}
|
|
4461
|
-
*/
|
|
4462
|
-
registerComponent(name, componentClass) {
|
|
4463
|
-
if (!customElements.get(name)) {
|
|
4464
|
-
customElements.define(name, class extends componentClass {});
|
|
4465
|
-
}
|
|
4466
|
-
}
|
|
4467
|
-
|
|
4468
|
-
/**
|
|
4469
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
4470
|
-
* @returns {void}
|
|
4471
|
-
*/
|
|
4472
|
-
closestElement(
|
|
4473
|
-
selector, // selector like in .closest()
|
|
4474
|
-
base = this, // extra functionality to skip a parent
|
|
4475
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
4476
|
-
!el || el === document || el === window
|
|
4477
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
4478
|
-
: found
|
|
4479
|
-
? found // found a selector INside this element
|
|
4480
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
4481
|
-
) {
|
|
4482
|
-
return __Closest(base);
|
|
4483
|
-
}
|
|
4484
|
-
/* eslint-enable jsdoc/require-param */
|
|
4485
|
-
|
|
4486
|
-
/**
|
|
4487
|
-
* 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.
|
|
4488
|
-
* @param {Object} elem - The element to check.
|
|
4489
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
4490
|
-
* @returns {void}
|
|
4491
|
-
*/
|
|
4492
|
-
handleComponentTagRename(elem, tagName) {
|
|
4493
|
-
const tag = tagName.toLowerCase();
|
|
4494
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4495
|
-
|
|
4496
|
-
if (elemTag !== tag) {
|
|
4497
|
-
elem.setAttribute(tag, true);
|
|
4498
|
-
}
|
|
4499
|
-
}
|
|
4500
|
-
|
|
4501
|
-
/**
|
|
4502
|
-
* Validates if an element is a specific Auro component.
|
|
4503
|
-
* @param {Object} elem - The element to validate.
|
|
4504
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
4505
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
4506
|
-
*/
|
|
4507
|
-
elementMatch(elem, tagName) {
|
|
4508
|
-
const tag = tagName.toLowerCase();
|
|
4509
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4510
|
-
|
|
4511
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
4512
|
-
}
|
|
4513
|
-
|
|
4514
|
-
/**
|
|
4515
|
-
* Gets the text content of a named slot.
|
|
4516
|
-
* @returns {String}
|
|
4517
|
-
* @private
|
|
4518
|
-
*/
|
|
4519
|
-
getSlotText(elem, name) {
|
|
4520
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
4521
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
4522
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
4523
|
-
|
|
4524
|
-
return text || null;
|
|
4525
|
-
}
|
|
4526
|
-
};
|
|
4527
|
-
|
|
4528
4449
|
/**
|
|
4529
4450
|
* Computes display state once per keydown event.
|
|
4530
4451
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -4992,7 +4913,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
4992
4913
|
|
|
4993
4914
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4994
4915
|
|
|
4995
|
-
let AuroLibraryRuntimeUtils$
|
|
4916
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
4996
4917
|
|
|
4997
4918
|
/* eslint-disable jsdoc/require-param */
|
|
4998
4919
|
|
|
@@ -5085,7 +5006,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5085
5006
|
this.onDark = false;
|
|
5086
5007
|
this.hasTextContent = false;
|
|
5087
5008
|
|
|
5088
|
-
AuroLibraryRuntimeUtils$
|
|
5009
|
+
AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
5089
5010
|
}
|
|
5090
5011
|
|
|
5091
5012
|
static get styles() {
|
|
@@ -5151,7 +5072,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5151
5072
|
*
|
|
5152
5073
|
*/
|
|
5153
5074
|
static register(name = "auro-helptext") {
|
|
5154
|
-
AuroLibraryRuntimeUtils$
|
|
5075
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
|
|
5155
5076
|
}
|
|
5156
5077
|
|
|
5157
5078
|
updated() {
|
|
@@ -5207,7 +5128,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5207
5128
|
}
|
|
5208
5129
|
};
|
|
5209
5130
|
|
|
5210
|
-
var formkitVersion$1 = '
|
|
5131
|
+
var formkitVersion$1 = '202604091756';
|
|
5211
5132
|
|
|
5212
5133
|
class AuroElement extends LitElement {
|
|
5213
5134
|
static get properties() {
|
|
@@ -5313,7 +5234,7 @@ class AuroElement extends LitElement {
|
|
|
5313
5234
|
}
|
|
5314
5235
|
}
|
|
5315
5236
|
|
|
5316
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
5237
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
5317
5238
|
// See LICENSE in the project root for license information.
|
|
5318
5239
|
|
|
5319
5240
|
|
|
@@ -5418,7 +5339,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5418
5339
|
/**
|
|
5419
5340
|
* @private
|
|
5420
5341
|
*/
|
|
5421
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5342
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
5422
5343
|
|
|
5423
5344
|
/**
|
|
5424
5345
|
* @private
|
|
@@ -5836,7 +5757,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5836
5757
|
*
|
|
5837
5758
|
*/
|
|
5838
5759
|
static register(name = "auro-dropdown") {
|
|
5839
|
-
AuroLibraryRuntimeUtils$
|
|
5760
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
5840
5761
|
}
|
|
5841
5762
|
|
|
5842
5763
|
/**
|
|
@@ -6960,13 +6881,13 @@ class AuroHelpText extends LitElement {
|
|
|
6960
6881
|
}
|
|
6961
6882
|
}
|
|
6962
6883
|
|
|
6963
|
-
var formkitVersion = '
|
|
6884
|
+
var formkitVersion = '202604091756';
|
|
6964
6885
|
|
|
6965
6886
|
var styleCss = 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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
6966
6887
|
|
|
6967
6888
|
var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}`;
|
|
6968
6889
|
|
|
6969
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
6890
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
6970
6891
|
// See LICENSE in the project root for license information.
|
|
6971
6892
|
|
|
6972
6893
|
|
|
@@ -7029,7 +6950,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7029
6950
|
/**
|
|
7030
6951
|
* @private
|
|
7031
6952
|
*/
|
|
7032
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
6953
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
7033
6954
|
|
|
7034
6955
|
/**
|
|
7035
6956
|
* Generate unique names for dependency components.
|
|
@@ -7585,7 +7506,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7585
7506
|
*
|
|
7586
7507
|
*/
|
|
7587
7508
|
static register(name = "auro-select") {
|
|
7588
|
-
AuroLibraryRuntimeUtils$
|
|
7509
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
|
|
7589
7510
|
}
|
|
7590
7511
|
|
|
7591
7512
|
/**
|
|
@@ -531,7 +531,7 @@ const {
|
|
|
531
531
|
|
|
532
532
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
533
533
|
|
|
534
|
-
let AuroLibraryRuntimeUtils$
|
|
534
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
535
535
|
|
|
536
536
|
/* eslint-disable jsdoc/require-param */
|
|
537
537
|
|
|
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
614
614
|
class AuroFormValidation {
|
|
615
615
|
|
|
616
616
|
constructor() {
|
|
617
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
617
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
618
618
|
}
|
|
619
619
|
|
|
620
620
|
/**
|
|
@@ -1290,6 +1290,10 @@ const selectKeyboardStrategy = {
|
|
|
1290
1290
|
if (!ctx.isExpanded) {
|
|
1291
1291
|
return;
|
|
1292
1292
|
}
|
|
1293
|
+
|
|
1294
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
|
|
1295
|
+
evt.stopPropagation();
|
|
1296
|
+
|
|
1293
1297
|
component.dropdown.hide();
|
|
1294
1298
|
},
|
|
1295
1299
|
|
|
@@ -1401,7 +1405,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1401
1405
|
|
|
1402
1406
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1403
1407
|
|
|
1404
|
-
let AuroLibraryRuntimeUtils$
|
|
1408
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
1405
1409
|
|
|
1406
1410
|
/* eslint-disable jsdoc/require-param */
|
|
1407
1411
|
|
|
@@ -4442,89 +4446,6 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
4442
4446
|
|
|
4443
4447
|
var iconVersion$1 = '9.1.2';
|
|
4444
4448
|
|
|
4445
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
4446
|
-
// See LICENSE in the project root for license information.
|
|
4447
|
-
|
|
4448
|
-
// ---------------------------------------------------------------------
|
|
4449
|
-
|
|
4450
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4451
|
-
|
|
4452
|
-
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
4453
|
-
|
|
4454
|
-
/* eslint-disable jsdoc/require-param */
|
|
4455
|
-
|
|
4456
|
-
/**
|
|
4457
|
-
* This will register a new custom element with the browser.
|
|
4458
|
-
* @param {String} name - The name of the custom element.
|
|
4459
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
4460
|
-
* @returns {void}
|
|
4461
|
-
*/
|
|
4462
|
-
registerComponent(name, componentClass) {
|
|
4463
|
-
if (!customElements.get(name)) {
|
|
4464
|
-
customElements.define(name, class extends componentClass {});
|
|
4465
|
-
}
|
|
4466
|
-
}
|
|
4467
|
-
|
|
4468
|
-
/**
|
|
4469
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
4470
|
-
* @returns {void}
|
|
4471
|
-
*/
|
|
4472
|
-
closestElement(
|
|
4473
|
-
selector, // selector like in .closest()
|
|
4474
|
-
base = this, // extra functionality to skip a parent
|
|
4475
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
4476
|
-
!el || el === document || el === window
|
|
4477
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
4478
|
-
: found
|
|
4479
|
-
? found // found a selector INside this element
|
|
4480
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
4481
|
-
) {
|
|
4482
|
-
return __Closest(base);
|
|
4483
|
-
}
|
|
4484
|
-
/* eslint-enable jsdoc/require-param */
|
|
4485
|
-
|
|
4486
|
-
/**
|
|
4487
|
-
* 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.
|
|
4488
|
-
* @param {Object} elem - The element to check.
|
|
4489
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
4490
|
-
* @returns {void}
|
|
4491
|
-
*/
|
|
4492
|
-
handleComponentTagRename(elem, tagName) {
|
|
4493
|
-
const tag = tagName.toLowerCase();
|
|
4494
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4495
|
-
|
|
4496
|
-
if (elemTag !== tag) {
|
|
4497
|
-
elem.setAttribute(tag, true);
|
|
4498
|
-
}
|
|
4499
|
-
}
|
|
4500
|
-
|
|
4501
|
-
/**
|
|
4502
|
-
* Validates if an element is a specific Auro component.
|
|
4503
|
-
* @param {Object} elem - The element to validate.
|
|
4504
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
4505
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
4506
|
-
*/
|
|
4507
|
-
elementMatch(elem, tagName) {
|
|
4508
|
-
const tag = tagName.toLowerCase();
|
|
4509
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4510
|
-
|
|
4511
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
4512
|
-
}
|
|
4513
|
-
|
|
4514
|
-
/**
|
|
4515
|
-
* Gets the text content of a named slot.
|
|
4516
|
-
* @returns {String}
|
|
4517
|
-
* @private
|
|
4518
|
-
*/
|
|
4519
|
-
getSlotText(elem, name) {
|
|
4520
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
4521
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
4522
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
4523
|
-
|
|
4524
|
-
return text || null;
|
|
4525
|
-
}
|
|
4526
|
-
};
|
|
4527
|
-
|
|
4528
4449
|
/**
|
|
4529
4450
|
* Computes display state once per keydown event.
|
|
4530
4451
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -4992,7 +4913,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
4992
4913
|
|
|
4993
4914
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4994
4915
|
|
|
4995
|
-
let AuroLibraryRuntimeUtils$
|
|
4916
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
4996
4917
|
|
|
4997
4918
|
/* eslint-disable jsdoc/require-param */
|
|
4998
4919
|
|
|
@@ -5085,7 +5006,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5085
5006
|
this.onDark = false;
|
|
5086
5007
|
this.hasTextContent = false;
|
|
5087
5008
|
|
|
5088
|
-
AuroLibraryRuntimeUtils$
|
|
5009
|
+
AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
5089
5010
|
}
|
|
5090
5011
|
|
|
5091
5012
|
static get styles() {
|
|
@@ -5151,7 +5072,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5151
5072
|
*
|
|
5152
5073
|
*/
|
|
5153
5074
|
static register(name = "auro-helptext") {
|
|
5154
|
-
AuroLibraryRuntimeUtils$
|
|
5075
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
|
|
5155
5076
|
}
|
|
5156
5077
|
|
|
5157
5078
|
updated() {
|
|
@@ -5207,7 +5128,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5207
5128
|
}
|
|
5208
5129
|
};
|
|
5209
5130
|
|
|
5210
|
-
var formkitVersion$1 = '
|
|
5131
|
+
var formkitVersion$1 = '202604091756';
|
|
5211
5132
|
|
|
5212
5133
|
class AuroElement extends LitElement {
|
|
5213
5134
|
static get properties() {
|
|
@@ -5313,7 +5234,7 @@ class AuroElement extends LitElement {
|
|
|
5313
5234
|
}
|
|
5314
5235
|
}
|
|
5315
5236
|
|
|
5316
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
5237
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
5317
5238
|
// See LICENSE in the project root for license information.
|
|
5318
5239
|
|
|
5319
5240
|
|
|
@@ -5418,7 +5339,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5418
5339
|
/**
|
|
5419
5340
|
* @private
|
|
5420
5341
|
*/
|
|
5421
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5342
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
5422
5343
|
|
|
5423
5344
|
/**
|
|
5424
5345
|
* @private
|
|
@@ -5836,7 +5757,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5836
5757
|
*
|
|
5837
5758
|
*/
|
|
5838
5759
|
static register(name = "auro-dropdown") {
|
|
5839
|
-
AuroLibraryRuntimeUtils$
|
|
5760
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
5840
5761
|
}
|
|
5841
5762
|
|
|
5842
5763
|
/**
|
|
@@ -6960,13 +6881,13 @@ class AuroHelpText extends LitElement {
|
|
|
6960
6881
|
}
|
|
6961
6882
|
}
|
|
6962
6883
|
|
|
6963
|
-
var formkitVersion = '
|
|
6884
|
+
var formkitVersion = '202604091756';
|
|
6964
6885
|
|
|
6965
6886
|
var styleCss = 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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
6966
6887
|
|
|
6967
6888
|
var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}`;
|
|
6968
6889
|
|
|
6969
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
6890
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
6970
6891
|
// See LICENSE in the project root for license information.
|
|
6971
6892
|
|
|
6972
6893
|
|
|
@@ -7029,7 +6950,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7029
6950
|
/**
|
|
7030
6951
|
* @private
|
|
7031
6952
|
*/
|
|
7032
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
6953
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
7033
6954
|
|
|
7034
6955
|
/**
|
|
7035
6956
|
* Generate unique names for dependency components.
|
|
@@ -7585,7 +7506,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7585
7506
|
*
|
|
7586
7507
|
*/
|
|
7587
7508
|
static register(name = "auro-select") {
|
|
7588
|
-
AuroLibraryRuntimeUtils$
|
|
7509
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
|
|
7589
7510
|
}
|
|
7590
7511
|
|
|
7591
7512
|
/**
|
package/custom-elements.json
CHANGED
|
@@ -1592,7 +1592,7 @@
|
|
|
1592
1592
|
"type": {
|
|
1593
1593
|
"text": "object"
|
|
1594
1594
|
},
|
|
1595
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component,
|
|
1595
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
1596
1596
|
}
|
|
1597
1597
|
],
|
|
1598
1598
|
"exports": [
|
|
@@ -4056,6 +4056,30 @@
|
|
|
4056
4056
|
}
|
|
4057
4057
|
]
|
|
4058
4058
|
},
|
|
4059
|
+
{
|
|
4060
|
+
"kind": "javascript-module",
|
|
4061
|
+
"path": "components/counter/src/counterGroupKeyboardStrategy.js",
|
|
4062
|
+
"declarations": [
|
|
4063
|
+
{
|
|
4064
|
+
"kind": "variable",
|
|
4065
|
+
"name": "counterGroupKeyboardStrategy",
|
|
4066
|
+
"type": {
|
|
4067
|
+
"text": "object"
|
|
4068
|
+
},
|
|
4069
|
+
"default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, }"
|
|
4070
|
+
}
|
|
4071
|
+
],
|
|
4072
|
+
"exports": [
|
|
4073
|
+
{
|
|
4074
|
+
"kind": "js",
|
|
4075
|
+
"name": "counterGroupKeyboardStrategy",
|
|
4076
|
+
"declaration": {
|
|
4077
|
+
"name": "counterGroupKeyboardStrategy",
|
|
4078
|
+
"module": "components/counter/src/counterGroupKeyboardStrategy.js"
|
|
4079
|
+
}
|
|
4080
|
+
}
|
|
4081
|
+
]
|
|
4082
|
+
},
|
|
4059
4083
|
{
|
|
4060
4084
|
"kind": "javascript-module",
|
|
4061
4085
|
"path": "components/counter/src/iconVersion.js",
|
|
@@ -7123,7 +7147,7 @@
|
|
|
7123
7147
|
"type": {
|
|
7124
7148
|
"text": "object"
|
|
7125
7149
|
},
|
|
7126
|
-
"default": "{}"
|
|
7150
|
+
"default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, }"
|
|
7127
7151
|
}
|
|
7128
7152
|
],
|
|
7129
7153
|
"exports": [
|
|
@@ -16036,6 +16060,18 @@
|
|
|
16036
16060
|
"attribute": "disabled",
|
|
16037
16061
|
"reflects": true
|
|
16038
16062
|
},
|
|
16063
|
+
{
|
|
16064
|
+
"kind": "field",
|
|
16065
|
+
"name": "noMatch",
|
|
16066
|
+
"privacy": "public",
|
|
16067
|
+
"type": {
|
|
16068
|
+
"text": "boolean"
|
|
16069
|
+
},
|
|
16070
|
+
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.",
|
|
16071
|
+
"default": "false",
|
|
16072
|
+
"attribute": "nomatch",
|
|
16073
|
+
"reflects": true
|
|
16074
|
+
},
|
|
16039
16075
|
{
|
|
16040
16076
|
"kind": "field",
|
|
16041
16077
|
"name": "runtimeUtils",
|
|
@@ -16259,6 +16295,15 @@
|
|
|
16259
16295
|
"default": "false",
|
|
16260
16296
|
"fieldName": "noCheckmark"
|
|
16261
16297
|
},
|
|
16298
|
+
{
|
|
16299
|
+
"name": "nomatch",
|
|
16300
|
+
"type": {
|
|
16301
|
+
"text": "boolean"
|
|
16302
|
+
},
|
|
16303
|
+
"description": "When true, marks this option as the \"no matching results\" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.",
|
|
16304
|
+
"default": "false",
|
|
16305
|
+
"fieldName": "noMatch"
|
|
16306
|
+
},
|
|
16262
16307
|
{
|
|
16263
16308
|
"name": "selected",
|
|
16264
16309
|
"type": {
|
|
@@ -18788,7 +18833,7 @@
|
|
|
18788
18833
|
"type": {
|
|
18789
18834
|
"text": "object"
|
|
18790
18835
|
},
|
|
18791
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); return; } navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); return; } navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
|
|
18836
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); return; } navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); return; } navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
|
|
18792
18837
|
}
|
|
18793
18838
|
],
|
|
18794
18839
|
"exports": [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem-dev/auro-formkit",
|
|
3
|
-
"version": "0.0.0-pr1430.
|
|
3
|
+
"version": "0.0.0-pr1430.1",
|
|
4
4
|
"description": "A collection of web components used to build forms.",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -80,10 +80,11 @@
|
|
|
80
80
|
"@rollup/rollup-linux-x64-gnu": "*"
|
|
81
81
|
},
|
|
82
82
|
"devDependencies": {
|
|
83
|
-
"@aurodesignsystem-dev/auro-library": "^0.0.0-pr250.0",
|
|
84
83
|
"@aurodesignsystem/auro-accordion": "^6.1.2",
|
|
85
84
|
"@aurodesignsystem/auro-button": "^12.3.2",
|
|
86
|
-
"@aurodesignsystem/auro-
|
|
85
|
+
"@aurodesignsystem/auro-dialog": "^4.1.1",
|
|
86
|
+
"@aurodesignsystem/auro-drawer": "^5.1.2",
|
|
87
|
+
"@aurodesignsystem/auro-library": "^5.12.2",
|
|
87
88
|
"@aurodesignsystem/auro-loader": "^6.2.0",
|
|
88
89
|
"@aurodesignsystem/build-tools": "*",
|
|
89
90
|
"@aurodesignsystem/config": "*",
|