@aurodesignsystem-dev/auro-formkit 0.0.0-pr1595.0 → 0.0.0-pr1595.2
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/api.md +2 -2
- package/components/combobox/demo/customize.min.js +26 -10
- package/components/combobox/demo/getting-started.min.js +26 -10
- package/components/combobox/demo/index.min.js +26 -10
- package/components/combobox/dist/auro-combobox.d.ts +10 -22
- package/components/combobox/dist/index.js +22 -8
- package/components/combobox/dist/registered.js +22 -8
- package/components/counter/demo/api.md +1 -1
- package/components/counter/demo/customize.min.js +6 -3
- package/components/counter/demo/index.min.js +6 -3
- package/components/counter/dist/auro-counter-group.d.ts +4 -4
- package/components/counter/dist/index.js +6 -3
- package/components/counter/dist/registered.js +6 -3
- package/components/datepicker/demo/api.md +3 -3
- package/components/datepicker/demo/customize.min.js +39 -10
- package/components/datepicker/demo/index.min.js +39 -10
- package/components/datepicker/dist/auro-calendar-cell.d.ts +4 -5
- package/components/datepicker/dist/auro-calendar-month.d.ts +2 -4
- package/components/datepicker/dist/auro-calendar.d.ts +10 -7
- package/components/datepicker/dist/auro-datepicker.d.ts +14 -19
- package/components/datepicker/dist/index.js +39 -10
- package/components/datepicker/dist/registered.js +39 -10
- package/components/dropdown/demo/api.md +1 -1
- package/components/dropdown/demo/customize.min.js +3 -2
- package/components/dropdown/demo/getting-started.min.js +16 -6
- package/components/dropdown/demo/index.min.js +3 -2
- package/components/dropdown/dist/auro-dropdown.d.ts +3 -6
- package/components/dropdown/dist/index.js +3 -2
- package/components/dropdown/dist/registered.js +3 -2
- package/components/form/demo/customize.min.js +92 -33
- package/components/form/demo/getting-started.min.js +92 -33
- package/components/form/demo/index.min.js +92 -33
- package/components/form/demo/registerDemoDeps.min.js +92 -33
- package/components/input/demo/customize.min.js +13 -4
- package/components/input/demo/getting-started.min.js +13 -4
- package/components/input/demo/index.min.js +13 -4
- package/components/input/dist/base-input.d.ts +12 -3
- package/components/input/dist/index.js +13 -4
- package/components/input/dist/registered.js +13 -4
- package/components/menu/demo/api.md +4 -3
- package/components/menu/demo/index.min.js +4 -2
- package/components/menu/dist/auro-menu.d.ts +3 -9
- package/components/menu/dist/auro-menuoption.d.ts +1 -1
- package/components/menu/dist/index.js +4 -2
- package/components/menu/dist/registered.js +4 -2
- package/components/radio/demo/api.md +1 -1
- package/components/radio/demo/customize.min.js +2 -1
- package/components/radio/demo/getting-started.min.js +2 -1
- package/components/radio/demo/index.min.js +2 -1
- package/components/radio/dist/auro-radio-group.d.ts +2 -4
- package/components/radio/dist/index.js +2 -1
- package/components/radio/dist/registered.js +2 -1
- package/components/select/demo/customize.min.js +9 -6
- package/components/select/demo/getting-started.min.js +9 -6
- package/components/select/demo/index.min.js +9 -6
- package/components/select/dist/auro-select.d.ts +1 -1
- package/components/select/dist/index.js +5 -4
- package/components/select/dist/registered.js +5 -4
- package/custom-elements.json +1542 -1582
- package/package.json +1 -1
|
@@ -1284,7 +1284,7 @@ class AuroHelpText extends i$2 {
|
|
|
1284
1284
|
}
|
|
1285
1285
|
}
|
|
1286
1286
|
|
|
1287
|
-
var formkitVersion = '
|
|
1287
|
+
var formkitVersion = '202608300041';
|
|
1288
1288
|
|
|
1289
1289
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1290
1290
|
// See LICENSE in the project root for license information.
|
|
@@ -1284,7 +1284,7 @@ class AuroHelpText extends i$2 {
|
|
|
1284
1284
|
}
|
|
1285
1285
|
}
|
|
1286
1286
|
|
|
1287
|
-
var formkitVersion = '
|
|
1287
|
+
var formkitVersion = '202608300041';
|
|
1288
1288
|
|
|
1289
1289
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1290
1290
|
// See LICENSE in the project root for license information.
|
|
@@ -1284,7 +1284,7 @@ class AuroHelpText extends i$2 {
|
|
|
1284
1284
|
}
|
|
1285
1285
|
}
|
|
1286
1286
|
|
|
1287
|
-
var formkitVersion = '
|
|
1287
|
+
var formkitVersion = '202608300041';
|
|
1288
1288
|
|
|
1289
1289
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1290
1290
|
// See LICENSE in the project root for license information.
|
|
@@ -1237,7 +1237,7 @@ class AuroHelpText extends LitElement {
|
|
|
1237
1237
|
}
|
|
1238
1238
|
}
|
|
1239
1239
|
|
|
1240
|
-
var formkitVersion = '
|
|
1240
|
+
var formkitVersion = '202608300041';
|
|
1241
1241
|
|
|
1242
1242
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1243
1243
|
// See LICENSE in the project root for license information.
|
|
@@ -1237,7 +1237,7 @@ class AuroHelpText extends LitElement {
|
|
|
1237
1237
|
}
|
|
1238
1238
|
}
|
|
1239
1239
|
|
|
1240
|
-
var formkitVersion = '
|
|
1240
|
+
var formkitVersion = '202608300041';
|
|
1241
1241
|
|
|
1242
1242
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1243
1243
|
// See LICENSE in the project root for license information.
|
|
@@ -9,7 +9,7 @@ The `auro-combobox` element provides users with a way to select an option from a
|
|
|
9
9
|
|
|
10
10
|
| Property | Attribute | Modifiers | Type | Default | Description |
|
|
11
11
|
|---------------------------------------|---------------------------------------|-----------|--------------------------------------------------|------------------|--------------------------------------------------|
|
|
12
|
-
| `appearance` | `appearance` | | `
|
|
12
|
+
| `appearance` | `appearance` | | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
|
|
13
13
|
| `autoPlacement` | `autoplacement` | | `boolean` | | If declared, bib's position will be automatically calculated where to appear. |
|
|
14
14
|
| `autocomplete` | `autocomplete` | | `string` | | An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported. |
|
|
15
15
|
| `behavior` | `behavior` | | `'filter' \| 'suggestion'` | "'suggestion'" | Sets the behavior of the combobox, "filter" or "suggestion".<br />"filter" requires the user to select an option from the menu.<br />"suggestion" allows the user to enter a value not present in the menu options. |
|
|
@@ -41,7 +41,7 @@ The `auro-combobox` element provides users with a way to select an option from a
|
|
|
41
41
|
| `shift` | `shift` | | `boolean` | | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
|
|
42
42
|
| `size` | `size` | | `'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl'` | "'xl'" | Sets the size of the combobox. |
|
|
43
43
|
| `triggerIcon` | `triggericon` | | `boolean` | | If set, the `icon` attribute will be applied to the trigger `auro-input` element.<br />Icon rendering is currently limited to `type="credit-card"`. Setting `triggerIcon`<br />without a supported `type` propagates the attribute but does not render a visible icon. |
|
|
44
|
-
| `type` | `type` | | `
|
|
44
|
+
| `type` | `type` | | `'text' \| 'password' \| 'email' \| 'credit-card' \| 'tel' \| 'number' \| 'date'` | | Applies the defined value as the type attribute on `auro-input`. |
|
|
45
45
|
| `typedValue` | `typedvalue` | | `string` | | Specifies the value of the input element within the combobox. |
|
|
46
46
|
| `validity` | `validity` | | `string` | | Specifies the `validityState` this element is in. |
|
|
47
47
|
| `value` | `value` | | `string` | | Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value. |
|
|
@@ -5005,7 +5005,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5005
5005
|
}
|
|
5006
5006
|
};
|
|
5007
5007
|
|
|
5008
|
-
var formkitVersion$2 = '
|
|
5008
|
+
var formkitVersion$2 = '202608300041';
|
|
5009
5009
|
|
|
5010
5010
|
/**
|
|
5011
5011
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -5545,7 +5545,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5545
5545
|
*/
|
|
5546
5546
|
hasTriggerContent: {
|
|
5547
5547
|
type: Boolean,
|
|
5548
|
-
attribute:
|
|
5548
|
+
attribute: false
|
|
5549
5549
|
},
|
|
5550
5550
|
|
|
5551
5551
|
/**
|
|
@@ -5668,6 +5668,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5668
5668
|
|
|
5669
5669
|
/**
|
|
5670
5670
|
* If declared, and a function is set, that function will execute when the slot content is updated.
|
|
5671
|
+
* @type {() => void}
|
|
5671
5672
|
*/
|
|
5672
5673
|
onSlotChange: {
|
|
5673
5674
|
type: Function,
|
|
@@ -17091,7 +17092,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17091
17092
|
// during its own update cycle sees a populated util instance.
|
|
17092
17093
|
this.activeLabel = false;
|
|
17093
17094
|
|
|
17094
|
-
/**
|
|
17095
|
+
/**
|
|
17096
|
+
* @private
|
|
17097
|
+
* @type {string[]}
|
|
17098
|
+
*/
|
|
17095
17099
|
this.allowedInputTypes = [
|
|
17096
17100
|
"text",
|
|
17097
17101
|
"number",
|
|
@@ -17104,7 +17108,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17104
17108
|
/** @type {'default' | 'inverse'} */
|
|
17105
17109
|
this.appearance = "default";
|
|
17106
17110
|
|
|
17107
|
-
/**
|
|
17111
|
+
/**
|
|
17112
|
+
* @private
|
|
17113
|
+
* @type {Record<string, string>}
|
|
17114
|
+
*/
|
|
17108
17115
|
this.dateFormatMap = {
|
|
17109
17116
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
17110
17117
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -17150,7 +17157,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17150
17157
|
this.setCustomValidityForType = undefined;
|
|
17151
17158
|
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
17152
17159
|
// itself, and listing it here caused cursor placement issues in Safari.
|
|
17153
|
-
/**
|
|
17160
|
+
/**
|
|
17161
|
+
* @private
|
|
17162
|
+
* @type {string[]}
|
|
17163
|
+
*/
|
|
17154
17164
|
this.setSelectionInputTypes = [
|
|
17155
17165
|
"text",
|
|
17156
17166
|
"password",
|
|
@@ -18861,7 +18871,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18861
18871
|
}
|
|
18862
18872
|
};
|
|
18863
18873
|
|
|
18864
|
-
var formkitVersion$1 = '
|
|
18874
|
+
var formkitVersion$1 = '202608300041';
|
|
18865
18875
|
|
|
18866
18876
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18867
18877
|
// See LICENSE in the project root for license information.
|
|
@@ -20053,7 +20063,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20053
20063
|
}
|
|
20054
20064
|
}
|
|
20055
20065
|
|
|
20056
|
-
var formkitVersion = '
|
|
20066
|
+
var formkitVersion = '202608300041';
|
|
20057
20067
|
|
|
20058
20068
|
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}`;
|
|
20059
20069
|
|
|
@@ -20478,6 +20488,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20478
20488
|
*/
|
|
20479
20489
|
_initializeDefaults() {
|
|
20480
20490
|
// Defaults that effect the combobox behavior and state
|
|
20491
|
+
/** @type {'default' | 'inverse'} */
|
|
20481
20492
|
this.appearance = "default";
|
|
20482
20493
|
this.disabled = false;
|
|
20483
20494
|
this.msgSelectionMissing = 'Please select an option.';
|
|
@@ -20563,7 +20574,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20563
20574
|
|
|
20564
20575
|
/**
|
|
20565
20576
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
20566
|
-
* @
|
|
20577
|
+
* @type {'default' | 'inverse'}
|
|
20567
20578
|
* @default 'default'
|
|
20568
20579
|
*/
|
|
20569
20580
|
appearance: {
|
|
@@ -20592,6 +20603,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20592
20603
|
* Array of available options to display in the dropdown.
|
|
20593
20604
|
* This array contains all non-hidden options (e.g., hidden by filtering on input value).
|
|
20594
20605
|
* @private
|
|
20606
|
+
* @type {HTMLElement[]}
|
|
20595
20607
|
*/
|
|
20596
20608
|
availableOptions: {
|
|
20597
20609
|
state: true,
|
|
@@ -20890,6 +20902,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20890
20902
|
|
|
20891
20903
|
/**
|
|
20892
20904
|
* Applies the defined value as the type attribute on `auro-input`.
|
|
20905
|
+
* @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
|
|
20893
20906
|
*/
|
|
20894
20907
|
type: {
|
|
20895
20908
|
type: String,
|
|
@@ -20949,6 +20962,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20949
20962
|
/**
|
|
20950
20963
|
* Specifies the currently active option.
|
|
20951
20964
|
* @private
|
|
20965
|
+
* @type {HTMLElement}
|
|
20952
20966
|
*/
|
|
20953
20967
|
optionActive: {
|
|
20954
20968
|
type: Object,
|
|
@@ -22719,7 +22733,7 @@ let menuInstanceIdCounter = 0;
|
|
|
22719
22733
|
* @event {CustomEvent<Element>} auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
|
|
22720
22734
|
* @event {CustomEvent<any>} auroMenu-customEventFired - Notifies that a custom event has been fired.
|
|
22721
22735
|
* @event {CustomEvent<{ loading: boolean; hasLoadingPlaceholder: boolean; }>} auroMenu-loadingChange - Notifies when the loading attribute is changed.
|
|
22722
|
-
* @event {CustomEvent<{ options: Array }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22736
|
+
* @event {CustomEvent<{ options: Array<HTMLElement> }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22723
22737
|
* @event {CustomEvent<any>} auroMenu-selectValueFailure - Notifies that an attempt to select a menuoption by matching a value has failed.
|
|
22724
22738
|
* @event {CustomEvent<any>} auroMenu-selectValueReset - Notifies that the component value has been reset.
|
|
22725
22739
|
* @event {CustomEvent<any>} auroMenu-selectedOption - Notifies that a new menuoption selection has been made.
|
|
@@ -22901,6 +22915,7 @@ class AuroMenu extends AuroElement {
|
|
|
22901
22915
|
/**
|
|
22902
22916
|
* Specifies the current active menuOption.
|
|
22903
22917
|
* @readonly
|
|
22918
|
+
* @type {HTMLElement}
|
|
22904
22919
|
*/
|
|
22905
22920
|
optionActive: {
|
|
22906
22921
|
type: Object,
|
|
@@ -22910,6 +22925,7 @@ class AuroMenu extends AuroElement {
|
|
|
22910
22925
|
/**
|
|
22911
22926
|
* The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s.
|
|
22912
22927
|
* @readonly
|
|
22928
|
+
* @type {HTMLElement | HTMLElement[]}
|
|
22913
22929
|
*/
|
|
22914
22930
|
optionSelected: {
|
|
22915
22931
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
@@ -24195,7 +24211,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
24195
24211
|
},
|
|
24196
24212
|
|
|
24197
24213
|
/**
|
|
24198
|
-
*
|
|
24214
|
+
* When set, selecting this option dispatches a custom event of the given name from the parent `auro-menu` (and an `auroMenu-customEventFired` event) instead of selecting the option.
|
|
24199
24215
|
*/
|
|
24200
24216
|
event: {
|
|
24201
24217
|
type: String,
|
|
@@ -5005,7 +5005,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5005
5005
|
}
|
|
5006
5006
|
};
|
|
5007
5007
|
|
|
5008
|
-
var formkitVersion$2 = '
|
|
5008
|
+
var formkitVersion$2 = '202608300041';
|
|
5009
5009
|
|
|
5010
5010
|
/**
|
|
5011
5011
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -5545,7 +5545,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5545
5545
|
*/
|
|
5546
5546
|
hasTriggerContent: {
|
|
5547
5547
|
type: Boolean,
|
|
5548
|
-
attribute:
|
|
5548
|
+
attribute: false
|
|
5549
5549
|
},
|
|
5550
5550
|
|
|
5551
5551
|
/**
|
|
@@ -5668,6 +5668,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5668
5668
|
|
|
5669
5669
|
/**
|
|
5670
5670
|
* If declared, and a function is set, that function will execute when the slot content is updated.
|
|
5671
|
+
* @type {() => void}
|
|
5671
5672
|
*/
|
|
5672
5673
|
onSlotChange: {
|
|
5673
5674
|
type: Function,
|
|
@@ -17091,7 +17092,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17091
17092
|
// during its own update cycle sees a populated util instance.
|
|
17092
17093
|
this.activeLabel = false;
|
|
17093
17094
|
|
|
17094
|
-
/**
|
|
17095
|
+
/**
|
|
17096
|
+
* @private
|
|
17097
|
+
* @type {string[]}
|
|
17098
|
+
*/
|
|
17095
17099
|
this.allowedInputTypes = [
|
|
17096
17100
|
"text",
|
|
17097
17101
|
"number",
|
|
@@ -17104,7 +17108,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17104
17108
|
/** @type {'default' | 'inverse'} */
|
|
17105
17109
|
this.appearance = "default";
|
|
17106
17110
|
|
|
17107
|
-
/**
|
|
17111
|
+
/**
|
|
17112
|
+
* @private
|
|
17113
|
+
* @type {Record<string, string>}
|
|
17114
|
+
*/
|
|
17108
17115
|
this.dateFormatMap = {
|
|
17109
17116
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
17110
17117
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -17150,7 +17157,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17150
17157
|
this.setCustomValidityForType = undefined;
|
|
17151
17158
|
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
17152
17159
|
// itself, and listing it here caused cursor placement issues in Safari.
|
|
17153
|
-
/**
|
|
17160
|
+
/**
|
|
17161
|
+
* @private
|
|
17162
|
+
* @type {string[]}
|
|
17163
|
+
*/
|
|
17154
17164
|
this.setSelectionInputTypes = [
|
|
17155
17165
|
"text",
|
|
17156
17166
|
"password",
|
|
@@ -18861,7 +18871,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18861
18871
|
}
|
|
18862
18872
|
};
|
|
18863
18873
|
|
|
18864
|
-
var formkitVersion$1 = '
|
|
18874
|
+
var formkitVersion$1 = '202608300041';
|
|
18865
18875
|
|
|
18866
18876
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18867
18877
|
// See LICENSE in the project root for license information.
|
|
@@ -20053,7 +20063,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20053
20063
|
}
|
|
20054
20064
|
}
|
|
20055
20065
|
|
|
20056
|
-
var formkitVersion = '
|
|
20066
|
+
var formkitVersion = '202608300041';
|
|
20057
20067
|
|
|
20058
20068
|
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}`;
|
|
20059
20069
|
|
|
@@ -20478,6 +20488,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20478
20488
|
*/
|
|
20479
20489
|
_initializeDefaults() {
|
|
20480
20490
|
// Defaults that effect the combobox behavior and state
|
|
20491
|
+
/** @type {'default' | 'inverse'} */
|
|
20481
20492
|
this.appearance = "default";
|
|
20482
20493
|
this.disabled = false;
|
|
20483
20494
|
this.msgSelectionMissing = 'Please select an option.';
|
|
@@ -20563,7 +20574,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20563
20574
|
|
|
20564
20575
|
/**
|
|
20565
20576
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
20566
|
-
* @
|
|
20577
|
+
* @type {'default' | 'inverse'}
|
|
20567
20578
|
* @default 'default'
|
|
20568
20579
|
*/
|
|
20569
20580
|
appearance: {
|
|
@@ -20592,6 +20603,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20592
20603
|
* Array of available options to display in the dropdown.
|
|
20593
20604
|
* This array contains all non-hidden options (e.g., hidden by filtering on input value).
|
|
20594
20605
|
* @private
|
|
20606
|
+
* @type {HTMLElement[]}
|
|
20595
20607
|
*/
|
|
20596
20608
|
availableOptions: {
|
|
20597
20609
|
state: true,
|
|
@@ -20890,6 +20902,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20890
20902
|
|
|
20891
20903
|
/**
|
|
20892
20904
|
* Applies the defined value as the type attribute on `auro-input`.
|
|
20905
|
+
* @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
|
|
20893
20906
|
*/
|
|
20894
20907
|
type: {
|
|
20895
20908
|
type: String,
|
|
@@ -20949,6 +20962,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20949
20962
|
/**
|
|
20950
20963
|
* Specifies the currently active option.
|
|
20951
20964
|
* @private
|
|
20965
|
+
* @type {HTMLElement}
|
|
20952
20966
|
*/
|
|
20953
20967
|
optionActive: {
|
|
20954
20968
|
type: Object,
|
|
@@ -22719,7 +22733,7 @@ let menuInstanceIdCounter = 0;
|
|
|
22719
22733
|
* @event {CustomEvent<Element>} auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
|
|
22720
22734
|
* @event {CustomEvent<any>} auroMenu-customEventFired - Notifies that a custom event has been fired.
|
|
22721
22735
|
* @event {CustomEvent<{ loading: boolean; hasLoadingPlaceholder: boolean; }>} auroMenu-loadingChange - Notifies when the loading attribute is changed.
|
|
22722
|
-
* @event {CustomEvent<{ options: Array }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22736
|
+
* @event {CustomEvent<{ options: Array<HTMLElement> }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22723
22737
|
* @event {CustomEvent<any>} auroMenu-selectValueFailure - Notifies that an attempt to select a menuoption by matching a value has failed.
|
|
22724
22738
|
* @event {CustomEvent<any>} auroMenu-selectValueReset - Notifies that the component value has been reset.
|
|
22725
22739
|
* @event {CustomEvent<any>} auroMenu-selectedOption - Notifies that a new menuoption selection has been made.
|
|
@@ -22901,6 +22915,7 @@ class AuroMenu extends AuroElement {
|
|
|
22901
22915
|
/**
|
|
22902
22916
|
* Specifies the current active menuOption.
|
|
22903
22917
|
* @readonly
|
|
22918
|
+
* @type {HTMLElement}
|
|
22904
22919
|
*/
|
|
22905
22920
|
optionActive: {
|
|
22906
22921
|
type: Object,
|
|
@@ -22910,6 +22925,7 @@ class AuroMenu extends AuroElement {
|
|
|
22910
22925
|
/**
|
|
22911
22926
|
* The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s.
|
|
22912
22927
|
* @readonly
|
|
22928
|
+
* @type {HTMLElement | HTMLElement[]}
|
|
22913
22929
|
*/
|
|
22914
22930
|
optionSelected: {
|
|
22915
22931
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
@@ -24195,7 +24211,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
24195
24211
|
},
|
|
24196
24212
|
|
|
24197
24213
|
/**
|
|
24198
|
-
*
|
|
24214
|
+
* When set, selecting this option dispatches a custom event of the given name from the parent `auro-menu` (and an `auroMenu-customEventFired` event) instead of selecting the option.
|
|
24199
24215
|
*/
|
|
24200
24216
|
event: {
|
|
24201
24217
|
type: String,
|
|
@@ -5020,7 +5020,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
|
|
|
5020
5020
|
}
|
|
5021
5021
|
};
|
|
5022
5022
|
|
|
5023
|
-
var formkitVersion$2 = '
|
|
5023
|
+
var formkitVersion$2 = '202608300041';
|
|
5024
5024
|
|
|
5025
5025
|
/**
|
|
5026
5026
|
* AuroElement is the shared base class for layout-aware Auro form components.
|
|
@@ -5560,7 +5560,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5560
5560
|
*/
|
|
5561
5561
|
hasTriggerContent: {
|
|
5562
5562
|
type: Boolean,
|
|
5563
|
-
attribute:
|
|
5563
|
+
attribute: false
|
|
5564
5564
|
},
|
|
5565
5565
|
|
|
5566
5566
|
/**
|
|
@@ -5683,6 +5683,7 @@ class AuroDropdown extends AuroElement$2 {
|
|
|
5683
5683
|
|
|
5684
5684
|
/**
|
|
5685
5685
|
* If declared, and a function is set, that function will execute when the slot content is updated.
|
|
5686
|
+
* @type {() => void}
|
|
5686
5687
|
*/
|
|
5687
5688
|
onSlotChange: {
|
|
5688
5689
|
type: Function,
|
|
@@ -17106,7 +17107,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17106
17107
|
// during its own update cycle sees a populated util instance.
|
|
17107
17108
|
this.activeLabel = false;
|
|
17108
17109
|
|
|
17109
|
-
/**
|
|
17110
|
+
/**
|
|
17111
|
+
* @private
|
|
17112
|
+
* @type {string[]}
|
|
17113
|
+
*/
|
|
17110
17114
|
this.allowedInputTypes = [
|
|
17111
17115
|
"text",
|
|
17112
17116
|
"number",
|
|
@@ -17119,7 +17123,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17119
17123
|
/** @type {'default' | 'inverse'} */
|
|
17120
17124
|
this.appearance = "default";
|
|
17121
17125
|
|
|
17122
|
-
/**
|
|
17126
|
+
/**
|
|
17127
|
+
* @private
|
|
17128
|
+
* @type {Record<string, string>}
|
|
17129
|
+
*/
|
|
17123
17130
|
this.dateFormatMap = {
|
|
17124
17131
|
'mm/dd/yyyy': 'dateMMDDYYYY',
|
|
17125
17132
|
'dd/mm/yyyy': 'dateDDMMYYYY',
|
|
@@ -17165,7 +17172,10 @@ class BaseInput extends AuroElement$1 {
|
|
|
17165
17172
|
this.setCustomValidityForType = undefined;
|
|
17166
17173
|
// Credit Card is intentionally excluded — its mask manages the cursor
|
|
17167
17174
|
// itself, and listing it here caused cursor placement issues in Safari.
|
|
17168
|
-
/**
|
|
17175
|
+
/**
|
|
17176
|
+
* @private
|
|
17177
|
+
* @type {string[]}
|
|
17178
|
+
*/
|
|
17169
17179
|
this.setSelectionInputTypes = [
|
|
17170
17180
|
"text",
|
|
17171
17181
|
"password",
|
|
@@ -18876,7 +18886,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
|
|
|
18876
18886
|
}
|
|
18877
18887
|
};
|
|
18878
18888
|
|
|
18879
|
-
var formkitVersion$1 = '
|
|
18889
|
+
var formkitVersion$1 = '202608300041';
|
|
18880
18890
|
|
|
18881
18891
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
18882
18892
|
// See LICENSE in the project root for license information.
|
|
@@ -20068,7 +20078,7 @@ class AuroBibtemplate extends i$3 {
|
|
|
20068
20078
|
}
|
|
20069
20079
|
}
|
|
20070
20080
|
|
|
20071
|
-
var formkitVersion = '
|
|
20081
|
+
var formkitVersion = '202608300041';
|
|
20072
20082
|
|
|
20073
20083
|
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}`;
|
|
20074
20084
|
|
|
@@ -20493,6 +20503,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20493
20503
|
*/
|
|
20494
20504
|
_initializeDefaults() {
|
|
20495
20505
|
// Defaults that effect the combobox behavior and state
|
|
20506
|
+
/** @type {'default' | 'inverse'} */
|
|
20496
20507
|
this.appearance = "default";
|
|
20497
20508
|
this.disabled = false;
|
|
20498
20509
|
this.msgSelectionMissing = 'Please select an option.';
|
|
@@ -20578,7 +20589,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20578
20589
|
|
|
20579
20590
|
/**
|
|
20580
20591
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
20581
|
-
* @
|
|
20592
|
+
* @type {'default' | 'inverse'}
|
|
20582
20593
|
* @default 'default'
|
|
20583
20594
|
*/
|
|
20584
20595
|
appearance: {
|
|
@@ -20607,6 +20618,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20607
20618
|
* Array of available options to display in the dropdown.
|
|
20608
20619
|
* This array contains all non-hidden options (e.g., hidden by filtering on input value).
|
|
20609
20620
|
* @private
|
|
20621
|
+
* @type {HTMLElement[]}
|
|
20610
20622
|
*/
|
|
20611
20623
|
availableOptions: {
|
|
20612
20624
|
state: true,
|
|
@@ -20905,6 +20917,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20905
20917
|
|
|
20906
20918
|
/**
|
|
20907
20919
|
* Applies the defined value as the type attribute on `auro-input`.
|
|
20920
|
+
* @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
|
|
20908
20921
|
*/
|
|
20909
20922
|
type: {
|
|
20910
20923
|
type: String,
|
|
@@ -20964,6 +20977,7 @@ class AuroCombobox extends AuroElement {
|
|
|
20964
20977
|
/**
|
|
20965
20978
|
* Specifies the currently active option.
|
|
20966
20979
|
* @private
|
|
20980
|
+
* @type {HTMLElement}
|
|
20967
20981
|
*/
|
|
20968
20982
|
optionActive: {
|
|
20969
20983
|
type: Object,
|
|
@@ -22734,7 +22748,7 @@ let menuInstanceIdCounter = 0;
|
|
|
22734
22748
|
* @event {CustomEvent<Element>} auroMenu-activatedOption - Notifies that a menuoption has been made `active`.
|
|
22735
22749
|
* @event {CustomEvent<any>} auroMenu-customEventFired - Notifies that a custom event has been fired.
|
|
22736
22750
|
* @event {CustomEvent<{ loading: boolean; hasLoadingPlaceholder: boolean; }>} auroMenu-loadingChange - Notifies when the loading attribute is changed.
|
|
22737
|
-
* @event {CustomEvent<{ options: Array }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22751
|
+
* @event {CustomEvent<{ options: Array<HTMLElement> }>} auroMenu-optionsChange - Notifies that the set of available menu options has changed.
|
|
22738
22752
|
* @event {CustomEvent<any>} auroMenu-selectValueFailure - Notifies that an attempt to select a menuoption by matching a value has failed.
|
|
22739
22753
|
* @event {CustomEvent<any>} auroMenu-selectValueReset - Notifies that the component value has been reset.
|
|
22740
22754
|
* @event {CustomEvent<any>} auroMenu-selectedOption - Notifies that a new menuoption selection has been made.
|
|
@@ -22916,6 +22930,7 @@ class AuroMenu extends AuroElement {
|
|
|
22916
22930
|
/**
|
|
22917
22931
|
* Specifies the current active menuOption.
|
|
22918
22932
|
* @readonly
|
|
22933
|
+
* @type {HTMLElement}
|
|
22919
22934
|
*/
|
|
22920
22935
|
optionActive: {
|
|
22921
22936
|
type: Object,
|
|
@@ -22925,6 +22940,7 @@ class AuroMenu extends AuroElement {
|
|
|
22925
22940
|
/**
|
|
22926
22941
|
* The currently selected menu option(s). In single-select mode this is a single `HTMLElement` (or `undefined` when nothing is selected). In multi-select mode this is an array of `HTMLElement`s.
|
|
22927
22942
|
* @readonly
|
|
22943
|
+
* @type {HTMLElement | HTMLElement[]}
|
|
22928
22944
|
*/
|
|
22929
22945
|
optionSelected: {
|
|
22930
22946
|
// Allow HTMLElement, HTMLElement[] arrays and undefined
|
|
@@ -24210,7 +24226,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
24210
24226
|
},
|
|
24211
24227
|
|
|
24212
24228
|
/**
|
|
24213
|
-
*
|
|
24229
|
+
* When set, selecting this option dispatches a custom event of the given name from the parent `auro-menu` (and an `auroMenu-customEventFired` event) instead of selecting the option.
|
|
24214
24230
|
*/
|
|
24215
24231
|
event: {
|
|
24216
24232
|
type: String,
|
|
@@ -20,13 +20,10 @@ export class AuroCombobox extends AuroElement {
|
|
|
20
20
|
static get properties(): {
|
|
21
21
|
/**
|
|
22
22
|
* Defines whether the component will be on lighter or darker backgrounds.
|
|
23
|
-
* @
|
|
23
|
+
* @type {'default' | 'inverse'}
|
|
24
24
|
* @default 'default'
|
|
25
25
|
*/
|
|
26
|
-
appearance:
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
reflect: boolean;
|
|
29
|
-
};
|
|
26
|
+
appearance: "default" | "inverse";
|
|
30
27
|
/**
|
|
31
28
|
* An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported.
|
|
32
29
|
*/
|
|
@@ -46,14 +43,9 @@ export class AuroCombobox extends AuroElement {
|
|
|
46
43
|
* Array of available options to display in the dropdown.
|
|
47
44
|
* This array contains all non-hidden options (e.g., hidden by filtering on input value).
|
|
48
45
|
* @private
|
|
46
|
+
* @type {HTMLElement[]}
|
|
49
47
|
*/
|
|
50
|
-
availableOptions:
|
|
51
|
-
state: boolean;
|
|
52
|
-
attribute: boolean;
|
|
53
|
-
type: ArrayConstructor;
|
|
54
|
-
reflect: boolean;
|
|
55
|
-
hasChanged(newVal: any, oldVal: any): any;
|
|
56
|
-
};
|
|
48
|
+
availableOptions: HTMLElement[];
|
|
57
49
|
/**
|
|
58
50
|
* Sets the behavior of the combobox, "filter" or "suggestion".
|
|
59
51
|
* "filter" requires the user to select an option from the menu.
|
|
@@ -281,11 +273,9 @@ export class AuroCombobox extends AuroElement {
|
|
|
281
273
|
};
|
|
282
274
|
/**
|
|
283
275
|
* Applies the defined value as the type attribute on `auro-input`.
|
|
276
|
+
* @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'}
|
|
284
277
|
*/
|
|
285
|
-
type:
|
|
286
|
-
type: StringConstructor;
|
|
287
|
-
reflect: boolean;
|
|
288
|
-
};
|
|
278
|
+
type: "text" | "password" | "email" | "credit-card" | "tel" | "number" | "date";
|
|
289
279
|
/**
|
|
290
280
|
* Specifies the value of the input element within the combobox.
|
|
291
281
|
*/
|
|
@@ -328,12 +318,9 @@ export class AuroCombobox extends AuroElement {
|
|
|
328
318
|
/**
|
|
329
319
|
* Specifies the currently active option.
|
|
330
320
|
* @private
|
|
321
|
+
* @type {HTMLElement}
|
|
331
322
|
*/
|
|
332
|
-
optionActive:
|
|
333
|
-
type: ObjectConstructor;
|
|
334
|
-
reflect: boolean;
|
|
335
|
-
attribute: boolean;
|
|
336
|
-
};
|
|
323
|
+
optionActive: HTMLElement;
|
|
337
324
|
};
|
|
338
325
|
static get styles(): import("lit").CSSResult[];
|
|
339
326
|
/**
|
|
@@ -350,7 +337,8 @@ export class AuroCombobox extends AuroElement {
|
|
|
350
337
|
* @returns {void} Internal defaults.
|
|
351
338
|
*/
|
|
352
339
|
private _initializeDefaults;
|
|
353
|
-
|
|
340
|
+
/** @type {'default' | 'inverse'} */
|
|
341
|
+
appearance: "default" | "inverse" | undefined;
|
|
354
342
|
disabled: boolean | undefined;
|
|
355
343
|
msgSelectionMissing: string | undefined;
|
|
356
344
|
noFilter: boolean | undefined;
|