@aurodesignsystem-dev/auro-formkit 0.0.0-pr1460.2 → 0.0.0-pr1464.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/api.html +4 -26
- package/components/checkbox/demo/getting-started.md +5 -6
- 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/api.html +4 -25
- package/components/combobox/demo/getting-started.md +76 -27
- package/components/combobox/demo/index.min.js +15 -1
- package/components/combobox/demo/registered.min.js +1517 -1509
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +18 -11
- package/components/combobox/dist/registered.js +18 -11
- package/components/counter/demo/api.html +5 -29
- package/components/counter/demo/getting-started.md +4 -3
- package/components/counter/demo/index.min.js +8392 -1
- package/components/counter/dist/index.js +53 -5284
- package/components/counter/dist/registered.js +106 -5110
- package/components/datepicker/demo/accessibility.html +0 -1
- package/components/datepicker/demo/api.html +4 -29
- package/components/datepicker/demo/getting-started.md +25 -2
- package/components/datepicker/demo/index.min.js +24612 -1
- package/components/datepicker/demo/readme.html +2 -10
- package/components/datepicker/dist/index.js +10 -10
- package/components/datepicker/dist/registered.js +10 -10
- package/components/dropdown/demo/api.html +5 -31
- package/components/dropdown/demo/getting-started.md +34 -2
- package/components/dropdown/demo/index.min.js +5097 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/api.html +5 -27
- package/components/form/demo/getting-started.md +5 -6
- package/components/form/demo/index.min.js +719 -2
- package/components/form/demo/keyboard-behavior.md +38 -0
- package/components/form/demo/pages.json +1 -1
- package/components/form/demo/registerDemoDeps.min.js +11842 -60908
- package/components/input/demo/accessibility.md +1 -1
- package/components/input/demo/api.html +15 -26
- package/components/input/demo/auro-input.min.js +1 -1
- package/components/input/demo/getting-started.md +1 -1
- package/components/input/demo/readme.html +2 -10
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.html +5 -30
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/getting-started.md +1 -1
- package/components/menu/demo/index.min.js +1574 -1573
- package/components/menu/dist/auro-menu.context.d.ts +0 -1
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +1609 -1608
- package/components/menu/dist/registered.js +1553 -1552
- package/components/radio/demo/api.html +7 -28
- package/components/radio/demo/getting-started.md +27 -2
- package/components/radio/demo/index.md +1 -3
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/demo/readme.md +0 -2
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.html +5 -42
- package/components/select/demo/getting-started.md +39 -5
- package/components/select/demo/registered.min.js +1503 -1502
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1487 -1489
- package/package.json +37 -4
- package/components/combobox/demo/api.js +0 -39
- package/components/combobox/demo/api.min.js +0 -106
- package/components/combobox/demo/install.html +0 -50
- package/components/combobox/demo/styles.css +0 -974
- package/components/combobox/demo/swap-value.min.js +0 -16
- package/components/counter/demo/api.js +0 -24
- package/components/counter/demo/api.min.js +0 -52
- package/components/counter/demo/auro-counter-group.min.js +0 -8394
- package/components/datepicker/demo/api.js +0 -37
- package/components/datepicker/demo/api.min.js +0 -300
- package/components/datepicker/demo/auro-datepicker.min.js +0 -24614
- package/components/dropdown/demo/api.js +0 -26
- package/components/dropdown/demo/api.min.js +0 -109
- package/components/dropdown/demo/auro-dropdown.min.js +0 -5099
- package/components/form/demo/api.js +0 -5
- package/components/form/demo/api.min.js +0 -5
- package/components/form/demo/auro-form.min.js +0 -718
- package/components/form/demo/autocomplete.html +0 -31
- package/components/radio/demo/api.js +0 -19
- package/components/radio/demo/api.min.js +0 -44
- package/components/select/demo/keyboardBehavior.html +0 -48
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div class="contentWrapper">
|
|
3
3
|
<div class="mainContent">
|
|
4
4
|
<div class="scrollWrapper">
|
|
5
|
-
The `auro-input` component renders a native HTML
|
|
5
|
+
The `auro-input` component renders a native HTML <code><input></code> element inside its shadow DOM and augments it with custom label, help text, and validation UI. This page documents the ARIA semantics, screen reader announcements, and other accessibility behaviors built into the component.
|
|
6
6
|
|
|
7
7
|
For keyboard interaction details, see the <auro-hyperlink href="./keyboard-behavior.html">Keyboard Behavior</auro-hyperlink> page.
|
|
8
8
|
|
|
@@ -1,42 +1,31 @@
|
|
|
1
|
+
<!--
|
|
2
|
+
Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
|
|
3
|
+
See LICENSE in the project root for license information.
|
|
4
|
+
|
|
5
|
+
HTML in this document is standardized and NOT to be edited.
|
|
6
|
+
|
|
7
|
+
----------------------- DO NOT EDIT -----------------------------
|
|
8
|
+
|
|
9
|
+
-->
|
|
10
|
+
|
|
1
11
|
<!DOCTYPE html>
|
|
2
12
|
<html lang="en">
|
|
3
13
|
<head>
|
|
4
14
|
<meta charset="UTF-8" />
|
|
5
15
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Auro Web Component Demo | auro-
|
|
7
|
-
|
|
8
|
-
<!-- highlight.js Stylesheet -->
|
|
9
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
|
|
10
|
-
|
|
11
|
-
<!-- Legacy reference is still needed to support auro-input's use of legacy token values at this time -->
|
|
16
|
+
<title>Auro Web Component Demo | auro-combobox</title>
|
|
12
17
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
|
|
13
|
-
|
|
14
|
-
<!-- Design Token Alaska Theme -->
|
|
15
18
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
|
|
16
|
-
|
|
17
|
-
<!-- Webcore Stylesheet Alaska Theme -->
|
|
18
19
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
|
|
19
|
-
|
|
20
|
-
<!-- Demo Specific Styles -->
|
|
21
20
|
<link rel="stylesheet" type="text/css" href="./styles.min.css" />
|
|
22
|
-
</head>
|
|
23
|
-
<body class="auro-markdown">
|
|
24
|
-
<main></main>
|
|
25
|
-
|
|
26
|
-
<!-- If additional elements are needed for the demo, add them here. -->
|
|
27
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
|
|
28
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-nav@latest/+esm" type="module"></script>
|
|
29
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
|
|
30
21
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
31
|
-
<script src="
|
|
32
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
|
|
33
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-radio/+esm" type="module"></script>
|
|
22
|
+
<script src="./api.min.js" data-demo-script="true" type="module"></script>
|
|
34
23
|
<script type="module">
|
|
35
24
|
import { renderPage } from './demo-support.min.js';
|
|
36
25
|
await renderPage('./api.md');
|
|
37
|
-
import { initExamples } from "./api.min.js";
|
|
38
|
-
initExamples();
|
|
39
26
|
</script>
|
|
40
|
-
|
|
27
|
+
</head>
|
|
28
|
+
<body class="auro-markdown">
|
|
29
|
+
<main></main>
|
|
41
30
|
</body>
|
|
42
31
|
</html>
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
<section>
|
|
38
38
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/install.md) -->
|
|
39
39
|
<!-- The below content is automatically added from ./../docs/partials/getting-started/install.md -->
|
|
40
|
-
<auro-header level="2" id="setup">Setup</auro-header>
|
|
40
|
+
<auro-header level="2" id="setup">Setup</auro-header>
|
|
41
41
|
<auro-accordion-group Emphasis>
|
|
42
42
|
<auro-accordion expanded class="section" id="recommendedAccordion">
|
|
43
43
|
<span slot="trigger">Recommended Installation and Implementation</span>
|
|
@@ -37,17 +37,9 @@
|
|
|
37
37
|
<main></main>
|
|
38
38
|
|
|
39
39
|
<script type="module">
|
|
40
|
-
import '
|
|
41
|
-
|
|
42
|
-
fetch('./readme.md')
|
|
43
|
-
.then((response) => response.text())
|
|
44
|
-
.then((text) => {
|
|
45
|
-
const rawHtml = marked.parse(text);
|
|
46
|
-
document.querySelector('main').innerHTML = rawHtml;
|
|
47
|
-
Prism.highlightAll();
|
|
48
|
-
})
|
|
40
|
+
import { renderPage } from './demo-support.min.js';
|
|
41
|
+
await renderPage('./readme.md');
|
|
49
42
|
</script>
|
|
50
|
-
<script src="./index.min.js" data-demo-script="true" type="module"></script>
|
|
51
43
|
|
|
52
44
|
<!-- If additional elements are needed for the demo, add them here. -->
|
|
53
45
|
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
|
|
@@ -6614,7 +6614,7 @@ class AuroHelpText extends LitElement {
|
|
|
6614
6614
|
}
|
|
6615
6615
|
}
|
|
6616
6616
|
|
|
6617
|
-
var formkitVersion = '
|
|
6617
|
+
var formkitVersion = '202605081752';
|
|
6618
6618
|
|
|
6619
6619
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6620
6620
|
// See LICENSE in the project root for license information.
|
|
@@ -6614,7 +6614,7 @@ class AuroHelpText extends LitElement {
|
|
|
6614
6614
|
}
|
|
6615
6615
|
}
|
|
6616
6616
|
|
|
6617
|
-
var formkitVersion = '
|
|
6617
|
+
var formkitVersion = '202605081752';
|
|
6618
6618
|
|
|
6619
6619
|
// Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
|
|
6620
6620
|
// See LICENSE in the project root for license information.
|
|
@@ -3,9 +3,6 @@
|
|
|
3
3
|
See LICENSE in the project root for license information.
|
|
4
4
|
|
|
5
5
|
HTML in this document is standardized and NOT to be edited.
|
|
6
|
-
All demo code should be added/edited in ./demo/apiExamples.md
|
|
7
|
-
|
|
8
|
-
With the exception of adding custom elements if needed for the demo.
|
|
9
6
|
|
|
10
7
|
----------------------- DO NOT EDIT -----------------------------
|
|
11
8
|
|
|
@@ -17,40 +14,18 @@
|
|
|
17
14
|
<meta charset="UTF-8" />
|
|
18
15
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
16
|
<title>Auro Web Component Demo | auro-menu</title>
|
|
20
|
-
|
|
21
|
-
<!-- highlight.js Stylesheet -->
|
|
22
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.9.0/build/styles/github.min.css"/>
|
|
23
|
-
|
|
24
|
-
<!-- Legacy reference is still needed to support auro-menu's use of legacy token values at this time -->
|
|
25
17
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/legacy/auro-classic/CSSCustomProperties.css"/>
|
|
26
|
-
|
|
27
|
-
<!-- Design Token Alaska Theme -->
|
|
28
18
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/themes/alaska/CSSCustomProperties--alaska.min.css"/>
|
|
29
|
-
|
|
30
|
-
<!-- Webcore Stylesheet Alaska Theme -->
|
|
31
19
|
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
|
|
32
|
-
|
|
33
|
-
<!-- Demo Specific Styles -->
|
|
34
20
|
<link rel="stylesheet" type="text/css" href="./styles.min.css" />
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
<main></main>
|
|
38
|
-
|
|
21
|
+
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
22
|
+
<script src="./api.min.js" data-demo-script="true" type="module"></script>
|
|
39
23
|
<script type="module">
|
|
40
24
|
import { renderPage } from './demo-support.min.js';
|
|
41
25
|
await renderPage('./api.md');
|
|
42
26
|
</script>
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
<
|
|
46
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
|
|
47
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
48
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
|
|
49
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-input/+esm" type="module"></script>
|
|
50
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
|
|
51
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-loader@latest/+esm" type="module"></script>
|
|
52
|
-
<script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@latest/auro-radio/+esm"></script>
|
|
53
|
-
|
|
54
|
-
<script src="./api.min.js" data-demo-script="true" type="module"></script>
|
|
27
|
+
</head>
|
|
28
|
+
<body class="auro-markdown">
|
|
29
|
+
<main></main>
|
|
55
30
|
</body>
|
|
56
31
|
</html>
|
|
@@ -25,7 +25,7 @@ The `auro-menu` element provides users a way to select from a list of options.
|
|
|
25
25
|
| `selectAllMatchingOptions` | `selectAllMatchingOptions` | | `boolean` | false | When true, selects all options that match the provided value/key when setting value and multiselect is enabled. |
|
|
26
26
|
| `selectedOption` | | readonly | `HTMLElement \| null` | | Gets the first selected option, or null if none. |
|
|
27
27
|
| `selectedOptions` | | readonly | `HTMLElement[]` | | Gets the currently selected options. |
|
|
28
|
-
| `value` | `value` | | `string` |
|
|
28
|
+
| `value` | `value` | | `string` | | The value of the selected option. In multi-select mode, this is a JSON stringified array of selected option values. |
|
|
29
29
|
|
|
30
30
|
## Methods
|
|
31
31
|
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
<section>
|
|
34
34
|
<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/getting-started/install.md) -->
|
|
35
35
|
<!-- The below content is automatically added from ./../docs/partials/getting-started/install.md -->
|
|
36
|
-
<auro-header level="2" id="setup">Setup</auro-header>
|
|
36
|
+
<auro-header level="2" id="setup">Setup</auro-header>
|
|
37
37
|
<auro-accordion-group Emphasis>
|
|
38
38
|
<auro-accordion expanded class="section" id="recommendedAccordion">
|
|
39
39
|
<span slot="trigger">Recommended Installation and Implementation</span>
|