@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.5 → 0.0.0-pr1628.7
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/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +29 -14
- package/components/combobox/demo/getting-started.min.js +29 -14
- package/components/combobox/demo/index.min.js +29 -14
- package/components/combobox/dist/index.js +19 -5
- package/components/combobox/dist/registered.js +19 -5
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +32 -5
- package/components/datepicker/demo/getting-started.min.js +32 -5
- package/components/datepicker/demo/index.min.js +32 -5
- package/components/datepicker/dist/index.js +32 -5
- package/components/datepicker/dist/registered.js +32 -5
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +18 -4
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +94 -37
- package/components/form/demo/getting-started.min.js +94 -37
- package/components/form/demo/index.min.js +94 -37
- package/components/form/demo/registerDemoDeps.min.js +94 -37
- package/components/input/demo/api.md +58 -58
- package/components/input/demo/customize.md +7 -7
- package/components/input/demo/customize.min.js +17 -3
- package/components/input/demo/getting-started.md +3 -3
- package/components/input/demo/getting-started.min.js +17 -3
- package/components/input/demo/index.min.js +17 -3
- package/components/input/demo/why-input.md +1 -1
- package/components/input/dist/base-input.d.ts +3 -2
- package/components/input/dist/index.js +17 -3
- package/components/input/dist/registered.js +17 -3
- package/components/input/dist/utilities.d.ts +11 -0
- package/components/menu/demo/accessibility.md +1 -1
- package/components/menu/demo/customize.md +1 -1
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +1 -1
- package/components/menu/demo/index.min.js +10 -9
- package/components/menu/demo/keyboard-behavior.md +1 -1
- package/components/menu/demo/voiceover.md +1 -1
- package/components/menu/dist/auro-menu.d.ts +9 -8
- package/components/menu/dist/auro-menuoption.d.ts +1 -1
- package/components/menu/dist/index.js +10 -9
- package/components/menu/dist/registered.js +10 -9
- package/components/radio/demo/accessibility.md +1 -1
- package/components/radio/demo/api.md +6 -6
- package/components/radio/demo/customize.md +1 -1
- package/components/radio/demo/customize.min.js +7 -7
- package/components/radio/demo/design.md +1 -1
- package/components/radio/demo/getting-started.md +4 -4
- package/components/radio/demo/getting-started.min.js +7 -7
- package/components/radio/demo/index.md +1 -1
- package/components/radio/demo/index.min.js +7 -7
- package/components/radio/demo/keyboard-behavior.md +1 -1
- package/components/radio/demo/voiceover.md +1 -1
- package/components/radio/dist/auro-radio-group.d.ts +3 -3
- package/components/radio/dist/auro-radio.d.ts +3 -3
- package/components/radio/dist/index.js +7 -7
- package/components/radio/dist/registered.js +7 -7
- package/components/select/demo/api.md +1 -1
- package/components/select/demo/customize.min.js +16 -14
- package/components/select/demo/getting-started.min.js +16 -14
- package/components/select/demo/index.min.js +16 -14
- package/components/select/dist/auro-select.d.ts +4 -3
- package/components/select/dist/index.js +6 -5
- package/components/select/dist/registered.js +6 -5
- package/custom-elements.json +35 -26
- package/package.json +1 -1
|
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
var formkitVersion = '
|
|
1384
|
+
var formkitVersion = '202611082102';
|
|
1385
1385
|
|
|
1386
1386
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1387
1387
|
// See LICENSE in the project root for license information.
|
|
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
var formkitVersion = '
|
|
1384
|
+
var formkitVersion = '202611082102';
|
|
1385
1385
|
|
|
1386
1386
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1387
1387
|
// See LICENSE in the project root for license information.
|
|
@@ -1381,7 +1381,7 @@ class AuroHelpText extends i$2 {
|
|
|
1381
1381
|
}
|
|
1382
1382
|
}
|
|
1383
1383
|
|
|
1384
|
-
var formkitVersion = '
|
|
1384
|
+
var formkitVersion = '202611082102';
|
|
1385
1385
|
|
|
1386
1386
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1387
1387
|
// See LICENSE in the project root for license information.
|
|
@@ -1334,7 +1334,7 @@ class AuroHelpText extends LitElement {
|
|
|
1334
1334
|
}
|
|
1335
1335
|
}
|
|
1336
1336
|
|
|
1337
|
-
var formkitVersion = '
|
|
1337
|
+
var formkitVersion = '202611082102';
|
|
1338
1338
|
|
|
1339
1339
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1340
1340
|
// See LICENSE in the project root for license information.
|
|
@@ -1334,7 +1334,7 @@ class AuroHelpText extends LitElement {
|
|
|
1334
1334
|
}
|
|
1335
1335
|
}
|
|
1336
1336
|
|
|
1337
|
-
var formkitVersion = '
|
|
1337
|
+
var formkitVersion = '202611082102';
|
|
1338
1338
|
|
|
1339
1339
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1340
1340
|
// See LICENSE in the project root for license information.
|
|
@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5299
5299
|
}
|
|
5300
5300
|
};
|
|
5301
5301
|
|
|
5302
|
-
var formkitVersion$2 = '
|
|
5302
|
+
var formkitVersion$2 = '202611082102';
|
|
5303
5303
|
|
|
5304
5304
|
/**
|
|
5305
5305
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -17060,6 +17060,9 @@ function cleanEscapedString(input) {
|
|
|
17060
17060
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
17061
17061
|
}
|
|
17062
17062
|
|
|
17063
|
+
/**
|
|
17064
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
17065
|
+
*/
|
|
17063
17066
|
class AuroInputUtilities {
|
|
17064
17067
|
|
|
17065
17068
|
/**
|
|
@@ -17079,7 +17082,17 @@ class AuroInputUtilities {
|
|
|
17079
17082
|
} else {
|
|
17080
17083
|
this.locale = 'en-US';
|
|
17081
17084
|
}
|
|
17085
|
+
|
|
17086
|
+
/**
|
|
17087
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
17088
|
+
* @type {string|undefined}
|
|
17089
|
+
*/
|
|
17082
17090
|
this.overrideFormat = config.format;
|
|
17091
|
+
|
|
17092
|
+
/**
|
|
17093
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
17094
|
+
* @type {Intl.DateTimeFormat}
|
|
17095
|
+
*/
|
|
17083
17096
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
17084
17097
|
|
|
17085
17098
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -17670,8 +17683,9 @@ class BaseInput extends AuroElement$1 {
|
|
|
17670
17683
|
},
|
|
17671
17684
|
|
|
17672
17685
|
/**
|
|
17673
|
-
* Sets the shape of the field's border.
|
|
17674
|
-
* and `pill
|
|
17686
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
17687
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
17688
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
17675
17689
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
17676
17690
|
* @default 'classic'
|
|
17677
17691
|
* @category ui
|
|
@@ -19480,7 +19494,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
19480
19494
|
}
|
|
19481
19495
|
};
|
|
19482
19496
|
|
|
19483
|
-
var formkitVersion$1 = '
|
|
19497
|
+
var formkitVersion$1 = '202611082102';
|
|
19484
19498
|
|
|
19485
19499
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
19486
19500
|
// See LICENSE in the project root for license information.
|
|
@@ -20766,7 +20780,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20766
20780
|
}
|
|
20767
20781
|
}
|
|
20768
20782
|
|
|
20769
|
-
var formkitVersion = '
|
|
20783
|
+
var formkitVersion = '202611082102';
|
|
20770
20784
|
|
|
20771
20785
|
var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
20772
20786
|
|
|
@@ -23895,7 +23909,7 @@ class AuroMenu extends AuroElement {
|
|
|
23895
23909
|
},
|
|
23896
23910
|
|
|
23897
23911
|
/**
|
|
23898
|
-
*
|
|
23912
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
23899
23913
|
* @private
|
|
23900
23914
|
*/
|
|
23901
23915
|
level: {
|
|
@@ -24067,8 +24081,8 @@ class AuroMenu extends AuroElement {
|
|
|
24067
24081
|
}
|
|
24068
24082
|
|
|
24069
24083
|
/**
|
|
24070
|
-
*
|
|
24071
|
-
*
|
|
24084
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
24085
|
+
* an array of values parsed from the JSON array string.
|
|
24072
24086
|
* @private
|
|
24073
24087
|
* @returns {String|Array<String>}
|
|
24074
24088
|
*/
|
|
@@ -24878,7 +24892,7 @@ class AuroMenu extends AuroElement {
|
|
|
24878
24892
|
}
|
|
24879
24893
|
|
|
24880
24894
|
/**
|
|
24881
|
-
*
|
|
24895
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
24882
24896
|
* @private
|
|
24883
24897
|
* @param {KeyboardEvent} event - The keydown event.
|
|
24884
24898
|
*/
|
|
@@ -24904,7 +24918,7 @@ class AuroMenu extends AuroElement {
|
|
|
24904
24918
|
}
|
|
24905
24919
|
|
|
24906
24920
|
/**
|
|
24907
|
-
*
|
|
24921
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
24908
24922
|
* @private
|
|
24909
24923
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
24910
24924
|
*/
|
|
@@ -24924,7 +24938,7 @@ class AuroMenu extends AuroElement {
|
|
|
24924
24938
|
}
|
|
24925
24939
|
|
|
24926
24940
|
/**
|
|
24927
|
-
*
|
|
24941
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
24928
24942
|
* @private
|
|
24929
24943
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
24930
24944
|
*/
|
|
@@ -24948,7 +24962,7 @@ class AuroMenu extends AuroElement {
|
|
|
24948
24962
|
}
|
|
24949
24963
|
|
|
24950
24964
|
/**
|
|
24951
|
-
*
|
|
24965
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
24952
24966
|
* @private
|
|
24953
24967
|
*/
|
|
24954
24968
|
handleSlotChange() {
|
|
@@ -25044,7 +25058,7 @@ class AuroMenu extends AuroElement {
|
|
|
25044
25058
|
}
|
|
25045
25059
|
|
|
25046
25060
|
/**
|
|
25047
|
-
*
|
|
25061
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
25048
25062
|
* @private
|
|
25049
25063
|
* @param {HTMLElement} option - Option with custom event.
|
|
25050
25064
|
*/
|
|
@@ -25064,6 +25078,7 @@ class AuroMenu extends AuroElement {
|
|
|
25064
25078
|
}
|
|
25065
25079
|
|
|
25066
25080
|
/**
|
|
25081
|
+
* Checks whether two selections hold the same options, in any order.
|
|
25067
25082
|
* @private
|
|
25068
25083
|
* @param {any} current - The current selection.
|
|
25069
25084
|
* @param {any} next - The new selection to compare.
|
|
@@ -25493,7 +25508,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
25493
25508
|
}
|
|
25494
25509
|
|
|
25495
25510
|
/**
|
|
25496
|
-
*
|
|
25511
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
25497
25512
|
* @private
|
|
25498
25513
|
*/
|
|
25499
25514
|
handleClick() {
|
|
@@ -5299,7 +5299,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5299
5299
|
}
|
|
5300
5300
|
};
|
|
5301
5301
|
|
|
5302
|
-
var formkitVersion$2 = '
|
|
5302
|
+
var formkitVersion$2 = '202611082102';
|
|
5303
5303
|
|
|
5304
5304
|
/**
|
|
5305
5305
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -17060,6 +17060,9 @@ function cleanEscapedString(input) {
|
|
|
17060
17060
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
17061
17061
|
}
|
|
17062
17062
|
|
|
17063
|
+
/**
|
|
17064
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
17065
|
+
*/
|
|
17063
17066
|
class AuroInputUtilities {
|
|
17064
17067
|
|
|
17065
17068
|
/**
|
|
@@ -17079,7 +17082,17 @@ class AuroInputUtilities {
|
|
|
17079
17082
|
} else {
|
|
17080
17083
|
this.locale = 'en-US';
|
|
17081
17084
|
}
|
|
17085
|
+
|
|
17086
|
+
/**
|
|
17087
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
17088
|
+
* @type {string|undefined}
|
|
17089
|
+
*/
|
|
17082
17090
|
this.overrideFormat = config.format;
|
|
17091
|
+
|
|
17092
|
+
/**
|
|
17093
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
17094
|
+
* @type {Intl.DateTimeFormat}
|
|
17095
|
+
*/
|
|
17083
17096
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
17084
17097
|
|
|
17085
17098
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -17670,8 +17683,9 @@ class BaseInput extends AuroElement$1 {
|
|
|
17670
17683
|
},
|
|
17671
17684
|
|
|
17672
17685
|
/**
|
|
17673
|
-
* Sets the shape of the field's border.
|
|
17674
|
-
* and `pill
|
|
17686
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
17687
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
17688
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
17675
17689
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
17676
17690
|
* @default 'classic'
|
|
17677
17691
|
* @category ui
|
|
@@ -19480,7 +19494,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
19480
19494
|
}
|
|
19481
19495
|
};
|
|
19482
19496
|
|
|
19483
|
-
var formkitVersion$1 = '
|
|
19497
|
+
var formkitVersion$1 = '202611082102';
|
|
19484
19498
|
|
|
19485
19499
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
19486
19500
|
// See LICENSE in the project root for license information.
|
|
@@ -20766,7 +20780,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20766
20780
|
}
|
|
20767
20781
|
}
|
|
20768
20782
|
|
|
20769
|
-
var formkitVersion = '
|
|
20783
|
+
var formkitVersion = '202611082102';
|
|
20770
20784
|
|
|
20771
20785
|
var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
20772
20786
|
|
|
@@ -23895,7 +23909,7 @@ class AuroMenu extends AuroElement {
|
|
|
23895
23909
|
},
|
|
23896
23910
|
|
|
23897
23911
|
/**
|
|
23898
|
-
*
|
|
23912
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
23899
23913
|
* @private
|
|
23900
23914
|
*/
|
|
23901
23915
|
level: {
|
|
@@ -24067,8 +24081,8 @@ class AuroMenu extends AuroElement {
|
|
|
24067
24081
|
}
|
|
24068
24082
|
|
|
24069
24083
|
/**
|
|
24070
|
-
*
|
|
24071
|
-
*
|
|
24084
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
24085
|
+
* an array of values parsed from the JSON array string.
|
|
24072
24086
|
* @private
|
|
24073
24087
|
* @returns {String|Array<String>}
|
|
24074
24088
|
*/
|
|
@@ -24878,7 +24892,7 @@ class AuroMenu extends AuroElement {
|
|
|
24878
24892
|
}
|
|
24879
24893
|
|
|
24880
24894
|
/**
|
|
24881
|
-
*
|
|
24895
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
24882
24896
|
* @private
|
|
24883
24897
|
* @param {KeyboardEvent} event - The keydown event.
|
|
24884
24898
|
*/
|
|
@@ -24904,7 +24918,7 @@ class AuroMenu extends AuroElement {
|
|
|
24904
24918
|
}
|
|
24905
24919
|
|
|
24906
24920
|
/**
|
|
24907
|
-
*
|
|
24921
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
24908
24922
|
* @private
|
|
24909
24923
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
24910
24924
|
*/
|
|
@@ -24924,7 +24938,7 @@ class AuroMenu extends AuroElement {
|
|
|
24924
24938
|
}
|
|
24925
24939
|
|
|
24926
24940
|
/**
|
|
24927
|
-
*
|
|
24941
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
24928
24942
|
* @private
|
|
24929
24943
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
24930
24944
|
*/
|
|
@@ -24948,7 +24962,7 @@ class AuroMenu extends AuroElement {
|
|
|
24948
24962
|
}
|
|
24949
24963
|
|
|
24950
24964
|
/**
|
|
24951
|
-
*
|
|
24965
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
24952
24966
|
* @private
|
|
24953
24967
|
*/
|
|
24954
24968
|
handleSlotChange() {
|
|
@@ -25044,7 +25058,7 @@ class AuroMenu extends AuroElement {
|
|
|
25044
25058
|
}
|
|
25045
25059
|
|
|
25046
25060
|
/**
|
|
25047
|
-
*
|
|
25061
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
25048
25062
|
* @private
|
|
25049
25063
|
* @param {HTMLElement} option - Option with custom event.
|
|
25050
25064
|
*/
|
|
@@ -25064,6 +25078,7 @@ class AuroMenu extends AuroElement {
|
|
|
25064
25078
|
}
|
|
25065
25079
|
|
|
25066
25080
|
/**
|
|
25081
|
+
* Checks whether two selections hold the same options, in any order.
|
|
25067
25082
|
* @private
|
|
25068
25083
|
* @param {any} current - The current selection.
|
|
25069
25084
|
* @param {any} next - The new selection to compare.
|
|
@@ -25493,7 +25508,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
25493
25508
|
}
|
|
25494
25509
|
|
|
25495
25510
|
/**
|
|
25496
|
-
*
|
|
25511
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
25497
25512
|
* @private
|
|
25498
25513
|
*/
|
|
25499
25514
|
handleClick() {
|
|
@@ -5314,7 +5314,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5314
5314
|
}
|
|
5315
5315
|
};
|
|
5316
5316
|
|
|
5317
|
-
var formkitVersion$2 = '
|
|
5317
|
+
var formkitVersion$2 = '202611082102';
|
|
5318
5318
|
|
|
5319
5319
|
/**
|
|
5320
5320
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -17075,6 +17075,9 @@ function cleanEscapedString(input) {
|
|
|
17075
17075
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
17076
17076
|
}
|
|
17077
17077
|
|
|
17078
|
+
/**
|
|
17079
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
17080
|
+
*/
|
|
17078
17081
|
class AuroInputUtilities {
|
|
17079
17082
|
|
|
17080
17083
|
/**
|
|
@@ -17094,7 +17097,17 @@ class AuroInputUtilities {
|
|
|
17094
17097
|
} else {
|
|
17095
17098
|
this.locale = 'en-US';
|
|
17096
17099
|
}
|
|
17100
|
+
|
|
17101
|
+
/**
|
|
17102
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
17103
|
+
* @type {string|undefined}
|
|
17104
|
+
*/
|
|
17097
17105
|
this.overrideFormat = config.format;
|
|
17106
|
+
|
|
17107
|
+
/**
|
|
17108
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
17109
|
+
* @type {Intl.DateTimeFormat}
|
|
17110
|
+
*/
|
|
17098
17111
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
17099
17112
|
|
|
17100
17113
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -17685,8 +17698,9 @@ class BaseInput extends AuroElement$1 {
|
|
|
17685
17698
|
},
|
|
17686
17699
|
|
|
17687
17700
|
/**
|
|
17688
|
-
* Sets the shape of the field's border.
|
|
17689
|
-
* and `pill
|
|
17701
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
17702
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
17703
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
17690
17704
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
17691
17705
|
* @default 'classic'
|
|
17692
17706
|
* @category ui
|
|
@@ -19495,7 +19509,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
19495
19509
|
}
|
|
19496
19510
|
};
|
|
19497
19511
|
|
|
19498
|
-
var formkitVersion$1 = '
|
|
19512
|
+
var formkitVersion$1 = '202611082102';
|
|
19499
19513
|
|
|
19500
19514
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
19501
19515
|
// See LICENSE in the project root for license information.
|
|
@@ -20781,7 +20795,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20781
20795
|
}
|
|
20782
20796
|
}
|
|
20783
20797
|
|
|
20784
|
-
var formkitVersion = '
|
|
20798
|
+
var formkitVersion = '202611082102';
|
|
20785
20799
|
|
|
20786
20800
|
var styleCss$3 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
20787
20801
|
|
|
@@ -23910,7 +23924,7 @@ class AuroMenu extends AuroElement {
|
|
|
23910
23924
|
},
|
|
23911
23925
|
|
|
23912
23926
|
/**
|
|
23913
|
-
*
|
|
23927
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
23914
23928
|
* @private
|
|
23915
23929
|
*/
|
|
23916
23930
|
level: {
|
|
@@ -24082,8 +24096,8 @@ class AuroMenu extends AuroElement {
|
|
|
24082
24096
|
}
|
|
24083
24097
|
|
|
24084
24098
|
/**
|
|
24085
|
-
*
|
|
24086
|
-
*
|
|
24099
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
24100
|
+
* an array of values parsed from the JSON array string.
|
|
24087
24101
|
* @private
|
|
24088
24102
|
* @returns {String|Array<String>}
|
|
24089
24103
|
*/
|
|
@@ -24893,7 +24907,7 @@ class AuroMenu extends AuroElement {
|
|
|
24893
24907
|
}
|
|
24894
24908
|
|
|
24895
24909
|
/**
|
|
24896
|
-
*
|
|
24910
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
24897
24911
|
* @private
|
|
24898
24912
|
* @param {KeyboardEvent} event - The keydown event.
|
|
24899
24913
|
*/
|
|
@@ -24919,7 +24933,7 @@ class AuroMenu extends AuroElement {
|
|
|
24919
24933
|
}
|
|
24920
24934
|
|
|
24921
24935
|
/**
|
|
24922
|
-
*
|
|
24936
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
24923
24937
|
* @private
|
|
24924
24938
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
24925
24939
|
*/
|
|
@@ -24939,7 +24953,7 @@ class AuroMenu extends AuroElement {
|
|
|
24939
24953
|
}
|
|
24940
24954
|
|
|
24941
24955
|
/**
|
|
24942
|
-
*
|
|
24956
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
24943
24957
|
* @private
|
|
24944
24958
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
24945
24959
|
*/
|
|
@@ -24963,7 +24977,7 @@ class AuroMenu extends AuroElement {
|
|
|
24963
24977
|
}
|
|
24964
24978
|
|
|
24965
24979
|
/**
|
|
24966
|
-
*
|
|
24980
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
24967
24981
|
* @private
|
|
24968
24982
|
*/
|
|
24969
24983
|
handleSlotChange() {
|
|
@@ -25059,7 +25073,7 @@ class AuroMenu extends AuroElement {
|
|
|
25059
25073
|
}
|
|
25060
25074
|
|
|
25061
25075
|
/**
|
|
25062
|
-
*
|
|
25076
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
25063
25077
|
* @private
|
|
25064
25078
|
* @param {HTMLElement} option - Option with custom event.
|
|
25065
25079
|
*/
|
|
@@ -25079,6 +25093,7 @@ class AuroMenu extends AuroElement {
|
|
|
25079
25093
|
}
|
|
25080
25094
|
|
|
25081
25095
|
/**
|
|
25096
|
+
* Checks whether two selections hold the same options, in any order.
|
|
25082
25097
|
* @private
|
|
25083
25098
|
* @param {any} current - The current selection.
|
|
25084
25099
|
* @param {any} next - The new selection to compare.
|
|
@@ -25508,7 +25523,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
25508
25523
|
}
|
|
25509
25524
|
|
|
25510
25525
|
/**
|
|
25511
|
-
*
|
|
25526
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
25512
25527
|
* @private
|
|
25513
25528
|
*/
|
|
25514
25529
|
handleClick() {
|
|
@@ -5232,7 +5232,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5232
5232
|
}
|
|
5233
5233
|
};
|
|
5234
5234
|
|
|
5235
|
-
var formkitVersion$2 = '
|
|
5235
|
+
var formkitVersion$2 = '202611082102';
|
|
5236
5236
|
|
|
5237
5237
|
/**
|
|
5238
5238
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -16986,6 +16986,9 @@ function cleanEscapedString(input) {
|
|
|
16986
16986
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
16987
16987
|
}
|
|
16988
16988
|
|
|
16989
|
+
/**
|
|
16990
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
16991
|
+
*/
|
|
16989
16992
|
class AuroInputUtilities {
|
|
16990
16993
|
|
|
16991
16994
|
/**
|
|
@@ -17005,7 +17008,17 @@ class AuroInputUtilities {
|
|
|
17005
17008
|
} else {
|
|
17006
17009
|
this.locale = 'en-US';
|
|
17007
17010
|
}
|
|
17011
|
+
|
|
17012
|
+
/**
|
|
17013
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
17014
|
+
* @type {string|undefined}
|
|
17015
|
+
*/
|
|
17008
17016
|
this.overrideFormat = config.format;
|
|
17017
|
+
|
|
17018
|
+
/**
|
|
17019
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
17020
|
+
* @type {Intl.DateTimeFormat}
|
|
17021
|
+
*/
|
|
17009
17022
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
17010
17023
|
|
|
17011
17024
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -17596,8 +17609,9 @@ class BaseInput extends AuroElement$1 {
|
|
|
17596
17609
|
},
|
|
17597
17610
|
|
|
17598
17611
|
/**
|
|
17599
|
-
* Sets the shape of the field's border.
|
|
17600
|
-
* and `pill
|
|
17612
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
17613
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
17614
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
17601
17615
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
17602
17616
|
* @default 'classic'
|
|
17603
17617
|
* @category ui
|
|
@@ -19406,7 +19420,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
19406
19420
|
}
|
|
19407
19421
|
};
|
|
19408
19422
|
|
|
19409
|
-
var formkitVersion$1 = '
|
|
19423
|
+
var formkitVersion$1 = '202611082102';
|
|
19410
19424
|
|
|
19411
19425
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
19412
19426
|
// See LICENSE in the project root for license information.
|
|
@@ -20692,7 +20706,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
20692
20706
|
}
|
|
20693
20707
|
}
|
|
20694
20708
|
|
|
20695
|
-
var formkitVersion = '
|
|
20709
|
+
var formkitVersion = '202611082102';
|
|
20696
20710
|
|
|
20697
20711
|
var styleCss$1 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
20698
20712
|
|
|
@@ -5232,7 +5232,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5232
5232
|
}
|
|
5233
5233
|
};
|
|
5234
5234
|
|
|
5235
|
-
var formkitVersion$2 = '
|
|
5235
|
+
var formkitVersion$2 = '202611082102';
|
|
5236
5236
|
|
|
5237
5237
|
/**
|
|
5238
5238
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -16986,6 +16986,9 @@ function cleanEscapedString(input) {
|
|
|
16986
16986
|
return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
|
|
16987
16987
|
}
|
|
16988
16988
|
|
|
16989
|
+
/**
|
|
16990
|
+
* Helpers that set up input masks and convert between the text shown in the field, `Date` objects, and ISO date strings (`YYYY-MM-DD`), for one locale and date format.
|
|
16991
|
+
*/
|
|
16989
16992
|
class AuroInputUtilities {
|
|
16990
16993
|
|
|
16991
16994
|
/**
|
|
@@ -17005,7 +17008,17 @@ class AuroInputUtilities {
|
|
|
17005
17008
|
} else {
|
|
17006
17009
|
this.locale = 'en-US';
|
|
17007
17010
|
}
|
|
17011
|
+
|
|
17012
|
+
/**
|
|
17013
|
+
* Sets the date format to use instead of the locale's format, such as `mm/dd/yyyy`. `updateFormat()` also sets it.
|
|
17014
|
+
* @type {string|undefined}
|
|
17015
|
+
*/
|
|
17008
17016
|
this.overrideFormat = config.format;
|
|
17017
|
+
|
|
17018
|
+
/**
|
|
17019
|
+
* The `Intl.DateTimeFormat` date formatter for the helpers' locale. The helpers don't currently use it.
|
|
17020
|
+
* @type {Intl.DateTimeFormat}
|
|
17021
|
+
*/
|
|
17009
17022
|
this.formatter = new Intl.DateTimeFormat(this.locale);
|
|
17010
17023
|
|
|
17011
17024
|
// Bindings - many of these are passed into IMask callbacks,
|
|
@@ -17596,8 +17609,9 @@ class BaseInput extends AuroElement$1 {
|
|
|
17596
17609
|
},
|
|
17597
17610
|
|
|
17598
17611
|
/**
|
|
17599
|
-
* Sets the shape of the field's border.
|
|
17600
|
-
* and `pill
|
|
17612
|
+
* Sets the shape of the field's border. `classic` and `rounded` have slightly rounded corners, `box` has square corners,
|
|
17613
|
+
* and `pill` has fully rounded ends, or only the left or right end for `pill-left` and `pill-right`.
|
|
17614
|
+
* The emphasized layouts support `pill`, `pill-left`, and `pill-right`, and the snowflake layout uses `snowflake`.
|
|
17601
17615
|
* @type {'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'}
|
|
17602
17616
|
* @default 'classic'
|
|
17603
17617
|
* @category ui
|
|
@@ -19406,7 +19420,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
19406
19420
|
}
|
|
19407
19421
|
};
|
|
19408
19422
|
|
|
19409
|
-
var formkitVersion$1 = '
|
|
19423
|
+
var formkitVersion$1 = '202611082102';
|
|
19410
19424
|
|
|
19411
19425
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
19412
19426
|
// See LICENSE in the project root for license information.
|
|
@@ -20692,7 +20706,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
20692
20706
|
}
|
|
20693
20707
|
}
|
|
20694
20708
|
|
|
20695
|
-
var formkitVersion = '
|
|
20709
|
+
var formkitVersion = '202611082102';
|
|
20696
20710
|
|
|
20697
20711
|
var styleCss$1 = 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}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
|
|
20698
20712
|
|
|
@@ -1166,7 +1166,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
|
|
|
1166
1166
|
}
|
|
1167
1167
|
};
|
|
1168
1168
|
|
|
1169
|
-
var formkitVersion$1 = '
|
|
1169
|
+
var formkitVersion$1 = '202611082102';
|
|
1170
1170
|
|
|
1171
1171
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1172
1172
|
// See LICENSE in the project root for license information.
|
|
@@ -5781,7 +5781,7 @@ class AuroHelpText extends i$1 {
|
|
|
5781
5781
|
}
|
|
5782
5782
|
}
|
|
5783
5783
|
|
|
5784
|
-
var formkitVersion = '
|
|
5784
|
+
var formkitVersion = '202611082102';
|
|
5785
5785
|
|
|
5786
5786
|
/**
|
|
5787
5787
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -1164,7 +1164,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1164
1164
|
}
|
|
1165
1165
|
};
|
|
1166
1166
|
|
|
1167
|
-
var formkitVersion$1 = '
|
|
1167
|
+
var formkitVersion$1 = '202611082102';
|
|
1168
1168
|
|
|
1169
1169
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1170
1170
|
// See LICENSE in the project root for license information.
|
|
@@ -5779,7 +5779,7 @@ class AuroHelpText extends i$2 {
|
|
|
5779
5779
|
}
|
|
5780
5780
|
}
|
|
5781
5781
|
|
|
5782
|
-
var formkitVersion = '
|
|
5782
|
+
var formkitVersion = '202611082102';
|
|
5783
5783
|
|
|
5784
5784
|
/**
|
|
5785
5785
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|