@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 +7 -3
- package/components/combobox/demo/api.md +24 -6
- package/components/combobox/demo/api.min.js +12 -14
- package/components/combobox/demo/index.min.js +2 -12
- package/components/combobox/dist/index.js +1 -1
- package/components/combobox/dist/registered.js +1 -1
- package/components/menu/demo/api.min.js +1 -11
- package/components/menu/demo/index.min.js +1 -11
- package/components/menu/dist/auro-menu.d.ts +0 -1
- package/components/menu/dist/index.js +1 -11
- package/components/menu/dist/registered.js +1 -11
- package/components/select/demo/api.min.js +1 -11
- package/components/select/demo/index.min.js +1 -11
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
|
-
# [5.
|
|
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
|
-
*
|
|
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('#
|
|
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,
|
|
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('#
|
|
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,
|
|
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
|
|
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(
|
|
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
|
|
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(
|
|
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
|
|
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
|
|
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(
|
|
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(
|
|
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
|
/**
|
|
@@ -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(
|
|
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(
|
|
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(
|
|
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(
|
|
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