@aurodesignsystem/auro-formkit 5.4.0 → 5.5.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/CHANGELOG.md CHANGED
@@ -1,10 +1,14 @@
1
- # [5.4.0](https://github.com/AlaskaAirlines/auro-formkit/compare/v5.3.1...v5.4.0) (2025-08-21)
1
+ # [5.5.0](https://github.com/AlaskaAirlines/auro-formkit/compare/v5.4.0...v5.5.0) (2025-09-15)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * prevent menu from overriding user input on keydown in combobox [#1129](https://github.com/AlaskaAirlines/auro-formkit/issues/1129) ([e7d86a1](https://github.com/AlaskaAirlines/auro-formkit/commit/e7d86a1a245241fdeb86e9aebad4cb99ce4a1496))
2
7
 
3
8
 
4
9
  ### Features
5
10
 
6
- * add host level displayValue slot [#1117](https://github.com/AlaskaAirlines/auro-formkit/issues/1117) ([6f65df4](https://github.com/AlaskaAirlines/auro-formkit/commit/6f65df4b88fe50327996997ac87b661212ae41c9))
7
- * auto supply datepicker displayValue slot content [#1117](https://github.com/AlaskaAirlines/auro-formkit/issues/1117) ([aba4fa0](https://github.com/AlaskaAirlines/auro-formkit/commit/aba4fa0c67fd6b6fc084d0878b06de3d6ccfafe1))
11
+ * [#1132](https://github.com/AlaskaAirlines/auro-formkit/issues/1132) remove styles that hide the "clear" button for the input in the fullscreen bib for combobox ([4cabd8f](https://github.com/AlaskaAirlines/auro-formkit/commit/4cabd8f183ffbc2982448a7bfa100a50be148050))
8
12
 
9
13
  ### Changelog
10
14
 
@@ -187,7 +187,8 @@ The menu in this example was populated from data from a country/city API. To kee
187
187
  due to the requirements of auro-dropdown and auro-input
188
188
  -->
189
189
  <auro-menu id="initMenu"></auro-menu>
190
- </auro-combobox>
190
+ </auro-combobox>
191
+ <br>
191
192
  <auro-combobox
192
193
  id="dynamicMenuExampleTwo"
193
194
  value="GER"
@@ -206,9 +207,13 @@ The menu in this example was populated from data from a country/city API. To kee
206
207
  due to the requirements of auro-dropdown and auro-input
207
208
  -->
208
209
  <auro-menu id="initMenuTwo"></auro-menu>
209
- </auro-combobox>
210
+ </auro-combobox>
211
+ <br>
210
212
  <auro-button id="dynamicMenuSwapButton">
211
213
  Swap Values
214
+ </auro-button>
215
+ <auro-button id="dynamicMenuPersistButton">
216
+ Toggle Persist Input
212
217
  </auro-button>
213
218
  <!-- AURO-GENERATED-CONTENT:END -->
214
219
  </div>
@@ -238,7 +243,8 @@ The menu in this example was populated from data from a country/city API. To kee
238
243
  due to the requirements of auro-dropdown and auro-input
239
244
  -->
240
245
  <auro-menu id="initMenu"></auro-menu>
241
- </auro-combobox>
246
+ </auro-combobox>
247
+ <br>
242
248
  <auro-combobox
243
249
  id="dynamicMenuExampleTwo"
244
250
  value="GER"
@@ -257,10 +263,14 @@ The menu in this example was populated from data from a country/city API. To kee
257
263
  due to the requirements of auro-dropdown and auro-input
258
264
  -->
259
265
  <auro-menu id="initMenuTwo"></auro-menu>
260
- </auro-combobox>
266
+ </auro-combobox>
267
+ <br>
261
268
  <auro-button id="dynamicMenuSwapButton">
262
269
  Swap Values
263
270
  </auro-button>
271
+ <auro-button id="dynamicMenuPersistButton">
272
+ Toggle Persist Input
273
+ </auro-button>
264
274
  ```
265
275
  <!-- AURO-GENERATED-CONTENT:END -->
266
276
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dynamicMenu.js) -->
@@ -305,6 +315,14 @@ export async function dynamicMenuExample() {
305
315
  swapValues();
306
316
  });
307
317
 
318
+ document.querySelector('#dynamicMenuPersistButton').addEventListener('click', () => {
319
+ const elOne = document.querySelector('#dynamicMenuExample');
320
+ const elTwo = document.querySelector('#dynamicMenuExampleTwo');
321
+
322
+ elOne.persistInput = !elOne.persistInput;
323
+ elTwo.persistInput = !elTwo.persistInput;
324
+ });
325
+
308
326
  // Generates HTML for menu and submenus using country & city data from an external API
309
327
  function generateHtml(data, selector) {
310
328
  const initialMenu = document.querySelector(selector);
@@ -361,13 +379,13 @@ export async function dynamicMenuExample() {
361
379
 
362
380
  // TODO: Need to refactor this to to not console a console error
363
381
  const dynamicDataTwo = new DynamicData();
364
- const dynamicMenuExampleElTwo = document.querySelector('#dynamicMenuExample');
382
+ const dynamicMenuExampleElTwo = document.querySelector('#dynamicMenuExampleTwo');
365
383
  const dropdownElTwo = dynamicMenuExampleElTwo.shadowRoot.querySelector(dynamicMenuExampleElTwo.dropdownTag._$litStatic$);
366
384
  const inputElTwo = dropdownElTwo.querySelector(dynamicMenuExampleElTwo.inputTag._$litStatic$);
367
385
 
368
386
  inputElTwo.addEventListener('input', () => {
369
387
  let data = dynamicDataTwo.getData();
370
- data = dynamicDataTwo.filterData(data, inputEl.value);
388
+ data = dynamicDataTwo.filterData(data, inputElTwo.value);
371
389
 
372
390
  generateHtml(data, '#initMenuTwo');
373
391
  });
@@ -67,6 +67,14 @@ async function dynamicMenuExample() {
67
67
  swapValues();
68
68
  });
69
69
 
70
+ document.querySelector('#dynamicMenuPersistButton').addEventListener('click', () => {
71
+ const elOne = document.querySelector('#dynamicMenuExample');
72
+ const elTwo = document.querySelector('#dynamicMenuExampleTwo');
73
+
74
+ elOne.persistInput = !elOne.persistInput;
75
+ elTwo.persistInput = !elTwo.persistInput;
76
+ });
77
+
70
78
  // Generates HTML for menu and submenus using country & city data from an external API
71
79
  function generateHtml(data, selector) {
72
80
  const initialMenu = document.querySelector(selector);
@@ -123,13 +131,13 @@ async function dynamicMenuExample() {
123
131
 
124
132
  // TODO: Need to refactor this to to not console a console error
125
133
  const dynamicDataTwo = new DynamicData();
126
- const dynamicMenuExampleElTwo = document.querySelector('#dynamicMenuExample');
134
+ const dynamicMenuExampleElTwo = document.querySelector('#dynamicMenuExampleTwo');
127
135
  const dropdownElTwo = dynamicMenuExampleElTwo.shadowRoot.querySelector(dynamicMenuExampleElTwo.dropdownTag._$litStatic$);
128
136
  const inputElTwo = dropdownElTwo.querySelector(dynamicMenuExampleElTwo.inputTag._$litStatic$);
129
137
 
130
138
  inputElTwo.addEventListener('input', () => {
131
139
  let data = dynamicDataTwo.getData();
132
- data = dynamicDataTwo.filterData(data, inputEl.value);
140
+ data = dynamicDataTwo.filterData(data, inputElTwo.value);
133
141
 
134
142
  generateHtml(data, '#initMenuTwo');
135
143
  });
@@ -15919,7 +15927,7 @@ class AuroBibtemplate extends i$2 {
15919
15927
 
15920
15928
  var bibTemplateVersion = '1.0.0';
15921
15929
 
15922
- var styleCss$4 = i$5`.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 #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
15930
+ var styleCss$4 = i$5`.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}`;
15923
15931
 
15924
15932
  var styleEmphasizedCss = i$5`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: transparent}`;
15925
15933
 
@@ -18384,9 +18392,8 @@ class AuroMenu extends AuroElement$1 {
18384
18392
  /**
18385
18393
  * Handles slot change events.
18386
18394
  * @private
18387
- * @param {Event} evt - Event object from the browser.
18388
18395
  */
18389
- handleSlotChange(evt) {
18396
+ handleSlotChange() {
18390
18397
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
18391
18398
  this.rootMenu = false;
18392
18399
  }
@@ -18401,15 +18408,6 @@ class AuroMenu extends AuroElement$1 {
18401
18408
  ]
18402
18409
  ]));
18403
18410
  }
18404
-
18405
- if (this.value) {
18406
- this.items.forEach((opt) => {
18407
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
18408
- this.handleSelectState(opt);
18409
- this.notifySelectionChange(evt.type);
18410
- }
18411
- });
18412
- }
18413
18411
  }
18414
18412
 
18415
18413
  /**
@@ -15799,7 +15799,7 @@ class AuroBibtemplate extends i$2 {
15799
15799
 
15800
15800
  var bibTemplateVersion = '1.0.0';
15801
15801
 
15802
- var styleCss$4 = i$5`.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 #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
15802
+ var styleCss$4 = i$5`.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}`;
15803
15803
 
15804
15804
  var styleEmphasizedCss = i$5`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: transparent}`;
15805
15805
 
@@ -18168,9 +18168,8 @@ class AuroMenu extends AuroElement$1 {
18168
18168
  /**
18169
18169
  * Handles slot change events.
18170
18170
  * @private
18171
- * @param {Event} evt - Event object from the browser.
18172
18171
  */
18173
- handleSlotChange(evt) {
18172
+ handleSlotChange() {
18174
18173
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
18175
18174
  this.rootMenu = false;
18176
18175
  }
@@ -18185,15 +18184,6 @@ class AuroMenu extends AuroElement$1 {
18185
18184
  ]
18186
18185
  ]));
18187
18186
  }
18188
-
18189
- if (this.value) {
18190
- this.items.forEach((opt) => {
18191
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
18192
- this.handleSelectState(opt);
18193
- this.notifySelectionChange(evt.type);
18194
- }
18195
- });
18196
- }
18197
18187
  }
18198
18188
 
18199
18189
  /**
@@ -15706,7 +15706,7 @@ class AuroBibtemplate extends LitElement {
15706
15706
 
15707
15707
  var bibTemplateVersion = '1.0.0';
15708
15708
 
15709
- 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 #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
15709
+ 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}`;
15710
15710
 
15711
15711
  var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: transparent}`;
15712
15712
 
@@ -15706,7 +15706,7 @@ class AuroBibtemplate extends LitElement {
15706
15706
 
15707
15707
  var bibTemplateVersion = '1.0.0';
15708
15708
 
15709
- 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 #inputInBib::part(accent-right){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
15709
+ 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}`;
15710
15710
 
15711
15711
  var styleEmphasizedCss = css`:host([layout*=emphasized][shape*=pill]) [auro-input]{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));width:100%}:host([layout*=emphasized][shape*=pill]) [auro-input]:hover{--ds-auro-input-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843));--ds-auro-input-container-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout*=emphasized][shape*=pill]) [auro-input]::part(inputHelpText){display:none}:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: transparent}`;
15712
15712
 
@@ -959,9 +959,8 @@ class AuroMenu extends AuroElement$1 {
959
959
  /**
960
960
  * Handles slot change events.
961
961
  * @private
962
- * @param {Event} evt - Event object from the browser.
963
962
  */
964
- handleSlotChange(evt) {
963
+ handleSlotChange() {
965
964
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
966
965
  this.rootMenu = false;
967
966
  }
@@ -976,15 +975,6 @@ class AuroMenu extends AuroElement$1 {
976
975
  ]
977
976
  ]));
978
977
  }
979
-
980
- if (this.value) {
981
- this.items.forEach((opt) => {
982
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
983
- this.handleSelectState(opt);
984
- this.notifySelectionChange(evt.type);
985
- }
986
- });
987
- }
988
978
  }
989
979
 
990
980
  /**
@@ -919,9 +919,8 @@ class AuroMenu extends AuroElement$1 {
919
919
  /**
920
920
  * Handles slot change events.
921
921
  * @private
922
- * @param {Event} evt - Event object from the browser.
923
922
  */
924
- handleSlotChange(evt) {
923
+ handleSlotChange() {
925
924
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
926
925
  this.rootMenu = false;
927
926
  }
@@ -936,15 +935,6 @@ class AuroMenu extends AuroElement$1 {
936
935
  ]
937
936
  ]));
938
937
  }
939
-
940
- if (this.value) {
941
- this.items.forEach((opt) => {
942
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
943
- this.handleSelectState(opt);
944
- this.notifySelectionChange(evt.type);
945
- }
946
- });
947
- }
948
938
  }
949
939
 
950
940
  /**
@@ -118,7 +118,6 @@ export class AuroMenu extends AuroElement {
118
118
  /**
119
119
  * Handles slot change events.
120
120
  * @private
121
- * @param {Event} evt - Event object from the browser.
122
121
  */
123
122
  private handleSlotChange;
124
123
  /**
@@ -926,9 +926,8 @@ class AuroMenu extends AuroElement$1 {
926
926
  /**
927
927
  * Handles slot change events.
928
928
  * @private
929
- * @param {Event} evt - Event object from the browser.
930
929
  */
931
- handleSlotChange(evt) {
930
+ handleSlotChange() {
932
931
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
933
932
  this.rootMenu = false;
934
933
  }
@@ -943,15 +942,6 @@ class AuroMenu extends AuroElement$1 {
943
942
  ]
944
943
  ]));
945
944
  }
946
-
947
- if (this.value) {
948
- this.items.forEach((opt) => {
949
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
950
- this.handleSelectState(opt);
951
- this.notifySelectionChange(evt.type);
952
- }
953
- });
954
- }
955
945
  }
956
946
 
957
947
  /**
@@ -885,9 +885,8 @@ class AuroMenu extends AuroElement$1 {
885
885
  /**
886
886
  * Handles slot change events.
887
887
  * @private
888
- * @param {Event} evt - Event object from the browser.
889
888
  */
890
- handleSlotChange(evt) {
889
+ handleSlotChange() {
891
890
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
892
891
  this.rootMenu = false;
893
892
  }
@@ -902,15 +901,6 @@ class AuroMenu extends AuroElement$1 {
902
901
  ]
903
902
  ]));
904
903
  }
905
-
906
- if (this.value) {
907
- this.items.forEach((opt) => {
908
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
909
- this.handleSelectState(opt);
910
- this.notifySelectionChange(evt.type);
911
- }
912
- });
913
- }
914
904
  }
915
905
 
916
906
  /**
@@ -9931,9 +9931,8 @@ class AuroMenu extends AuroElement$4 {
9931
9931
  /**
9932
9932
  * Handles slot change events.
9933
9933
  * @private
9934
- * @param {Event} evt - Event object from the browser.
9935
9934
  */
9936
- handleSlotChange(evt) {
9935
+ handleSlotChange() {
9937
9936
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
9938
9937
  this.rootMenu = false;
9939
9938
  }
@@ -9948,15 +9947,6 @@ class AuroMenu extends AuroElement$4 {
9948
9947
  ]
9949
9948
  ]));
9950
9949
  }
9951
-
9952
- if (this.value) {
9953
- this.items.forEach((opt) => {
9954
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
9955
- this.handleSelectState(opt);
9956
- this.notifySelectionChange(evt.type);
9957
- }
9958
- });
9959
- }
9960
9950
  }
9961
9951
 
9962
9952
  /**
@@ -9839,9 +9839,8 @@ class AuroMenu extends AuroElement$4 {
9839
9839
  /**
9840
9840
  * Handles slot change events.
9841
9841
  * @private
9842
- * @param {Event} evt - Event object from the browser.
9843
9842
  */
9844
- handleSlotChange(evt) {
9843
+ handleSlotChange() {
9845
9844
  if (this.parentElement && this.parentElement.closest('auro-menu, [auro-menu]')) {
9846
9845
  this.rootMenu = false;
9847
9846
  }
@@ -9856,15 +9855,6 @@ class AuroMenu extends AuroElement$4 {
9856
9855
  ]
9857
9856
  ]));
9858
9857
  }
9859
-
9860
- if (this.value) {
9861
- this.items.forEach((opt) => {
9862
- if (opt.value === this.value || (this.multiSelect && this.formattedValue.includes(opt.value))) {
9863
- this.handleSelectState(opt);
9864
- this.notifySelectionChange(evt.type);
9865
- }
9866
- });
9867
- }
9868
9858
  }
9869
9859
 
9870
9860
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/auro-formkit",
3
- "version": "5.4.0",
3
+ "version": "5.5.0",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {