@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
|
@@ -51,6 +51,18 @@ function inDialogExample() {
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
+
function inDrawerExample() {
|
|
55
|
+
document.querySelector("#select-drawer-opener").addEventListener("click", () => {
|
|
56
|
+
const drawer = document.querySelector("#select-drawer");
|
|
57
|
+
|
|
58
|
+
if (drawer.hasAttribute('open')) {
|
|
59
|
+
drawer.removeAttribute('open');
|
|
60
|
+
} else {
|
|
61
|
+
drawer.setAttribute('open', true);
|
|
62
|
+
}
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
|
|
54
66
|
function resetStateExample() {
|
|
55
67
|
const elem = document.querySelector('#resetStateExample');
|
|
56
68
|
|
|
@@ -640,7 +652,7 @@ const {
|
|
|
640
652
|
|
|
641
653
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
642
654
|
|
|
643
|
-
let AuroLibraryRuntimeUtils$
|
|
655
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
644
656
|
|
|
645
657
|
/* eslint-disable jsdoc/require-param */
|
|
646
658
|
|
|
@@ -723,7 +735,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
723
735
|
class AuroFormValidation {
|
|
724
736
|
|
|
725
737
|
constructor() {
|
|
726
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
738
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
727
739
|
}
|
|
728
740
|
|
|
729
741
|
/**
|
|
@@ -1405,6 +1417,10 @@ const selectKeyboardStrategy = {
|
|
|
1405
1417
|
if (!ctx.isExpanded) {
|
|
1406
1418
|
return;
|
|
1407
1419
|
}
|
|
1420
|
+
|
|
1421
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
|
|
1422
|
+
evt.stopPropagation();
|
|
1423
|
+
|
|
1408
1424
|
component.dropdown.hide();
|
|
1409
1425
|
},
|
|
1410
1426
|
|
|
@@ -1540,7 +1556,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1540
1556
|
|
|
1541
1557
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1542
1558
|
|
|
1543
|
-
let AuroLibraryRuntimeUtils$
|
|
1559
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
1544
1560
|
|
|
1545
1561
|
/* eslint-disable jsdoc/require-param */
|
|
1546
1562
|
|
|
@@ -4581,89 +4597,6 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
4581
4597
|
|
|
4582
4598
|
var iconVersion$2 = '9.1.2';
|
|
4583
4599
|
|
|
4584
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
4585
|
-
// See LICENSE in the project root for license information.
|
|
4586
|
-
|
|
4587
|
-
// ---------------------------------------------------------------------
|
|
4588
|
-
|
|
4589
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4590
|
-
|
|
4591
|
-
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
4592
|
-
|
|
4593
|
-
/* eslint-disable jsdoc/require-param */
|
|
4594
|
-
|
|
4595
|
-
/**
|
|
4596
|
-
* This will register a new custom element with the browser.
|
|
4597
|
-
* @param {String} name - The name of the custom element.
|
|
4598
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
4599
|
-
* @returns {void}
|
|
4600
|
-
*/
|
|
4601
|
-
registerComponent(name, componentClass) {
|
|
4602
|
-
if (!customElements.get(name)) {
|
|
4603
|
-
customElements.define(name, class extends componentClass {});
|
|
4604
|
-
}
|
|
4605
|
-
}
|
|
4606
|
-
|
|
4607
|
-
/**
|
|
4608
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
4609
|
-
* @returns {void}
|
|
4610
|
-
*/
|
|
4611
|
-
closestElement(
|
|
4612
|
-
selector, // selector like in .closest()
|
|
4613
|
-
base = this, // extra functionality to skip a parent
|
|
4614
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
4615
|
-
!el || el === document || el === window
|
|
4616
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
4617
|
-
: found
|
|
4618
|
-
? found // found a selector INside this element
|
|
4619
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
4620
|
-
) {
|
|
4621
|
-
return __Closest(base);
|
|
4622
|
-
}
|
|
4623
|
-
/* eslint-enable jsdoc/require-param */
|
|
4624
|
-
|
|
4625
|
-
/**
|
|
4626
|
-
* 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.
|
|
4627
|
-
* @param {Object} elem - The element to check.
|
|
4628
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
4629
|
-
* @returns {void}
|
|
4630
|
-
*/
|
|
4631
|
-
handleComponentTagRename(elem, tagName) {
|
|
4632
|
-
const tag = tagName.toLowerCase();
|
|
4633
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4634
|
-
|
|
4635
|
-
if (elemTag !== tag) {
|
|
4636
|
-
elem.setAttribute(tag, true);
|
|
4637
|
-
}
|
|
4638
|
-
}
|
|
4639
|
-
|
|
4640
|
-
/**
|
|
4641
|
-
* Validates if an element is a specific Auro component.
|
|
4642
|
-
* @param {Object} elem - The element to validate.
|
|
4643
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
4644
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
4645
|
-
*/
|
|
4646
|
-
elementMatch(elem, tagName) {
|
|
4647
|
-
const tag = tagName.toLowerCase();
|
|
4648
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4649
|
-
|
|
4650
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
4651
|
-
}
|
|
4652
|
-
|
|
4653
|
-
/**
|
|
4654
|
-
* Gets the text content of a named slot.
|
|
4655
|
-
* @returns {String}
|
|
4656
|
-
* @private
|
|
4657
|
-
*/
|
|
4658
|
-
getSlotText(elem, name) {
|
|
4659
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
4660
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
4661
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
4662
|
-
|
|
4663
|
-
return text || null;
|
|
4664
|
-
}
|
|
4665
|
-
};
|
|
4666
|
-
|
|
4667
4600
|
/**
|
|
4668
4601
|
* Computes display state once per keydown event.
|
|
4669
4602
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -5131,7 +5064,7 @@ var tokensCss$2 = i$6`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
5131
5064
|
|
|
5132
5065
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
5133
5066
|
|
|
5134
|
-
let AuroLibraryRuntimeUtils$
|
|
5067
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
5135
5068
|
|
|
5136
5069
|
/* eslint-disable jsdoc/require-param */
|
|
5137
5070
|
|
|
@@ -5224,7 +5157,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5224
5157
|
this.onDark = false;
|
|
5225
5158
|
this.hasTextContent = false;
|
|
5226
5159
|
|
|
5227
|
-
AuroLibraryRuntimeUtils$
|
|
5160
|
+
AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
5228
5161
|
}
|
|
5229
5162
|
|
|
5230
5163
|
static get styles() {
|
|
@@ -5290,7 +5223,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5290
5223
|
*
|
|
5291
5224
|
*/
|
|
5292
5225
|
static register(name = "auro-helptext") {
|
|
5293
|
-
AuroLibraryRuntimeUtils$
|
|
5226
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
|
|
5294
5227
|
}
|
|
5295
5228
|
|
|
5296
5229
|
updated() {
|
|
@@ -5346,7 +5279,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5346
5279
|
}
|
|
5347
5280
|
};
|
|
5348
5281
|
|
|
5349
|
-
var formkitVersion$1 = '
|
|
5282
|
+
var formkitVersion$1 = '202604091756';
|
|
5350
5283
|
|
|
5351
5284
|
class AuroElement extends i$3 {
|
|
5352
5285
|
static get properties() {
|
|
@@ -5452,7 +5385,7 @@ class AuroElement extends i$3 {
|
|
|
5452
5385
|
}
|
|
5453
5386
|
}
|
|
5454
5387
|
|
|
5455
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
5388
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
5456
5389
|
// See LICENSE in the project root for license information.
|
|
5457
5390
|
|
|
5458
5391
|
|
|
@@ -5557,7 +5490,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5557
5490
|
/**
|
|
5558
5491
|
* @private
|
|
5559
5492
|
*/
|
|
5560
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5493
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
5561
5494
|
|
|
5562
5495
|
/**
|
|
5563
5496
|
* @private
|
|
@@ -5975,7 +5908,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5975
5908
|
*
|
|
5976
5909
|
*/
|
|
5977
5910
|
static register(name = "auro-dropdown") {
|
|
5978
|
-
AuroLibraryRuntimeUtils$
|
|
5911
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
5979
5912
|
}
|
|
5980
5913
|
|
|
5981
5914
|
/**
|
|
@@ -7099,13 +7032,13 @@ class AuroHelpText extends i$3 {
|
|
|
7099
7032
|
}
|
|
7100
7033
|
}
|
|
7101
7034
|
|
|
7102
|
-
var formkitVersion = '
|
|
7035
|
+
var formkitVersion = '202604091756';
|
|
7103
7036
|
|
|
7104
7037
|
var styleCss$2 = i$6`.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}`;
|
|
7105
7038
|
|
|
7106
7039
|
var emphasizedColorCss = i$6`: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))}`;
|
|
7107
7040
|
|
|
7108
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
7041
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
7109
7042
|
// See LICENSE in the project root for license information.
|
|
7110
7043
|
|
|
7111
7044
|
|
|
@@ -7168,7 +7101,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7168
7101
|
/**
|
|
7169
7102
|
* @private
|
|
7170
7103
|
*/
|
|
7171
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7104
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
7172
7105
|
|
|
7173
7106
|
/**
|
|
7174
7107
|
* Generate unique names for dependency components.
|
|
@@ -7724,7 +7657,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7724
7657
|
*
|
|
7725
7658
|
*/
|
|
7726
7659
|
static register(name = "auro-select") {
|
|
7727
|
-
AuroLibraryRuntimeUtils$
|
|
7660
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
|
|
7728
7661
|
}
|
|
7729
7662
|
|
|
7730
7663
|
/**
|
|
@@ -8742,7 +8675,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8742
8675
|
*
|
|
8743
8676
|
*/
|
|
8744
8677
|
static register(name = "auro-menuoption") {
|
|
8745
|
-
AuroLibraryRuntimeUtils$
|
|
8678
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroMenuOption);
|
|
8746
8679
|
}
|
|
8747
8680
|
|
|
8748
8681
|
/**
|
|
@@ -8780,11 +8713,12 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8780
8713
|
this.selected = false;
|
|
8781
8714
|
this.noCheckmark = false;
|
|
8782
8715
|
this.disabled = false;
|
|
8716
|
+
this.noMatch = false;
|
|
8783
8717
|
|
|
8784
8718
|
/**
|
|
8785
8719
|
* @private
|
|
8786
8720
|
*/
|
|
8787
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
8721
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
8788
8722
|
|
|
8789
8723
|
// Initialize context-related properties
|
|
8790
8724
|
this.menuService = null;
|
|
@@ -8855,6 +8789,15 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8855
8789
|
reflect: true
|
|
8856
8790
|
},
|
|
8857
8791
|
|
|
8792
|
+
/**
|
|
8793
|
+
* 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.
|
|
8794
|
+
*/
|
|
8795
|
+
noMatch: {
|
|
8796
|
+
type: Boolean,
|
|
8797
|
+
reflect: true,
|
|
8798
|
+
attribute: 'nomatch'
|
|
8799
|
+
},
|
|
8800
|
+
|
|
8858
8801
|
/**
|
|
8859
8802
|
* Specifies that an option is selected.
|
|
8860
8803
|
*/
|
|
@@ -10222,7 +10165,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10222
10165
|
*
|
|
10223
10166
|
*/
|
|
10224
10167
|
static register(name = "auro-menu") {
|
|
10225
|
-
AuroLibraryRuntimeUtils$
|
|
10168
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroMenu);
|
|
10226
10169
|
}
|
|
10227
10170
|
|
|
10228
10171
|
/**
|
|
@@ -10372,7 +10315,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10372
10315
|
}
|
|
10373
10316
|
|
|
10374
10317
|
firstUpdated() {
|
|
10375
|
-
AuroLibraryRuntimeUtils$
|
|
10318
|
+
AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-menu');
|
|
10376
10319
|
|
|
10377
10320
|
this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
|
|
10378
10321
|
this.initializeMenu();
|
|
@@ -10636,6 +10579,7 @@ function initExamples(initCount) {
|
|
|
10636
10579
|
valueExtractionExample();
|
|
10637
10580
|
valueAlertExample();
|
|
10638
10581
|
inDialogExample();
|
|
10582
|
+
inDrawerExample();
|
|
10639
10583
|
resetStateExample();
|
|
10640
10584
|
updateActiveOptionExample();
|
|
10641
10585
|
// auroMenuLoadingExample();
|
|
@@ -568,7 +568,7 @@ const {
|
|
|
568
568
|
|
|
569
569
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
570
570
|
|
|
571
|
-
let AuroLibraryRuntimeUtils$
|
|
571
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
572
572
|
|
|
573
573
|
/* eslint-disable jsdoc/require-param */
|
|
574
574
|
|
|
@@ -651,7 +651,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
|
|
|
651
651
|
class AuroFormValidation {
|
|
652
652
|
|
|
653
653
|
constructor() {
|
|
654
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
654
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
655
655
|
}
|
|
656
656
|
|
|
657
657
|
/**
|
|
@@ -1333,6 +1333,10 @@ const selectKeyboardStrategy = {
|
|
|
1333
1333
|
if (!ctx.isExpanded) {
|
|
1334
1334
|
return;
|
|
1335
1335
|
}
|
|
1336
|
+
|
|
1337
|
+
// Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
|
|
1338
|
+
evt.stopPropagation();
|
|
1339
|
+
|
|
1336
1340
|
component.dropdown.hide();
|
|
1337
1341
|
},
|
|
1338
1342
|
|
|
@@ -1468,7 +1472,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1468
1472
|
|
|
1469
1473
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1470
1474
|
|
|
1471
|
-
let AuroLibraryRuntimeUtils$
|
|
1475
|
+
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
1472
1476
|
|
|
1473
1477
|
/* eslint-disable jsdoc/require-param */
|
|
1474
1478
|
|
|
@@ -4509,89 +4513,6 @@ let p$3 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
4509
4513
|
|
|
4510
4514
|
var iconVersion$2 = '9.1.2';
|
|
4511
4515
|
|
|
4512
|
-
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
4513
|
-
// See LICENSE in the project root for license information.
|
|
4514
|
-
|
|
4515
|
-
// ---------------------------------------------------------------------
|
|
4516
|
-
|
|
4517
|
-
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4518
|
-
|
|
4519
|
-
let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
|
|
4520
|
-
|
|
4521
|
-
/* eslint-disable jsdoc/require-param */
|
|
4522
|
-
|
|
4523
|
-
/**
|
|
4524
|
-
* This will register a new custom element with the browser.
|
|
4525
|
-
* @param {String} name - The name of the custom element.
|
|
4526
|
-
* @param {Object} componentClass - The class to register as a custom element.
|
|
4527
|
-
* @returns {void}
|
|
4528
|
-
*/
|
|
4529
|
-
registerComponent(name, componentClass) {
|
|
4530
|
-
if (!customElements.get(name)) {
|
|
4531
|
-
customElements.define(name, class extends componentClass {});
|
|
4532
|
-
}
|
|
4533
|
-
}
|
|
4534
|
-
|
|
4535
|
-
/**
|
|
4536
|
-
* Finds and returns the closest HTML Element based on a selector.
|
|
4537
|
-
* @returns {void}
|
|
4538
|
-
*/
|
|
4539
|
-
closestElement(
|
|
4540
|
-
selector, // selector like in .closest()
|
|
4541
|
-
base = this, // extra functionality to skip a parent
|
|
4542
|
-
__Closest = (el, found = el && el.closest(selector)) =>
|
|
4543
|
-
!el || el === document || el === window
|
|
4544
|
-
? null // standard .closest() returns null for non-found selectors also
|
|
4545
|
-
: found
|
|
4546
|
-
? found // found a selector INside this element
|
|
4547
|
-
: __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
|
|
4548
|
-
) {
|
|
4549
|
-
return __Closest(base);
|
|
4550
|
-
}
|
|
4551
|
-
/* eslint-enable jsdoc/require-param */
|
|
4552
|
-
|
|
4553
|
-
/**
|
|
4554
|
-
* 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.
|
|
4555
|
-
* @param {Object} elem - The element to check.
|
|
4556
|
-
* @param {String} tagName - The name of the Auro component to check for or add as an attribute.
|
|
4557
|
-
* @returns {void}
|
|
4558
|
-
*/
|
|
4559
|
-
handleComponentTagRename(elem, tagName) {
|
|
4560
|
-
const tag = tagName.toLowerCase();
|
|
4561
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4562
|
-
|
|
4563
|
-
if (elemTag !== tag) {
|
|
4564
|
-
elem.setAttribute(tag, true);
|
|
4565
|
-
}
|
|
4566
|
-
}
|
|
4567
|
-
|
|
4568
|
-
/**
|
|
4569
|
-
* Validates if an element is a specific Auro component.
|
|
4570
|
-
* @param {Object} elem - The element to validate.
|
|
4571
|
-
* @param {String} tagName - The name of the Auro component to check against.
|
|
4572
|
-
* @returns {Boolean} - Returns true if the element is the specified Auro component.
|
|
4573
|
-
*/
|
|
4574
|
-
elementMatch(elem, tagName) {
|
|
4575
|
-
const tag = tagName.toLowerCase();
|
|
4576
|
-
const elemTag = elem.tagName.toLowerCase();
|
|
4577
|
-
|
|
4578
|
-
return elemTag === tag || elem.hasAttribute(tag);
|
|
4579
|
-
}
|
|
4580
|
-
|
|
4581
|
-
/**
|
|
4582
|
-
* Gets the text content of a named slot.
|
|
4583
|
-
* @returns {String}
|
|
4584
|
-
* @private
|
|
4585
|
-
*/
|
|
4586
|
-
getSlotText(elem, name) {
|
|
4587
|
-
const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
|
|
4588
|
-
const nodes = slot?.assignedNodes({ flatten: true }) || [];
|
|
4589
|
-
const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
|
|
4590
|
-
|
|
4591
|
-
return text || null;
|
|
4592
|
-
}
|
|
4593
|
-
};
|
|
4594
|
-
|
|
4595
4516
|
/**
|
|
4596
4517
|
* Computes display state once per keydown event.
|
|
4597
4518
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -5059,7 +4980,7 @@ var tokensCss$2 = i$6`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
5059
4980
|
|
|
5060
4981
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
5061
4982
|
|
|
5062
|
-
let AuroLibraryRuntimeUtils$
|
|
4983
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
5063
4984
|
|
|
5064
4985
|
/* eslint-disable jsdoc/require-param */
|
|
5065
4986
|
|
|
@@ -5152,7 +5073,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5152
5073
|
this.onDark = false;
|
|
5153
5074
|
this.hasTextContent = false;
|
|
5154
5075
|
|
|
5155
|
-
AuroLibraryRuntimeUtils$
|
|
5076
|
+
AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
5156
5077
|
}
|
|
5157
5078
|
|
|
5158
5079
|
static get styles() {
|
|
@@ -5218,7 +5139,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5218
5139
|
*
|
|
5219
5140
|
*/
|
|
5220
5141
|
static register(name = "auro-helptext") {
|
|
5221
|
-
AuroLibraryRuntimeUtils$
|
|
5142
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
|
|
5222
5143
|
}
|
|
5223
5144
|
|
|
5224
5145
|
updated() {
|
|
@@ -5274,7 +5195,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
5274
5195
|
}
|
|
5275
5196
|
};
|
|
5276
5197
|
|
|
5277
|
-
var formkitVersion$1 = '
|
|
5198
|
+
var formkitVersion$1 = '202604091756';
|
|
5278
5199
|
|
|
5279
5200
|
class AuroElement extends i$3 {
|
|
5280
5201
|
static get properties() {
|
|
@@ -5380,7 +5301,7 @@ class AuroElement extends i$3 {
|
|
|
5380
5301
|
}
|
|
5381
5302
|
}
|
|
5382
5303
|
|
|
5383
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
5304
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
5384
5305
|
// See LICENSE in the project root for license information.
|
|
5385
5306
|
|
|
5386
5307
|
|
|
@@ -5485,7 +5406,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5485
5406
|
/**
|
|
5486
5407
|
* @private
|
|
5487
5408
|
*/
|
|
5488
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5409
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
|
|
5489
5410
|
|
|
5490
5411
|
/**
|
|
5491
5412
|
* @private
|
|
@@ -5903,7 +5824,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5903
5824
|
*
|
|
5904
5825
|
*/
|
|
5905
5826
|
static register(name = "auro-dropdown") {
|
|
5906
|
-
AuroLibraryRuntimeUtils$
|
|
5827
|
+
AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
|
|
5907
5828
|
}
|
|
5908
5829
|
|
|
5909
5830
|
/**
|
|
@@ -7027,13 +6948,13 @@ class AuroHelpText extends i$3 {
|
|
|
7027
6948
|
}
|
|
7028
6949
|
}
|
|
7029
6950
|
|
|
7030
|
-
var formkitVersion = '
|
|
6951
|
+
var formkitVersion = '202604091756';
|
|
7031
6952
|
|
|
7032
6953
|
var styleCss$2 = i$6`.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}`;
|
|
7033
6954
|
|
|
7034
6955
|
var emphasizedColorCss = i$6`: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))}`;
|
|
7035
6956
|
|
|
7036
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
6957
|
+
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
7037
6958
|
// See LICENSE in the project root for license information.
|
|
7038
6959
|
|
|
7039
6960
|
|
|
@@ -7096,7 +7017,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7096
7017
|
/**
|
|
7097
7018
|
* @private
|
|
7098
7019
|
*/
|
|
7099
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7020
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
7100
7021
|
|
|
7101
7022
|
/**
|
|
7102
7023
|
* Generate unique names for dependency components.
|
|
@@ -7652,7 +7573,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7652
7573
|
*
|
|
7653
7574
|
*/
|
|
7654
7575
|
static register(name = "auro-select") {
|
|
7655
|
-
AuroLibraryRuntimeUtils$
|
|
7576
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
|
|
7656
7577
|
}
|
|
7657
7578
|
|
|
7658
7579
|
/**
|
|
@@ -8670,7 +8591,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8670
8591
|
*
|
|
8671
8592
|
*/
|
|
8672
8593
|
static register(name = "auro-menuoption") {
|
|
8673
|
-
AuroLibraryRuntimeUtils$
|
|
8594
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroMenuOption);
|
|
8674
8595
|
}
|
|
8675
8596
|
|
|
8676
8597
|
/**
|
|
@@ -8708,11 +8629,12 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8708
8629
|
this.selected = false;
|
|
8709
8630
|
this.noCheckmark = false;
|
|
8710
8631
|
this.disabled = false;
|
|
8632
|
+
this.noMatch = false;
|
|
8711
8633
|
|
|
8712
8634
|
/**
|
|
8713
8635
|
* @private
|
|
8714
8636
|
*/
|
|
8715
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
8637
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
|
|
8716
8638
|
|
|
8717
8639
|
// Initialize context-related properties
|
|
8718
8640
|
this.menuService = null;
|
|
@@ -8783,6 +8705,15 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
8783
8705
|
reflect: true
|
|
8784
8706
|
},
|
|
8785
8707
|
|
|
8708
|
+
/**
|
|
8709
|
+
* 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.
|
|
8710
|
+
*/
|
|
8711
|
+
noMatch: {
|
|
8712
|
+
type: Boolean,
|
|
8713
|
+
reflect: true,
|
|
8714
|
+
attribute: 'nomatch'
|
|
8715
|
+
},
|
|
8716
|
+
|
|
8786
8717
|
/**
|
|
8787
8718
|
* Specifies that an option is selected.
|
|
8788
8719
|
*/
|
|
@@ -10150,7 +10081,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10150
10081
|
*
|
|
10151
10082
|
*/
|
|
10152
10083
|
static register(name = "auro-menu") {
|
|
10153
|
-
AuroLibraryRuntimeUtils$
|
|
10084
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroMenu);
|
|
10154
10085
|
}
|
|
10155
10086
|
|
|
10156
10087
|
/**
|
|
@@ -10300,7 +10231,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10300
10231
|
}
|
|
10301
10232
|
|
|
10302
10233
|
firstUpdated() {
|
|
10303
|
-
AuroLibraryRuntimeUtils$
|
|
10234
|
+
AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-menu');
|
|
10304
10235
|
|
|
10305
10236
|
this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
|
|
10306
10237
|
this.initializeMenu();
|