@aurodesignsystem-dev/auro-formkit 0.0.0-pr1628.5 → 0.0.0-pr1628.7
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/customize.min.js +29 -14
- package/components/combobox/demo/getting-started.min.js +29 -14
- package/components/combobox/demo/index.min.js +29 -14
- package/components/combobox/dist/index.js +19 -5
- package/components/combobox/dist/registered.js +19 -5
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +32 -5
- package/components/datepicker/demo/getting-started.min.js +32 -5
- package/components/datepicker/demo/index.min.js +32 -5
- package/components/datepicker/dist/index.js +32 -5
- package/components/datepicker/dist/registered.js +32 -5
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +18 -4
- 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/customize.min.js +94 -37
- package/components/form/demo/getting-started.min.js +94 -37
- package/components/form/demo/index.min.js +94 -37
- package/components/form/demo/registerDemoDeps.min.js +94 -37
- package/components/input/demo/api.md +58 -58
- package/components/input/demo/customize.md +7 -7
- package/components/input/demo/customize.min.js +17 -3
- package/components/input/demo/getting-started.md +3 -3
- package/components/input/demo/getting-started.min.js +17 -3
- package/components/input/demo/index.min.js +17 -3
- package/components/input/demo/why-input.md +1 -1
- package/components/input/dist/base-input.d.ts +3 -2
- package/components/input/dist/index.js +17 -3
- package/components/input/dist/registered.js +17 -3
- package/components/input/dist/utilities.d.ts +11 -0
- package/components/menu/demo/accessibility.md +1 -1
- package/components/menu/demo/customize.md +1 -1
- package/components/menu/demo/design.md +1 -1
- package/components/menu/demo/getting-started.md +1 -1
- package/components/menu/demo/index.min.js +10 -9
- package/components/menu/demo/keyboard-behavior.md +1 -1
- package/components/menu/demo/voiceover.md +1 -1
- package/components/menu/dist/auro-menu.d.ts +9 -8
- package/components/menu/dist/auro-menuoption.d.ts +1 -1
- package/components/menu/dist/index.js +10 -9
- package/components/menu/dist/registered.js +10 -9
- package/components/radio/demo/accessibility.md +1 -1
- package/components/radio/demo/api.md +6 -6
- package/components/radio/demo/customize.md +1 -1
- package/components/radio/demo/customize.min.js +7 -7
- package/components/radio/demo/design.md +1 -1
- package/components/radio/demo/getting-started.md +4 -4
- package/components/radio/demo/getting-started.min.js +7 -7
- package/components/radio/demo/index.md +1 -1
- package/components/radio/demo/index.min.js +7 -7
- package/components/radio/demo/keyboard-behavior.md +1 -1
- package/components/radio/demo/voiceover.md +1 -1
- package/components/radio/dist/auro-radio-group.d.ts +3 -3
- package/components/radio/dist/auro-radio.d.ts +3 -3
- package/components/radio/dist/index.js +7 -7
- package/components/radio/dist/registered.js +7 -7
- package/components/select/demo/api.md +1 -1
- package/components/select/demo/customize.min.js +16 -14
- package/components/select/demo/getting-started.min.js +16 -14
- package/components/select/demo/index.min.js +16 -14
- package/components/select/dist/auro-select.d.ts +4 -3
- package/components/select/dist/index.js +6 -5
- package/components/select/dist/registered.js +6 -5
- package/custom-elements.json +35 -26
- package/package.json +1 -1
|
@@ -279,7 +279,7 @@ class AuroRadio extends i$2 {
|
|
|
279
279
|
},
|
|
280
280
|
|
|
281
281
|
/**
|
|
282
|
-
* ID
|
|
282
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
283
283
|
* @private
|
|
284
284
|
*/
|
|
285
285
|
inputId: {
|
|
@@ -325,7 +325,7 @@ class AuroRadio extends i$2 {
|
|
|
325
325
|
},
|
|
326
326
|
|
|
327
327
|
/**
|
|
328
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
328
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
329
329
|
* @private
|
|
330
330
|
*/
|
|
331
331
|
role: {
|
|
@@ -334,7 +334,7 @@ class AuroRadio extends i$2 {
|
|
|
334
334
|
},
|
|
335
335
|
|
|
336
336
|
/**
|
|
337
|
-
*
|
|
337
|
+
* Records whether someone has interacted with the radio button.
|
|
338
338
|
* @private
|
|
339
339
|
*/
|
|
340
340
|
touched: {
|
|
@@ -1338,7 +1338,7 @@ class AuroHelpText extends i$2 {
|
|
|
1338
1338
|
}
|
|
1339
1339
|
}
|
|
1340
1340
|
|
|
1341
|
-
var formkitVersion = '
|
|
1341
|
+
var formkitVersion = '202611082102';
|
|
1342
1342
|
|
|
1343
1343
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1344
1344
|
// See LICENSE in the project root for license information.
|
|
@@ -1373,7 +1373,7 @@ var formkitVersion = '202611081948';
|
|
|
1373
1373
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1374
1374
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1375
1375
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1376
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1376
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1377
1377
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1378
1378
|
* @slot default - The `auro-radio` elements in the group.
|
|
1379
1379
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1483,7 +1483,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1483
1483
|
},
|
|
1484
1484
|
|
|
1485
1485
|
/**
|
|
1486
|
-
*
|
|
1486
|
+
* Records whether the `legend` slot has content.
|
|
1487
1487
|
* @private
|
|
1488
1488
|
*/
|
|
1489
1489
|
hasLegend: {
|
|
@@ -1577,7 +1577,7 @@ class AuroRadioGroup extends i$2 {
|
|
|
1577
1577
|
},
|
|
1578
1578
|
|
|
1579
1579
|
/**
|
|
1580
|
-
*
|
|
1580
|
+
* Records whether someone has interacted with the group.
|
|
1581
1581
|
* @private
|
|
1582
1582
|
*/
|
|
1583
1583
|
touched: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<auro-header level="1" id="overview">Radio
|
|
1
|
+
<auro-header level="1" id="overview">Radio: VoiceOver behavior</auro-header>
|
|
2
2
|
<p>This page documents the VoiceOver experience when using the <code><auro-radio></code> component. It covers announcements and gestures for interacting with radio groups.</p>
|
|
3
3
|
<auro-header level="2" id="voiceOverInteractiveAnnouncements">Interactive announcements</auro-header>
|
|
4
4
|
<auro-header level="3" id="voiceOverFocusAnnouncement">Focus</auro-header>
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
24
24
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
25
25
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
26
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
26
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
27
27
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
28
28
|
* @slot default - The `auro-radio` elements in the group.
|
|
29
29
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -59,7 +59,7 @@ export class AuroRadioGroup extends LitElement {
|
|
|
59
59
|
reflect: boolean;
|
|
60
60
|
};
|
|
61
61
|
/**
|
|
62
|
-
*
|
|
62
|
+
* Records whether the `legend` slot has content.
|
|
63
63
|
* @private
|
|
64
64
|
*/
|
|
65
65
|
hasLegend: {
|
|
@@ -143,7 +143,7 @@ export class AuroRadioGroup extends LitElement {
|
|
|
143
143
|
attribute: string;
|
|
144
144
|
};
|
|
145
145
|
/**
|
|
146
|
-
*
|
|
146
|
+
* Records whether someone has interacted with the group.
|
|
147
147
|
* @private
|
|
148
148
|
*/
|
|
149
149
|
touched: {
|
|
@@ -80,7 +80,7 @@ export class AuroRadio extends LitElement {
|
|
|
80
80
|
reflect: boolean;
|
|
81
81
|
};
|
|
82
82
|
/**
|
|
83
|
-
* ID
|
|
83
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
84
84
|
* @private
|
|
85
85
|
*/
|
|
86
86
|
inputId: {
|
|
@@ -125,7 +125,7 @@ export class AuroRadio extends LitElement {
|
|
|
125
125
|
reflect: boolean;
|
|
126
126
|
};
|
|
127
127
|
/**
|
|
128
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
128
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
129
129
|
* @private
|
|
130
130
|
*/
|
|
131
131
|
role: {
|
|
@@ -133,7 +133,7 @@ export class AuroRadio extends LitElement {
|
|
|
133
133
|
reflect: boolean;
|
|
134
134
|
};
|
|
135
135
|
/**
|
|
136
|
-
*
|
|
136
|
+
* Records whether someone has interacted with the radio button.
|
|
137
137
|
* @private
|
|
138
138
|
*/
|
|
139
139
|
touched: {
|
|
@@ -225,7 +225,7 @@ class AuroRadio extends LitElement {
|
|
|
225
225
|
},
|
|
226
226
|
|
|
227
227
|
/**
|
|
228
|
-
* ID
|
|
228
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
229
229
|
* @private
|
|
230
230
|
*/
|
|
231
231
|
inputId: {
|
|
@@ -271,7 +271,7 @@ class AuroRadio extends LitElement {
|
|
|
271
271
|
},
|
|
272
272
|
|
|
273
273
|
/**
|
|
274
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
274
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
275
275
|
* @private
|
|
276
276
|
*/
|
|
277
277
|
role: {
|
|
@@ -280,7 +280,7 @@ class AuroRadio extends LitElement {
|
|
|
280
280
|
},
|
|
281
281
|
|
|
282
282
|
/**
|
|
283
|
-
*
|
|
283
|
+
* Records whether someone has interacted with the radio button.
|
|
284
284
|
* @private
|
|
285
285
|
*/
|
|
286
286
|
touched: {
|
|
@@ -1277,7 +1277,7 @@ class AuroHelpText extends LitElement {
|
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
1279
|
|
|
1280
|
-
var formkitVersion = '
|
|
1280
|
+
var formkitVersion = '202611082102';
|
|
1281
1281
|
|
|
1282
1282
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1283
1283
|
// See LICENSE in the project root for license information.
|
|
@@ -1312,7 +1312,7 @@ var formkitVersion = '202611081948';
|
|
|
1312
1312
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1313
1313
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1314
1314
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1315
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1315
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1316
1316
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1317
1317
|
* @slot default - The `auro-radio` elements in the group.
|
|
1318
1318
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1422,7 +1422,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1422
1422
|
},
|
|
1423
1423
|
|
|
1424
1424
|
/**
|
|
1425
|
-
*
|
|
1425
|
+
* Records whether the `legend` slot has content.
|
|
1426
1426
|
* @private
|
|
1427
1427
|
*/
|
|
1428
1428
|
hasLegend: {
|
|
@@ -1516,7 +1516,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1516
1516
|
},
|
|
1517
1517
|
|
|
1518
1518
|
/**
|
|
1519
|
-
*
|
|
1519
|
+
* Records whether someone has interacted with the group.
|
|
1520
1520
|
* @private
|
|
1521
1521
|
*/
|
|
1522
1522
|
touched: {
|
|
@@ -225,7 +225,7 @@ class AuroRadio extends LitElement {
|
|
|
225
225
|
},
|
|
226
226
|
|
|
227
227
|
/**
|
|
228
|
-
* ID
|
|
228
|
+
* Holds the ID of the inner `<input>` element, which its `<label>` points to.
|
|
229
229
|
* @private
|
|
230
230
|
*/
|
|
231
231
|
inputId: {
|
|
@@ -271,7 +271,7 @@ class AuroRadio extends LitElement {
|
|
|
271
271
|
},
|
|
272
272
|
|
|
273
273
|
/**
|
|
274
|
-
* Kept out of the API docs, because changing it can easily break accessibility.
|
|
274
|
+
* Sets the host's ARIA role, `radio`. Kept out of the API docs, because changing it can easily break accessibility.
|
|
275
275
|
* @private
|
|
276
276
|
*/
|
|
277
277
|
role: {
|
|
@@ -280,7 +280,7 @@ class AuroRadio extends LitElement {
|
|
|
280
280
|
},
|
|
281
281
|
|
|
282
282
|
/**
|
|
283
|
-
*
|
|
283
|
+
* Records whether someone has interacted with the radio button.
|
|
284
284
|
* @private
|
|
285
285
|
*/
|
|
286
286
|
touched: {
|
|
@@ -1277,7 +1277,7 @@ class AuroHelpText extends LitElement {
|
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
1279
|
|
|
1280
|
-
var formkitVersion = '
|
|
1280
|
+
var formkitVersion = '202611082102';
|
|
1281
1281
|
|
|
1282
1282
|
// Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
1283
1283
|
// See LICENSE in the project root for license information.
|
|
@@ -1312,7 +1312,7 @@ var formkitVersion = '202611081948';
|
|
|
1312
1312
|
* @csspart radio-group - The `<fieldset>` element, with `role="radiogroup"`, that wraps the legend and the radio buttons.
|
|
1313
1313
|
* @csspart helpText - The help text element below the group, which shows the help text or the error message.
|
|
1314
1314
|
* @slot {HTMLSlotElement} legend - Label for the group, such as "Seat preference". Screen readers announce it as the group's name. {@requiredWhen always} {@category ui}
|
|
1315
|
-
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as "
|
|
1315
|
+
* @slot {HTMLSlotElement} optionalLabel - Text shown after the legend when the group isn't `required`, such as a translated "(optional)". Defaults to "(optional)". {@relevantWhen !required} {@category ui}
|
|
1316
1316
|
* @slot {HTMLSlotElement} helpText - Help text shown below the group, such as "Choose one". While the group shows an error, the error message replaces it. {@category ui}
|
|
1317
1317
|
* @slot default - The `auro-radio` elements in the group.
|
|
1318
1318
|
* @event auroFormElement-validated - Fires each time the group runs validation, with the result in `event.detail.validity` and `event.detail.message`.
|
|
@@ -1422,7 +1422,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1422
1422
|
},
|
|
1423
1423
|
|
|
1424
1424
|
/**
|
|
1425
|
-
*
|
|
1425
|
+
* Records whether the `legend` slot has content.
|
|
1426
1426
|
* @private
|
|
1427
1427
|
*/
|
|
1428
1428
|
hasLegend: {
|
|
@@ -1516,7 +1516,7 @@ class AuroRadioGroup extends LitElement {
|
|
|
1516
1516
|
},
|
|
1517
1517
|
|
|
1518
1518
|
/**
|
|
1519
|
-
*
|
|
1519
|
+
* Records whether someone has interacted with the group.
|
|
1520
1520
|
* @private
|
|
1521
1521
|
*/
|
|
1522
1522
|
touched: {
|
|
@@ -43,7 +43,7 @@ A form control that lets people choose one option, or several, from a list, such
|
|
|
43
43
|
| shape | shape | | `classic` \| `pill` \| `pill-left` \| `pill-right` \| `snowflake` | `classic` | ui | | Sets the shape of the trigger. Use `classic` with the classic layout, `pill`, `pill-left`, or `pill-right` with the emphasized layout, and `snowflake` with the snowflake layout. |
|
|
44
44
|
| shift | shift | | boolean | `false` | ui | `layout === 'emphasized'` | Slides the bib along the trigger's edge to keep it on screen when it would otherwise be cut off.<br>Applies only when `layout="emphasized"`. |
|
|
45
45
|
| size | size | | `lg` \| `xl` | `lg` | ui | | Sets the height of the trigger. Use `xl` only with the emphasized layout, and `lg` with the other layouts. |
|
|
46
|
-
| autoPlacement | autoplacement | | boolean | `false` | ui | | Deprecated: Use `placement` instead.<br>The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
|
|
46
|
+
| autoPlacement | autoplacement | | boolean | `false` | ui | | Deprecated: Use `placement` instead.<br>Moves the bib to whichever side of the trigger has the most space.<br>The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set. |
|
|
47
47
|
| onDark | ondark | | boolean | | ui | | Deprecated: Use `appearance="inverse"` instead.<br>Sets the colors for a dark background. |
|
|
48
48
|
| autocomplete | autocomplete | | string | | behavior | `layout !== 'emphasized'` | Sets the autofill hint for the hidden native select, such as `country-name` (the native `autocomplete` attribute).<br>Doesn't currently apply when `layout="emphasized"`, which has no hidden native select. |
|
|
49
49
|
| error | error | | string | | behavior | | Forces the select into the `customError` state and shows this text as the error message, such as `Choose another option`.<br>When `setCustomValidityCustomError` or `setCustomValidity` is set, that message replaces this text.<br>Remove the attribute to clear the error and validate normally. |
|
|
@@ -5185,7 +5185,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
5185
5185
|
}
|
|
5186
5186
|
};
|
|
5187
5187
|
|
|
5188
|
-
var formkitVersion$1 = '
|
|
5188
|
+
var formkitVersion$1 = '202611082102';
|
|
5189
5189
|
|
|
5190
5190
|
/**
|
|
5191
5191
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -7525,7 +7525,7 @@ class AuroHelpText extends i$2 {
|
|
|
7525
7525
|
}
|
|
7526
7526
|
}
|
|
7527
7527
|
|
|
7528
|
-
var formkitVersion = '
|
|
7528
|
+
var formkitVersion = '202611082102';
|
|
7529
7529
|
|
|
7530
7530
|
var styleCss$2 = 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}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-variant-ligatures:none;font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-variant-ligatures:none;font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
7531
7531
|
|
|
@@ -7703,6 +7703,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7703
7703
|
|
|
7704
7704
|
/**
|
|
7705
7705
|
* Deprecated: Use `placement` instead.
|
|
7706
|
+
* Moves the bib to whichever side of the trigger has the most space.
|
|
7706
7707
|
* The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
|
|
7707
7708
|
* @deprecated Use `placement` instead.
|
|
7708
7709
|
* @category ui
|
|
@@ -8032,7 +8033,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8032
8033
|
},
|
|
8033
8034
|
|
|
8034
8035
|
/**
|
|
8035
|
-
*
|
|
8036
|
+
* Records whether focus has moved into the select since it was created or last reset.
|
|
8036
8037
|
* @private
|
|
8037
8038
|
*/
|
|
8038
8039
|
touched: {
|
|
@@ -8320,7 +8321,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8320
8321
|
}
|
|
8321
8322
|
|
|
8322
8323
|
/**
|
|
8323
|
-
* Updates the
|
|
8324
|
+
* Updates the value and `displayValue` content shown in the trigger to match `optionSelected`.
|
|
8324
8325
|
* @private
|
|
8325
8326
|
* @returns {void}
|
|
8326
8327
|
*/
|
|
@@ -8405,7 +8406,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8405
8406
|
}
|
|
8406
8407
|
|
|
8407
8408
|
/**
|
|
8408
|
-
* Sets aria-setsize and aria-posinset on each menu option so screen readers
|
|
8409
|
+
* Sets `aria-setsize` and `aria-posinset` on each menu option so screen readers
|
|
8409
8410
|
* can announce position even when the listbox context is broken by
|
|
8410
8411
|
* shadow DOM boundaries.
|
|
8411
8412
|
* @private
|
|
@@ -9796,7 +9797,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
9796
9797
|
},
|
|
9797
9798
|
|
|
9798
9799
|
/**
|
|
9799
|
-
*
|
|
9800
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
9800
9801
|
* @private
|
|
9801
9802
|
*/
|
|
9802
9803
|
level: {
|
|
@@ -9968,8 +9969,8 @@ class AuroMenu extends AuroElement$1 {
|
|
|
9968
9969
|
}
|
|
9969
9970
|
|
|
9970
9971
|
/**
|
|
9971
|
-
*
|
|
9972
|
-
*
|
|
9972
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
9973
|
+
* an array of values parsed from the JSON array string.
|
|
9973
9974
|
* @private
|
|
9974
9975
|
* @returns {String|Array<String>}
|
|
9975
9976
|
*/
|
|
@@ -10779,7 +10780,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10779
10780
|
}
|
|
10780
10781
|
|
|
10781
10782
|
/**
|
|
10782
|
-
*
|
|
10783
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
10783
10784
|
* @private
|
|
10784
10785
|
* @param {KeyboardEvent} event - The keydown event.
|
|
10785
10786
|
*/
|
|
@@ -10805,7 +10806,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10805
10806
|
}
|
|
10806
10807
|
|
|
10807
10808
|
/**
|
|
10808
|
-
*
|
|
10809
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
10809
10810
|
* @private
|
|
10810
10811
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
10811
10812
|
*/
|
|
@@ -10825,7 +10826,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10825
10826
|
}
|
|
10826
10827
|
|
|
10827
10828
|
/**
|
|
10828
|
-
*
|
|
10829
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
10829
10830
|
* @private
|
|
10830
10831
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
10831
10832
|
*/
|
|
@@ -10849,7 +10850,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10849
10850
|
}
|
|
10850
10851
|
|
|
10851
10852
|
/**
|
|
10852
|
-
*
|
|
10853
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
10853
10854
|
* @private
|
|
10854
10855
|
*/
|
|
10855
10856
|
handleSlotChange() {
|
|
@@ -10945,7 +10946,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10945
10946
|
}
|
|
10946
10947
|
|
|
10947
10948
|
/**
|
|
10948
|
-
*
|
|
10949
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
10949
10950
|
* @private
|
|
10950
10951
|
* @param {HTMLElement} option - Option with custom event.
|
|
10951
10952
|
*/
|
|
@@ -10965,6 +10966,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10965
10966
|
}
|
|
10966
10967
|
|
|
10967
10968
|
/**
|
|
10969
|
+
* Checks whether two selections hold the same options, in any order.
|
|
10968
10970
|
* @private
|
|
10969
10971
|
* @param {any} current - The current selection.
|
|
10970
10972
|
* @param {any} next - The new selection to compare.
|
|
@@ -11394,7 +11396,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
11394
11396
|
}
|
|
11395
11397
|
|
|
11396
11398
|
/**
|
|
11397
|
-
*
|
|
11399
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
11398
11400
|
* @private
|
|
11399
11401
|
*/
|
|
11400
11402
|
handleClick() {
|
|
@@ -5185,7 +5185,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
|
|
|
5185
5185
|
}
|
|
5186
5186
|
};
|
|
5187
5187
|
|
|
5188
|
-
var formkitVersion$1 = '
|
|
5188
|
+
var formkitVersion$1 = '202611082102';
|
|
5189
5189
|
|
|
5190
5190
|
/**
|
|
5191
5191
|
* Shared base class for layout-aware Auro form components, such as `auro-input`, `auro-select`, and `auro-menu`.
|
|
@@ -7525,7 +7525,7 @@ class AuroHelpText extends i$2 {
|
|
|
7525
7525
|
}
|
|
7526
7526
|
}
|
|
7527
7527
|
|
|
7528
|
-
var formkitVersion = '
|
|
7528
|
+
var formkitVersion = '202611082102';
|
|
7529
7529
|
|
|
7530
7530
|
var styleCss$2 = 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}.body-default{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-variant-ligatures:none;font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-variant-ligatures:none;font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-variant-ligatures:none;font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-variant-ligatures:none;font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-variant-ligatures:none;font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-variant-ligatures:none;font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-variant-ligatures:none;font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-variant-ligatures:none;font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-variant-ligatures:none;font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-variant-ligatures:none;font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}#dropdownLabel,.value,#placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#dropdownLabel{display:block}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{cursor:text}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
|
|
7531
7531
|
|
|
@@ -7703,6 +7703,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
7703
7703
|
|
|
7704
7704
|
/**
|
|
7705
7705
|
* Deprecated: Use `placement` instead.
|
|
7706
|
+
* Moves the bib to whichever side of the trigger has the most space.
|
|
7706
7707
|
* The bib already flips to the opposite side when it doesn't fit, unless `noFlip` is set.
|
|
7707
7708
|
* @deprecated Use `placement` instead.
|
|
7708
7709
|
* @category ui
|
|
@@ -8032,7 +8033,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8032
8033
|
},
|
|
8033
8034
|
|
|
8034
8035
|
/**
|
|
8035
|
-
*
|
|
8036
|
+
* Records whether focus has moved into the select since it was created or last reset.
|
|
8036
8037
|
* @private
|
|
8037
8038
|
*/
|
|
8038
8039
|
touched: {
|
|
@@ -8320,7 +8321,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8320
8321
|
}
|
|
8321
8322
|
|
|
8322
8323
|
/**
|
|
8323
|
-
* Updates the
|
|
8324
|
+
* Updates the value and `displayValue` content shown in the trigger to match `optionSelected`.
|
|
8324
8325
|
* @private
|
|
8325
8326
|
* @returns {void}
|
|
8326
8327
|
*/
|
|
@@ -8405,7 +8406,7 @@ class AuroSelect extends AuroElement$1 {
|
|
|
8405
8406
|
}
|
|
8406
8407
|
|
|
8407
8408
|
/**
|
|
8408
|
-
* Sets aria-setsize and aria-posinset on each menu option so screen readers
|
|
8409
|
+
* Sets `aria-setsize` and `aria-posinset` on each menu option so screen readers
|
|
8409
8410
|
* can announce position even when the listbox context is broken by
|
|
8410
8411
|
* shadow DOM boundaries.
|
|
8411
8412
|
* @private
|
|
@@ -9796,7 +9797,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
9796
9797
|
},
|
|
9797
9798
|
|
|
9798
9799
|
/**
|
|
9799
|
-
*
|
|
9800
|
+
* Holds how deeply a nested menu is indented, which sets how many spacers its options get.
|
|
9800
9801
|
* @private
|
|
9801
9802
|
*/
|
|
9802
9803
|
level: {
|
|
@@ -9968,8 +9969,8 @@ class AuroMenu extends AuroElement$1 {
|
|
|
9968
9969
|
}
|
|
9969
9970
|
|
|
9970
9971
|
/**
|
|
9971
|
-
*
|
|
9972
|
-
*
|
|
9972
|
+
* Gets `value` in the shape the menu works with: the string itself, or, in multi-select mode,
|
|
9973
|
+
* an array of values parsed from the JSON array string.
|
|
9973
9974
|
* @private
|
|
9974
9975
|
* @returns {String|Array<String>}
|
|
9975
9976
|
*/
|
|
@@ -10779,7 +10780,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10779
10780
|
}
|
|
10780
10781
|
|
|
10781
10782
|
/**
|
|
10782
|
-
*
|
|
10783
|
+
* Called when a key is pressed in the menu. The arrow keys move the active option, and Enter and Tab select it.
|
|
10783
10784
|
* @private
|
|
10784
10785
|
* @param {KeyboardEvent} event - The keydown event.
|
|
10785
10786
|
*/
|
|
@@ -10805,7 +10806,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10805
10806
|
}
|
|
10806
10807
|
|
|
10807
10808
|
/**
|
|
10808
|
-
*
|
|
10809
|
+
* Called when an option fires `auroMenuOption-click`. Selects the clicked option, unless the menu is disabled or nested in another menu.
|
|
10809
10810
|
* @private
|
|
10810
10811
|
* @param {CustomEvent} event - The auroMenuOption-click event.
|
|
10811
10812
|
*/
|
|
@@ -10825,7 +10826,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10825
10826
|
}
|
|
10826
10827
|
|
|
10827
10828
|
/**
|
|
10828
|
-
*
|
|
10829
|
+
* Called when the pointer moves over an option. Makes it the active option, unless it can't be highlighted.
|
|
10829
10830
|
* @private
|
|
10830
10831
|
* @param {CustomEvent} event - The `auroMenuOption-mouseover` event.
|
|
10831
10832
|
*/
|
|
@@ -10849,7 +10850,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10849
10850
|
}
|
|
10850
10851
|
|
|
10851
10852
|
/**
|
|
10852
|
-
*
|
|
10853
|
+
* Called when the menu's content changes. Sets the menu up again, and re-applies a `value` that was set before the options arrived.
|
|
10853
10854
|
* @private
|
|
10854
10855
|
*/
|
|
10855
10856
|
handleSlotChange() {
|
|
@@ -10945,7 +10946,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10945
10946
|
}
|
|
10946
10947
|
|
|
10947
10948
|
/**
|
|
10948
|
-
*
|
|
10949
|
+
* Fires the event named in the option's `event` attribute, then `auroMenu-customEventFired`, with the option in `detail.option`.
|
|
10949
10950
|
* @private
|
|
10950
10951
|
* @param {HTMLElement} option - Option with custom event.
|
|
10951
10952
|
*/
|
|
@@ -10965,6 +10966,7 @@ class AuroMenu extends AuroElement$1 {
|
|
|
10965
10966
|
}
|
|
10966
10967
|
|
|
10967
10968
|
/**
|
|
10969
|
+
* Checks whether two selections hold the same options, in any order.
|
|
10968
10970
|
* @private
|
|
10969
10971
|
* @param {any} current - The current selection.
|
|
10970
10972
|
* @param {any} next - The new selection to compare.
|
|
@@ -11394,7 +11396,7 @@ class AuroMenuOption extends AuroElement$1 {
|
|
|
11394
11396
|
}
|
|
11395
11397
|
|
|
11396
11398
|
/**
|
|
11397
|
-
*
|
|
11399
|
+
* Called when the option is clicked. Fires `auroMenuOption-click`, unless the option or a menu containing it is disabled.
|
|
11398
11400
|
* @private
|
|
11399
11401
|
*/
|
|
11400
11402
|
handleClick() {
|