@aurodesignsystem-dev/auro-formkit 0.0.0-pr1429.1 → 0.0.0-pr1430.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.min.js +3 -3
- package/components/checkbox/demo/index.min.js +3 -3
- package/components/checkbox/dist/index.js +3 -3
- package/components/checkbox/dist/registered.js +3 -3
- package/components/combobox/demo/api.html +0 -1
- package/components/combobox/demo/api.js +1 -3
- package/components/combobox/demo/api.md +0 -75
- package/components/combobox/demo/api.min.js +122 -32
- package/components/combobox/demo/index.min.js +121 -19
- package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
- package/components/combobox/dist/index.js +121 -19
- package/components/combobox/dist/registered.js +121 -19
- package/components/counter/demo/api.html +0 -3
- package/components/counter/demo/api.js +0 -4
- package/components/counter/demo/api.md +0 -130
- package/components/counter/demo/api.min.js +132 -63
- package/components/counter/demo/index.min.js +132 -43
- package/components/counter/dist/index.js +132 -43
- package/components/counter/dist/registered.js +132 -43
- package/components/datepicker/demo/api.html +0 -1
- package/components/datepicker/demo/api.js +0 -2
- package/components/datepicker/demo/api.md +0 -57
- package/components/datepicker/demo/api.min.js +123 -106
- package/components/datepicker/demo/index.min.js +123 -94
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -3
- package/components/datepicker/dist/index.js +123 -94
- package/components/datepicker/dist/registered.js +123 -94
- package/components/dropdown/demo/api.html +0 -1
- package/components/dropdown/demo/api.js +0 -2
- package/components/dropdown/demo/api.md +0 -95
- package/components/dropdown/demo/api.min.js +116 -25
- package/components/dropdown/demo/index.min.js +116 -5
- package/components/dropdown/dist/index.js +116 -5
- package/components/dropdown/dist/registered.js +116 -5
- package/components/form/demo/api.min.js +545 -218
- package/components/form/demo/index.min.js +545 -218
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +2 -2
- package/components/radio/demo/index.min.js +2 -2
- package/components/radio/dist/index.js +2 -2
- package/components/radio/dist/registered.js +2 -2
- package/components/select/demo/api.html +0 -1
- package/components/select/demo/api.js +0 -2
- package/components/select/demo/api.md +0 -76
- package/components/select/demo/api.min.js +129 -35
- package/components/select/demo/index.min.js +129 -22
- package/components/select/dist/index.js +125 -18
- package/components/select/dist/registered.js +125 -18
- package/custom-elements.json +3 -27
- package/package.json +2 -3
- package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -3
|
@@ -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$4 = class AuroLibraryRuntimeUtils {
|
|
535
535
|
|
|
536
536
|
/* eslint-disable jsdoc/require-param */
|
|
537
537
|
|
|
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
|
614
614
|
class AuroFormValidation {
|
|
615
615
|
|
|
616
616
|
constructor() {
|
|
617
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
617
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
|
|
618
618
|
}
|
|
619
619
|
|
|
620
620
|
/**
|
|
@@ -1290,10 +1290,6 @@ 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
|
-
|
|
1297
1293
|
component.dropdown.hide();
|
|
1298
1294
|
},
|
|
1299
1295
|
|
|
@@ -1405,7 +1401,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
|
|
|
1405
1401
|
|
|
1406
1402
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
1407
1403
|
|
|
1408
|
-
let AuroLibraryRuntimeUtils$
|
|
1404
|
+
let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
|
|
1409
1405
|
|
|
1410
1406
|
/* eslint-disable jsdoc/require-param */
|
|
1411
1407
|
|
|
@@ -3194,6 +3190,7 @@ class AuroFloatingUI {
|
|
|
3194
3190
|
this.focusHandler = null;
|
|
3195
3191
|
this.clickHandler = null;
|
|
3196
3192
|
this.keyDownHandler = null;
|
|
3193
|
+
this.touchHandler = null;
|
|
3197
3194
|
|
|
3198
3195
|
/**
|
|
3199
3196
|
* @private
|
|
@@ -3611,6 +3608,28 @@ class AuroFloatingUI {
|
|
|
3611
3608
|
setTimeout(() => {
|
|
3612
3609
|
window.addEventListener("click", this.clickHandler);
|
|
3613
3610
|
}, 0);
|
|
3611
|
+
|
|
3612
|
+
// iOS Safari does not fire `click` on non-interactive elements, so
|
|
3613
|
+
// tapping an inert backdrop never reaches the click handler above.
|
|
3614
|
+
// Mirror the same outside-tap logic with a passive touchstart listener.
|
|
3615
|
+
this.touchHandler = (evt) => {
|
|
3616
|
+
const element = this.element;
|
|
3617
|
+
if (!element?.bib) {
|
|
3618
|
+
return;
|
|
3619
|
+
}
|
|
3620
|
+
|
|
3621
|
+
// fullscreen (modal) dialog handles its own dismissal
|
|
3622
|
+
if (element.bib.hasAttribute("isfullscreen")) {
|
|
3623
|
+
return;
|
|
3624
|
+
}
|
|
3625
|
+
|
|
3626
|
+
const path = evt.composedPath();
|
|
3627
|
+
if (!path.includes(element.trigger) && !path.includes(element.bib)) {
|
|
3628
|
+
this.hideBib("click");
|
|
3629
|
+
}
|
|
3630
|
+
};
|
|
3631
|
+
|
|
3632
|
+
window.addEventListener("touchstart", this.touchHandler, { passive: true });
|
|
3614
3633
|
}
|
|
3615
3634
|
|
|
3616
3635
|
cleanupHideHandlers() {
|
|
@@ -3626,6 +3645,11 @@ class AuroFloatingUI {
|
|
|
3626
3645
|
this.clickHandler = null;
|
|
3627
3646
|
}
|
|
3628
3647
|
|
|
3648
|
+
if (this.touchHandler) {
|
|
3649
|
+
window.removeEventListener("touchstart", this.touchHandler);
|
|
3650
|
+
this.touchHandler = null;
|
|
3651
|
+
}
|
|
3652
|
+
|
|
3629
3653
|
if (this.keyDownHandler) {
|
|
3630
3654
|
document.removeEventListener("keydown", this.keyDownHandler);
|
|
3631
3655
|
this.keyDownHandler = null;
|
|
@@ -4418,6 +4442,89 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
|
|
|
4418
4442
|
|
|
4419
4443
|
var iconVersion$1 = '9.1.2';
|
|
4420
4444
|
|
|
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
|
+
|
|
4421
4528
|
/**
|
|
4422
4529
|
* Computes display state once per keydown event.
|
|
4423
4530
|
* Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
|
|
@@ -4885,7 +4992,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
|
|
|
4885
4992
|
|
|
4886
4993
|
/* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
|
|
4887
4994
|
|
|
4888
|
-
let AuroLibraryRuntimeUtils$
|
|
4995
|
+
let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
|
|
4889
4996
|
|
|
4890
4997
|
/* eslint-disable jsdoc/require-param */
|
|
4891
4998
|
|
|
@@ -4978,7 +5085,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
4978
5085
|
this.onDark = false;
|
|
4979
5086
|
this.hasTextContent = false;
|
|
4980
5087
|
|
|
4981
|
-
AuroLibraryRuntimeUtils$
|
|
5088
|
+
AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
|
|
4982
5089
|
}
|
|
4983
5090
|
|
|
4984
5091
|
static get styles() {
|
|
@@ -5044,7 +5151,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5044
5151
|
*
|
|
5045
5152
|
*/
|
|
5046
5153
|
static register(name = "auro-helptext") {
|
|
5047
|
-
AuroLibraryRuntimeUtils$
|
|
5154
|
+
AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
|
|
5048
5155
|
}
|
|
5049
5156
|
|
|
5050
5157
|
updated() {
|
|
@@ -5100,7 +5207,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
5100
5207
|
}
|
|
5101
5208
|
};
|
|
5102
5209
|
|
|
5103
|
-
var formkitVersion$1 = '
|
|
5210
|
+
var formkitVersion$1 = '202604082129';
|
|
5104
5211
|
|
|
5105
5212
|
class AuroElement extends LitElement {
|
|
5106
5213
|
static get properties() {
|
|
@@ -5206,7 +5313,7 @@ class AuroElement extends LitElement {
|
|
|
5206
5313
|
}
|
|
5207
5314
|
}
|
|
5208
5315
|
|
|
5209
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
5316
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
5210
5317
|
// See LICENSE in the project root for license information.
|
|
5211
5318
|
|
|
5212
5319
|
|
|
@@ -5311,7 +5418,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5311
5418
|
/**
|
|
5312
5419
|
* @private
|
|
5313
5420
|
*/
|
|
5314
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
5421
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
|
|
5315
5422
|
|
|
5316
5423
|
/**
|
|
5317
5424
|
* @private
|
|
@@ -5729,7 +5836,7 @@ class AuroDropdown extends AuroElement {
|
|
|
5729
5836
|
*
|
|
5730
5837
|
*/
|
|
5731
5838
|
static register(name = "auro-dropdown") {
|
|
5732
|
-
AuroLibraryRuntimeUtils$
|
|
5839
|
+
AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
|
|
5733
5840
|
}
|
|
5734
5841
|
|
|
5735
5842
|
/**
|
|
@@ -6853,13 +6960,13 @@ class AuroHelpText extends LitElement {
|
|
|
6853
6960
|
}
|
|
6854
6961
|
}
|
|
6855
6962
|
|
|
6856
|
-
var formkitVersion = '
|
|
6963
|
+
var formkitVersion = '202604082129';
|
|
6857
6964
|
|
|
6858
6965
|
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}`;
|
|
6859
6966
|
|
|
6860
6967
|
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))}`;
|
|
6861
6968
|
|
|
6862
|
-
// Copyright (c) 2026 Alaska Airlines. All
|
|
6969
|
+
// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6863
6970
|
// See LICENSE in the project root for license information.
|
|
6864
6971
|
|
|
6865
6972
|
|
|
@@ -6922,7 +7029,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
6922
7029
|
/**
|
|
6923
7030
|
* @private
|
|
6924
7031
|
*/
|
|
6925
|
-
this.runtimeUtils = new AuroLibraryRuntimeUtils$
|
|
7032
|
+
this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
|
|
6926
7033
|
|
|
6927
7034
|
/**
|
|
6928
7035
|
* Generate unique names for dependency components.
|
|
@@ -7478,7 +7585,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7478
7585
|
*
|
|
7479
7586
|
*/
|
|
7480
7587
|
static register(name = "auro-select") {
|
|
7481
|
-
AuroLibraryRuntimeUtils$
|
|
7588
|
+
AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroSelect);
|
|
7482
7589
|
}
|
|
7483
7590
|
|
|
7484
7591
|
/**
|
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 && ctx.isModal) { component.setTriggerInputFocus(); } }, 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,30 +4056,6 @@
|
|
|
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
|
-
},
|
|
4083
4059
|
{
|
|
4084
4060
|
"kind": "javascript-module",
|
|
4085
4061
|
"path": "components/counter/src/iconVersion.js",
|
|
@@ -7147,7 +7123,7 @@
|
|
|
7147
7123
|
"type": {
|
|
7148
7124
|
"text": "object"
|
|
7149
7125
|
},
|
|
7150
|
-
"default": "{
|
|
7126
|
+
"default": "{}"
|
|
7151
7127
|
}
|
|
7152
7128
|
],
|
|
7153
7129
|
"exports": [
|
|
@@ -18812,7 +18788,7 @@
|
|
|
18812
18788
|
"type": {
|
|
18813
18789
|
"text": "object"
|
|
18814
18790
|
},
|
|
18815
|
-
"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; }
|
|
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(); } }, }"
|
|
18816
18792
|
}
|
|
18817
18793
|
],
|
|
18818
18794
|
"exports": [
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem-dev/auro-formkit",
|
|
3
|
-
"version": "0.0.0-
|
|
3
|
+
"version": "0.0.0-pr1430.0",
|
|
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,9 @@
|
|
|
80
80
|
"@rollup/rollup-linux-x64-gnu": "*"
|
|
81
81
|
},
|
|
82
82
|
"devDependencies": {
|
|
83
|
+
"@aurodesignsystem-dev/auro-library": "^0.0.0-pr250.0",
|
|
83
84
|
"@aurodesignsystem/auro-accordion": "^6.1.2",
|
|
84
85
|
"@aurodesignsystem/auro-button": "^12.3.2",
|
|
85
|
-
"@aurodesignsystem/auro-dialog": "^4.1.1",
|
|
86
|
-
"@aurodesignsystem/auro-drawer": "^5.1.2",
|
|
87
86
|
"@aurodesignsystem/auro-library": "5.12.1",
|
|
88
87
|
"@aurodesignsystem/auro-loader": "^6.2.0",
|
|
89
88
|
"@aurodesignsystem/build-tools": "*",
|