@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.
Files changed (35) hide show
  1. package/components/checkbox/demo/index.min.js +1 -1
  2. package/components/checkbox/dist/index.js +1 -1
  3. package/components/checkbox/dist/registered.js +1 -1
  4. package/components/combobox/demo/registered.min.js +23 -15
  5. package/components/combobox/dist/auro-combobox.d.ts +1 -1
  6. package/components/combobox/dist/index.js +18 -11
  7. package/components/combobox/dist/registered.js +18 -11
  8. package/components/counter/demo/index.min.js +2 -2
  9. package/components/counter/dist/index.js +13 -240
  10. package/components/counter/dist/registered.js +1 -1
  11. package/components/datepicker/demo/index.min.js +10 -10
  12. package/components/datepicker/dist/index.js +10 -10
  13. package/components/datepicker/dist/registered.js +10 -10
  14. package/components/dropdown/demo/index.min.js +1 -1
  15. package/components/dropdown/dist/index.js +1 -1
  16. package/components/dropdown/dist/registered.js +1 -1
  17. package/components/form/demo/registerDemoDeps.min.js +262 -261
  18. package/components/input/demo/auro-input.min.js +1 -1
  19. package/components/input/dist/index.js +1 -1
  20. package/components/input/dist/registered.js +1 -1
  21. package/components/menu/demo/api.md +1 -1
  22. package/components/menu/demo/index.min.js +5 -4
  23. package/components/menu/dist/auro-menu.d.ts +1 -1
  24. package/components/menu/dist/index.js +5 -4
  25. package/components/menu/dist/registered.js +5 -4
  26. package/components/radio/demo/index.md +1 -3
  27. package/components/radio/demo/index.min.js +1 -1
  28. package/components/radio/demo/readme.md +0 -2
  29. package/components/radio/dist/index.js +1 -1
  30. package/components/radio/dist/registered.js +1 -1
  31. package/components/select/demo/registered.min.js +7 -6
  32. package/components/select/dist/index.js +2 -2
  33. package/components/select/dist/registered.js +2 -2
  34. package/custom-elements.json +11 -13
  35. package/package.json +1 -2
@@ -1682,7 +1682,7 @@ class AuroHelpText extends i$2 {
1682
1682
  }
1683
1683
  }
1684
1684
 
1685
- var formkitVersion = '202605071937';
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 = '202605071937';
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 = '202605071937';
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 = '202605071937';
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 = '202605071937';
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 = '202605071937';
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
- // if menu has an option that has matched value, then select it,
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.stageUpdate();
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 = '202605071937';
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 = '202605071937';
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 = '202605071937';
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
- // if menu has an option that has matched value, then select it,
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 = '202605071937';
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 = '202605071937';
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 = '202605071937';
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
- // if menu has an option that has matched value, then select it,
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 = '202605071937';
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 = '202605071937';
5870
+ var formkitVersion = '202605081752';
5871
5871
 
5872
5872
  let AuroElement$1 = class AuroElement extends i$2 {
5873
5873
  static get properties() {