@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
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8" />
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
|
-
<title>Auro Web Component Demo | auro-form</title>
|
|
7
|
-
|
|
8
|
-
<!-- Prism.js Stylesheet -->
|
|
9
|
-
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"/>
|
|
10
|
-
|
|
11
|
-
<!-- Legacy reference is still needed to support auro-form's use of legacy token values at this time -->
|
|
12
|
-
<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
|
-
<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
|
-
<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
|
-
<link rel="stylesheet" type="text/css" href="./styles.min.css" />
|
|
22
|
-
</head>
|
|
23
|
-
<body>
|
|
24
|
-
<!-- EVERY AUTOCOMPLETE OPTION, auro inputs -->
|
|
25
|
-
|
|
26
|
-
<!-- EVERY AUTOCOMPLETE OPTION, auro combobox -->
|
|
27
|
-
|
|
28
|
-
<!-- LOGIN FORM -->
|
|
29
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
30
|
-
</body>
|
|
31
|
-
</html>
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { resetStateExample } from "../apiExamples/reset-state";
|
|
2
|
-
import { dynamicExample } from "../apiExamples/dynamic";
|
|
3
|
-
import './index.js';
|
|
4
|
-
|
|
5
|
-
export function initExamples(initCount) {
|
|
6
|
-
initCount = initCount || 0;
|
|
7
|
-
|
|
8
|
-
try {
|
|
9
|
-
resetStateExample();
|
|
10
|
-
dynamicExample();
|
|
11
|
-
} catch (error) {
|
|
12
|
-
if (initCount <= 20) {
|
|
13
|
-
// setTimeout handles issue where content is sometimes loaded after the functions get called
|
|
14
|
-
setTimeout(() => {
|
|
15
|
-
initExamples(initCount + 1);
|
|
16
|
-
}, 100);
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import './index.min.js';
|
|
2
|
-
|
|
3
|
-
function resetStateExample() {
|
|
4
|
-
const elem = document.querySelector('#resetStateExample');
|
|
5
|
-
|
|
6
|
-
document.querySelector('#resetStateBtn').addEventListener('click', () => {
|
|
7
|
-
elem.reset();
|
|
8
|
-
});
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
function dynamicExample() {
|
|
12
|
-
const values = ['Yes', 'No', 'Maybe'];
|
|
13
|
-
const radioGroup = document.getElementById('dynamicExample');
|
|
14
|
-
|
|
15
|
-
for (let i = 0; i < values.length; i++) {
|
|
16
|
-
const radio = document.createElement('auro-radio');
|
|
17
|
-
|
|
18
|
-
radio.id = `dynamicRadio${i}`;
|
|
19
|
-
radio.label = values[i];
|
|
20
|
-
radio.name = 'radioDemo';
|
|
21
|
-
radio.value = values[i];
|
|
22
|
-
radio.textContent = values[i];
|
|
23
|
-
|
|
24
|
-
radioGroup.appendChild(radio);
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function initExamples(initCount) {
|
|
29
|
-
initCount = initCount || 0;
|
|
30
|
-
|
|
31
|
-
try {
|
|
32
|
-
resetStateExample();
|
|
33
|
-
dynamicExample();
|
|
34
|
-
} catch (error) {
|
|
35
|
-
if (initCount <= 20) {
|
|
36
|
-
// setTimeout handles issue where content is sometimes loaded after the functions get called
|
|
37
|
-
setTimeout(() => {
|
|
38
|
-
initExamples(initCount + 1);
|
|
39
|
-
}, 100);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
export { initExamples };
|
|
@@ -1,48 +0,0 @@
|
|
|
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
|
-
All demo code should be added/edited in ./demo/index.md
|
|
7
|
-
|
|
8
|
-
With the exception of adding custom elements if needed for the demo.
|
|
9
|
-
|
|
10
|
-
----------------------- DO NOT EDIT -----------------------------
|
|
11
|
-
|
|
12
|
-
-->
|
|
13
|
-
|
|
14
|
-
<!DOCTYPE html>
|
|
15
|
-
<html lang="en">
|
|
16
|
-
<head>
|
|
17
|
-
<meta charset="UTF-8" />
|
|
18
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
19
|
-
<title>Auro Web Component Demo | auro-select</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-select's use of legacy token values at this time -->
|
|
25
|
-
<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
|
-
<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
|
-
<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
|
-
<link rel="stylesheet" type="text/css" href="./styles.min.css" />
|
|
35
|
-
</head>
|
|
36
|
-
<body class="auro-markdown">
|
|
37
|
-
<main></main>
|
|
38
|
-
|
|
39
|
-
<script type="module">
|
|
40
|
-
import { renderPage } from './demo-support.min.js';
|
|
41
|
-
await renderPage('./keyboardBehavior.md');
|
|
42
|
-
</script>
|
|
43
|
-
|
|
44
|
-
<!-- If additional elements are needed for the demo, add them here. -->
|
|
45
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-header@latest/+esm" type="module"></script>
|
|
46
|
-
<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
|
|
47
|
-
</body>
|
|
48
|
-
</html>
|