@aurodesignsystem-dev/auro-formkit 0.0.0-pr1462.0 → 0.0.0-pr1464.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/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/registered.min.js +23 -15
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +18 -11
- package/components/combobox/dist/registered.js +18 -11
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +13 -240
- package/components/counter/dist/registered.js +1 -1
- package/components/datepicker/demo/index.min.js +10 -10
- package/components/datepicker/dist/index.js +10 -10
- package/components/datepicker/dist/registered.js +10 -10
- 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/registerDemoDeps.min.js +262 -261
- package/components/input/demo/auro-input.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/index.min.js +5 -4
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +5 -4
- package/components/menu/dist/registered.js +5 -4
- package/components/radio/demo/index.md +1 -3
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/readme.md +0 -2
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/registered.min.js +7 -6
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +11 -13
- package/package.json +1 -2
|
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
|
|
|
1682
1682
|
}
|
|
1683
1683
|
}
|
|
1684
1684
|
|
|
1685
|
-
var formkitVersion = '
|
|
1685
|
+
var formkitVersion = '202605081752';
|
|
1686
1686
|
|
|
1687
1687
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1688
1688
|
// See LICENSE in the project root for license information.
|
|
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
|
|
|
1635
1635
|
}
|
|
1636
1636
|
}
|
|
1637
1637
|
|
|
1638
|
-
var formkitVersion = '
|
|
1638
|
+
var formkitVersion = '202605081752';
|
|
1639
1639
|
|
|
1640
1640
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1641
1641
|
// See LICENSE in the project root for license information.
|
|
@@ -1635,7 +1635,7 @@ class AuroHelpText extends LitElement {
|
|
|
1635
1635
|
}
|
|
1636
1636
|
}
|
|
1637
1637
|
|
|
1638
|
-
var formkitVersion = '
|
|
1638
|
+
var formkitVersion = '202605081752';
|
|
1639
1639
|
|
|
1640
1640
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1641
1641
|
// See LICENSE in the project root for license information.
|
|
@@ -5278,7 +5278,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
|
|
|
5278
5278
|
}
|
|
5279
5279
|
};
|
|
5280
5280
|
|
|
5281
|
-
var formkitVersion$2 = '
|
|
5281
|
+
var formkitVersion$2 = '202605081752';
|
|
5282
5282
|
|
|
5283
5283
|
let AuroElement$2 = class AuroElement extends i$4 {
|
|
5284
5284
|
static get properties() {
|
|
@@ -13030,7 +13030,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
|
|
|
13030
13030
|
}
|
|
13031
13031
|
};
|
|
13032
13032
|
|
|
13033
|
-
var formkitVersion$1 = '
|
|
13033
|
+
var formkitVersion$1 = '202605081752';
|
|
13034
13034
|
|
|
13035
13035
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
13036
13036
|
// See LICENSE in the project root for license information.
|
|
@@ -14095,7 +14095,7 @@ class AuroBibtemplate extends i$4 {
|
|
|
14095
14095
|
}
|
|
14096
14096
|
}
|
|
14097
14097
|
|
|
14098
|
-
var formkitVersion = '
|
|
14098
|
+
var formkitVersion = '202605081752';
|
|
14099
14099
|
|
|
14100
14100
|
var styleCss$3 = i$7`.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}`;
|
|
14101
14101
|
|
|
@@ -14492,7 +14492,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14492
14492
|
this.optionActive = null;
|
|
14493
14493
|
this.persistInput = false;
|
|
14494
14494
|
this.required = false;
|
|
14495
|
-
this.value = undefined;
|
|
14496
14495
|
this.typedValue = undefined;
|
|
14497
14496
|
this.behavior = "suggestion";
|
|
14498
14497
|
this.clearBtnFocused = false;
|
|
@@ -15105,6 +15104,10 @@ class AuroCombobox extends AuroElement {
|
|
|
15105
15104
|
});
|
|
15106
15105
|
|
|
15107
15106
|
if (this.value && this.input.value && !this.menu.value) {
|
|
15107
|
+
if (this.behavior === 'suggestion' && this.menu.options && this.menu.options.some((opt) => opt.value === this.value)) {
|
|
15108
|
+
this.setMenuValue(this.value);
|
|
15109
|
+
}
|
|
15110
|
+
|
|
15108
15111
|
this.syncValuesAndStates();
|
|
15109
15112
|
}
|
|
15110
15113
|
|
|
@@ -15718,10 +15721,6 @@ class AuroCombobox extends AuroElement {
|
|
|
15718
15721
|
this.configureCombobox();
|
|
15719
15722
|
this.configureMenu();
|
|
15720
15723
|
|
|
15721
|
-
// Set the initial value in auro-menu if defined
|
|
15722
|
-
if (this.hasAttribute('value') && this.getAttribute('value').length > 0) {
|
|
15723
|
-
this.menu.value = this.value;
|
|
15724
|
-
}
|
|
15725
15724
|
}
|
|
15726
15725
|
|
|
15727
15726
|
/**
|
|
@@ -15802,13 +15801,21 @@ class AuroCombobox extends AuroElement {
|
|
|
15802
15801
|
this.input.value = this.value;
|
|
15803
15802
|
}
|
|
15804
15803
|
|
|
15804
|
+
if (this.menu && this.hasValue && this.menu.options) {
|
|
15805
|
+
this.menu.options.forEach((opt) => {
|
|
15806
|
+
if (!opt.hasAttribute('static')) {
|
|
15807
|
+
opt.removeAttribute('hidden');
|
|
15808
|
+
}
|
|
15809
|
+
});
|
|
15810
|
+
}
|
|
15811
|
+
|
|
15805
15812
|
if (this.behavior === 'suggestion') {
|
|
15806
|
-
|
|
15807
|
-
// otherwise clear the menu value since the input value doesn't match any option
|
|
15808
|
-
if (this.menu.options && this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15813
|
+
if (!this.menu.options || this.menu.options.length === 0) ; else if (this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15809
15814
|
this.setMenuValue(this.value);
|
|
15810
15815
|
} else {
|
|
15811
15816
|
this.menu.value = undefined;
|
|
15817
|
+
// Sync the input display for freeform values that don't match any option
|
|
15818
|
+
this.input.value = this.value;
|
|
15812
15819
|
}
|
|
15813
15820
|
} else {
|
|
15814
15821
|
// Use setMenuValue like select does instead of direct assignment
|
|
@@ -16454,10 +16461,13 @@ class MenuService {
|
|
|
16454
16461
|
}
|
|
16455
16462
|
|
|
16456
16463
|
const optionsSet = new Set(optionsToDeselect);
|
|
16464
|
+
const previousCount = this.selectedOptions.length;
|
|
16457
16465
|
this.selectedOptions = (this.selectedOptions || [])
|
|
16458
16466
|
.filter(opt => !optionsSet.has(opt));
|
|
16459
16467
|
|
|
16460
|
-
this.
|
|
16468
|
+
if (this.selectedOptions.length < previousCount) {
|
|
16469
|
+
this.stageUpdate();
|
|
16470
|
+
}
|
|
16461
16471
|
}
|
|
16462
16472
|
|
|
16463
16473
|
/**
|
|
@@ -16901,8 +16911,6 @@ class AuroMenu extends AuroElement {
|
|
|
16901
16911
|
*/
|
|
16902
16912
|
this.size = "sm";
|
|
16903
16913
|
|
|
16904
|
-
// Value of the selected options
|
|
16905
|
-
this.value = undefined;
|
|
16906
16914
|
// Currently selected option
|
|
16907
16915
|
this.optionSelected = undefined;
|
|
16908
16916
|
// String used for highlighting/filtering
|
|
@@ -18005,7 +18013,7 @@ class AuroMenuOption extends AuroElement {
|
|
|
18005
18013
|
* @private
|
|
18006
18014
|
*/
|
|
18007
18015
|
handleClick() {
|
|
18008
|
-
if (!this.disabled) {
|
|
18016
|
+
if (!this.disabled && !this.menuService?.disabled) {
|
|
18009
18017
|
this.dispatchClickEvent();
|
|
18010
18018
|
this.selected = !this.selected;
|
|
18011
18019
|
}
|
|
@@ -337,7 +337,6 @@ export class AuroCombobox extends AuroElement {
|
|
|
337
337
|
optionActive: any;
|
|
338
338
|
persistInput: boolean | undefined;
|
|
339
339
|
required: boolean | undefined;
|
|
340
|
-
value: any;
|
|
341
340
|
typedValue: any;
|
|
342
341
|
behavior: string | undefined;
|
|
343
342
|
clearBtnFocused: boolean | undefined;
|
|
@@ -484,6 +483,7 @@ export class AuroCombobox extends AuroElement {
|
|
|
484
483
|
private configureMenu;
|
|
485
484
|
menu: Element | null | undefined;
|
|
486
485
|
defaultMenuShape: string | null | undefined;
|
|
486
|
+
value: any;
|
|
487
487
|
/**
|
|
488
488
|
* Binds all behavior needed to the input after rendering.
|
|
489
489
|
* @private
|
|
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5211
5211
|
}
|
|
5212
5212
|
};
|
|
5213
5213
|
|
|
5214
|
-
var formkitVersion$2 = '
|
|
5214
|
+
var formkitVersion$2 = '202605081752';
|
|
5215
5215
|
|
|
5216
5216
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5217
5217
|
static get properties() {
|
|
@@ -12956,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12956
12956
|
}
|
|
12957
12957
|
};
|
|
12958
12958
|
|
|
12959
|
-
var formkitVersion$1 = '
|
|
12959
|
+
var formkitVersion$1 = '202605081752';
|
|
12960
12960
|
|
|
12961
12961
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12962
12962
|
// See LICENSE in the project root for license information.
|
|
@@ -14021,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14021
14021
|
}
|
|
14022
14022
|
}
|
|
14023
14023
|
|
|
14024
|
-
var formkitVersion = '
|
|
14024
|
+
var formkitVersion = '202605081752';
|
|
14025
14025
|
|
|
14026
14026
|
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}`;
|
|
14027
14027
|
|
|
@@ -14418,7 +14418,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14418
14418
|
this.optionActive = null;
|
|
14419
14419
|
this.persistInput = false;
|
|
14420
14420
|
this.required = false;
|
|
14421
|
-
this.value = undefined;
|
|
14422
14421
|
this.typedValue = undefined;
|
|
14423
14422
|
this.behavior = "suggestion";
|
|
14424
14423
|
this.clearBtnFocused = false;
|
|
@@ -15031,6 +15030,10 @@ class AuroCombobox extends AuroElement {
|
|
|
15031
15030
|
});
|
|
15032
15031
|
|
|
15033
15032
|
if (this.value && this.input.value && !this.menu.value) {
|
|
15033
|
+
if (this.behavior === 'suggestion' && this.menu.options && this.menu.options.some((opt) => opt.value === this.value)) {
|
|
15034
|
+
this.setMenuValue(this.value);
|
|
15035
|
+
}
|
|
15036
|
+
|
|
15034
15037
|
this.syncValuesAndStates();
|
|
15035
15038
|
}
|
|
15036
15039
|
|
|
@@ -15644,10 +15647,6 @@ class AuroCombobox extends AuroElement {
|
|
|
15644
15647
|
this.configureCombobox();
|
|
15645
15648
|
this.configureMenu();
|
|
15646
15649
|
|
|
15647
|
-
// Set the initial value in auro-menu if defined
|
|
15648
|
-
if (this.hasAttribute('value') && this.getAttribute('value').length > 0) {
|
|
15649
|
-
this.menu.value = this.value;
|
|
15650
|
-
}
|
|
15651
15650
|
}
|
|
15652
15651
|
|
|
15653
15652
|
/**
|
|
@@ -15728,13 +15727,21 @@ class AuroCombobox extends AuroElement {
|
|
|
15728
15727
|
this.input.value = this.value;
|
|
15729
15728
|
}
|
|
15730
15729
|
|
|
15730
|
+
if (this.menu && this.hasValue && this.menu.options) {
|
|
15731
|
+
this.menu.options.forEach((opt) => {
|
|
15732
|
+
if (!opt.hasAttribute('static')) {
|
|
15733
|
+
opt.removeAttribute('hidden');
|
|
15734
|
+
}
|
|
15735
|
+
});
|
|
15736
|
+
}
|
|
15737
|
+
|
|
15731
15738
|
if (this.behavior === 'suggestion') {
|
|
15732
|
-
|
|
15733
|
-
// otherwise clear the menu value since the input value doesn't match any option
|
|
15734
|
-
if (this.menu.options && this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15739
|
+
if (!this.menu.options || this.menu.options.length === 0) ; else if (this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15735
15740
|
this.setMenuValue(this.value);
|
|
15736
15741
|
} else {
|
|
15737
15742
|
this.menu.value = undefined;
|
|
15743
|
+
// Sync the input display for freeform values that don't match any option
|
|
15744
|
+
this.input.value = this.value;
|
|
15738
15745
|
}
|
|
15739
15746
|
} else {
|
|
15740
15747
|
// Use setMenuValue like select does instead of direct assignment
|
|
@@ -5211,7 +5211,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
|
|
|
5211
5211
|
}
|
|
5212
5212
|
};
|
|
5213
5213
|
|
|
5214
|
-
var formkitVersion$2 = '
|
|
5214
|
+
var formkitVersion$2 = '202605081752';
|
|
5215
5215
|
|
|
5216
5216
|
let AuroElement$2 = class AuroElement extends LitElement {
|
|
5217
5217
|
static get properties() {
|
|
@@ -12956,7 +12956,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
|
|
|
12956
12956
|
}
|
|
12957
12957
|
};
|
|
12958
12958
|
|
|
12959
|
-
var formkitVersion$1 = '
|
|
12959
|
+
var formkitVersion$1 = '202605081752';
|
|
12960
12960
|
|
|
12961
12961
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
12962
12962
|
// See LICENSE in the project root for license information.
|
|
@@ -14021,7 +14021,7 @@ class AuroBibtemplate extends LitElement {
|
|
|
14021
14021
|
}
|
|
14022
14022
|
}
|
|
14023
14023
|
|
|
14024
|
-
var formkitVersion = '
|
|
14024
|
+
var formkitVersion = '202605081752';
|
|
14025
14025
|
|
|
14026
14026
|
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}`;
|
|
14027
14027
|
|
|
@@ -14418,7 +14418,6 @@ class AuroCombobox extends AuroElement {
|
|
|
14418
14418
|
this.optionActive = null;
|
|
14419
14419
|
this.persistInput = false;
|
|
14420
14420
|
this.required = false;
|
|
14421
|
-
this.value = undefined;
|
|
14422
14421
|
this.typedValue = undefined;
|
|
14423
14422
|
this.behavior = "suggestion";
|
|
14424
14423
|
this.clearBtnFocused = false;
|
|
@@ -15031,6 +15030,10 @@ class AuroCombobox extends AuroElement {
|
|
|
15031
15030
|
});
|
|
15032
15031
|
|
|
15033
15032
|
if (this.value && this.input.value && !this.menu.value) {
|
|
15033
|
+
if (this.behavior === 'suggestion' && this.menu.options && this.menu.options.some((opt) => opt.value === this.value)) {
|
|
15034
|
+
this.setMenuValue(this.value);
|
|
15035
|
+
}
|
|
15036
|
+
|
|
15034
15037
|
this.syncValuesAndStates();
|
|
15035
15038
|
}
|
|
15036
15039
|
|
|
@@ -15644,10 +15647,6 @@ class AuroCombobox extends AuroElement {
|
|
|
15644
15647
|
this.configureCombobox();
|
|
15645
15648
|
this.configureMenu();
|
|
15646
15649
|
|
|
15647
|
-
// Set the initial value in auro-menu if defined
|
|
15648
|
-
if (this.hasAttribute('value') && this.getAttribute('value').length > 0) {
|
|
15649
|
-
this.menu.value = this.value;
|
|
15650
|
-
}
|
|
15651
15650
|
}
|
|
15652
15651
|
|
|
15653
15652
|
/**
|
|
@@ -15728,13 +15727,21 @@ class AuroCombobox extends AuroElement {
|
|
|
15728
15727
|
this.input.value = this.value;
|
|
15729
15728
|
}
|
|
15730
15729
|
|
|
15730
|
+
if (this.menu && this.hasValue && this.menu.options) {
|
|
15731
|
+
this.menu.options.forEach((opt) => {
|
|
15732
|
+
if (!opt.hasAttribute('static')) {
|
|
15733
|
+
opt.removeAttribute('hidden');
|
|
15734
|
+
}
|
|
15735
|
+
});
|
|
15736
|
+
}
|
|
15737
|
+
|
|
15731
15738
|
if (this.behavior === 'suggestion') {
|
|
15732
|
-
|
|
15733
|
-
// otherwise clear the menu value since the input value doesn't match any option
|
|
15734
|
-
if (this.menu.options && this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15739
|
+
if (!this.menu.options || this.menu.options.length === 0) ; else if (this.menu.options.filter((opt) => opt.value === this.value).length > 0) {
|
|
15735
15740
|
this.setMenuValue(this.value);
|
|
15736
15741
|
} else {
|
|
15737
15742
|
this.menu.value = undefined;
|
|
15743
|
+
// Sync the input display for freeform values that don't match any option
|
|
15744
|
+
this.input.value = this.value;
|
|
15738
15745
|
}
|
|
15739
15746
|
} else {
|
|
15740
15747
|
// Use setMenuValue like select does instead of direct assignment
|
|
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
1521
1521
|
}
|
|
1522
1522
|
};
|
|
1523
1523
|
|
|
1524
|
-
var formkitVersion$1 = '
|
|
1524
|
+
var formkitVersion$1 = '202605081752';
|
|
1525
1525
|
|
|
1526
1526
|
// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
|
|
1527
1527
|
// See LICENSE in the project root for license information.
|
|
@@ -5867,7 +5867,7 @@ class AuroHelpText extends i$2 {
|
|
|
5867
5867
|
}
|
|
5868
5868
|
}
|
|
5869
5869
|
|
|
5870
|
-
var formkitVersion = '
|
|
5870
|
+
var formkitVersion = '202605081752';
|
|
5871
5871
|
|
|
5872
5872
|
let AuroElement$1 = class AuroElement extends i$2 {
|
|
5873
5873
|
static get properties() {
|