@aurodesignsystem-dev/auro-formkit 0.0.0-pr1452.2 → 0.0.0-pr1452.4

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.
Files changed (72) hide show
  1. package/components/checkbox/demo/api.html +5 -24
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.html +4 -22
  6. package/components/combobox/demo/index.min.js +15 -1
  7. package/components/combobox/demo/registered.min.js +3 -3
  8. package/components/combobox/dist/index.js +3 -3
  9. package/components/combobox/dist/registered.js +3 -3
  10. package/components/counter/demo/api.html +6 -27
  11. package/components/counter/demo/index.min.js +8392 -1
  12. package/components/counter/dist/index.js +240 -13
  13. package/components/counter/dist/registered.js +1 -1
  14. package/components/datepicker/demo/api.html +5 -27
  15. package/components/datepicker/demo/index.min.js +24612 -1
  16. package/components/datepicker/demo/readme.html +2 -10
  17. package/components/datepicker/dist/index.js +3 -3
  18. package/components/datepicker/dist/registered.js +3 -3
  19. package/components/dropdown/demo/api.html +6 -29
  20. package/components/dropdown/demo/index.min.js +5097 -1
  21. package/components/dropdown/dist/index.js +1 -1
  22. package/components/dropdown/dist/registered.js +1 -1
  23. package/components/form/demo/api.html +6 -25
  24. package/components/form/demo/index.min.js +716 -2
  25. package/components/form/demo/registerDemoDeps.min.js +257 -257
  26. package/components/input/demo/accessibility.md +1 -1
  27. package/components/input/demo/api.html +18 -26
  28. package/components/input/demo/auro-input.min.js +1 -1
  29. package/components/input/demo/readme.html +2 -10
  30. package/components/input/dist/index.js +1 -1
  31. package/components/input/dist/registered.js +1 -1
  32. package/components/menu/demo/api.html +6 -28
  33. package/components/menu/demo/index.min.js +2287 -1
  34. package/components/radio/demo/api.html +8 -26
  35. package/components/radio/demo/index.min.js +1 -1
  36. package/components/radio/dist/index.js +1 -1
  37. package/components/radio/dist/registered.js +1 -1
  38. package/components/select/demo/api.html +6 -40
  39. package/components/select/demo/getting-started.min.js +31 -1
  40. package/components/select/demo/registered.min.js +2 -2
  41. package/components/select/dist/index.js +2 -2
  42. package/components/select/dist/registered.js +2 -2
  43. package/custom-elements.json +1444 -1444
  44. package/package.json +1 -1
  45. package/components/checkbox/demo/api.js +0 -17
  46. package/components/checkbox/demo/api.min.js +0 -26
  47. package/components/combobox/demo/api.js +0 -39
  48. package/components/combobox/demo/api.min.js +0 -106
  49. package/components/combobox/demo/swap-value.min.js +0 -16
  50. package/components/counter/demo/api.js +0 -24
  51. package/components/counter/demo/api.min.js +0 -52
  52. package/components/counter/demo/auro-counter-group.min.js +0 -8394
  53. package/components/datepicker/demo/api.js +0 -37
  54. package/components/datepicker/demo/api.min.js +0 -300
  55. package/components/datepicker/demo/auro-datepicker.min.js +0 -24614
  56. package/components/dropdown/demo/api.js +0 -26
  57. package/components/dropdown/demo/api.min.js +0 -109
  58. package/components/dropdown/demo/auro-dropdown.min.js +0 -5099
  59. package/components/form/demo/api.js +0 -5
  60. package/components/form/demo/api.min.js +0 -8
  61. package/components/form/demo/auro-form.min.js +0 -718
  62. package/components/form/demo/autocomplete.html +0 -31
  63. package/components/input/demo/api.js +0 -8
  64. package/components/input/demo/api.min.js +0 -9
  65. package/components/menu/demo/api.js +0 -29
  66. package/components/menu/demo/api.min.js +0 -121
  67. package/components/menu/demo/auro-menuoption.min.js +0 -2289
  68. package/components/radio/demo/api.js +0 -19
  69. package/components/radio/demo/api.min.js +0 -44
  70. package/components/select/demo/api.js +0 -39
  71. package/components/select/demo/api.min.js +0 -83
  72. package/components/select/demo/update-active-option.min.js +0 -32
package/components/form/demo/autocomplete.html DELETED
@@ -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>
package/components/input/demo/api.js DELETED
@@ -1,8 +0,0 @@
1
- import { AuroInput } from '../src/auro-input.js';
2
-
3
- AuroInput.register();
4
- AuroInput.register('custom-input');
5
-
6
- export function initExamples(initCount) {
7
- initCount = initCount || 0;
8
- }
package/components/input/demo/api.min.js DELETED
@@ -1,9 +0,0 @@
1
- import { A as AuroInput } from './auro-input.min.js';
2
-
3
- AuroInput.register();
4
- AuroInput.register('custom-input');
5
-
6
- function initExamples(initCount) {
7
- }
8
-
9
- export { initExamples };
package/components/menu/demo/api.js DELETED
@@ -1,29 +0,0 @@
1
- /* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
2
-
3
- import { auroMenuResetExample } from '../apiExamples/reset';
4
- import { auroMenuMatchWordExample } from '../apiExamples/match-word';
5
- import { initKeysExample } from '../apiExamples/keys';
6
- import { auroMenuLoadingExample } from '../apiExamples/loading';
7
- import { initSelectAllMatchingOptionsExample } from '../apiExamples/select-all-matching-options';
8
- import '../src/registered.js';
9
-
10
- export function initExamples(initCount) {
11
- initCount = initCount || 0;
12
-
13
- try {
14
- // javascript example function calls to be added here upon creation to test examples
15
- initKeysExample();
16
- auroMenuLoadingExample();
17
- auroMenuMatchWordExample();
18
- initSelectAllMatchingOptionsExample();
19
- auroMenuResetExample();
20
- } catch (err) {
21
- if (initCount <= 20) {
22
- // setTimeout handles issue where content is sometimes loaded after the functions get called
23
- setTimeout(() => {
24
- initExamples(initCount + 1);
25
- }, 100);
26
- }
27
- }
28
- }
29
-
package/components/menu/demo/api.min.js DELETED
@@ -1,121 +0,0 @@
1
- import { A as AuroMenu, a as AuroMenuOption } from './auro-menuoption.min.js';
2
-
3
- function auroMenuResetExample() {
4
- const resetExampleBtnElem = document.querySelector('#resetExampleBtn');
5
- const resetExampleElem = document.querySelector('#resetExample');
6
-
7
- if (resetExampleElem && resetExampleBtnElem) {
8
- resetExampleBtnElem.addEventListener('click', () => {
9
- resetExampleElem.reset();
10
- });
11
- }
12
- }
13
-
14
- function updateMatch() {
15
- let matchWordMenu = document.querySelector('#matchWordMenu');
16
-
17
- matchWordMenu.matchWord = matchWordInput.value;
18
- }
19
-
20
- function auroMenuMatchWordExample() {
21
- let matchWordInput = document.querySelector('#matchWordInput');
22
-
23
- matchWordInput.addEventListener('keyup', updateMatch);
24
- }
25
-
26
- function initKeysExample() {
27
- const menu = document.getElementById('keys-menu');
28
- const stopsButton = document.getElementById('stopsButton');
29
- const stopsTopButton = document.getElementById('stopsTopButton');
30
- const output = document.getElementById('output');
31
-
32
- const createConsoleEntry = (message) => {
33
- const node = document.createElement('span');
34
- node.innerHTML = message;
35
- output.appendChild(node);
36
- output.appendChild(document.createElement('br'));
37
- };
38
-
39
- const resetConsole = () => {
40
- output.innerHTML = '';
41
- };
42
-
43
- const updateMenuValue = (value) => {
44
- resetConsole();
45
- createConsoleEntry(`Setting menu.value: <em>"${value}"</em>`);
46
- menu.value = '';
47
- menu.value = value;
48
- createConsoleEntry(`menu.value before next lifecycle: <em>"${menu.value}"</em>`);
49
- setTimeout(() => {
50
- createConsoleEntry(`menu.value after lifecycle: <em>"${menu.value}"</em>`);
51
- });
52
- };
53
-
54
- stopsButton.addEventListener('click', () => {
55
- updateMenuValue('stops');
56
- });
57
-
58
- stopsTopButton.addEventListener('click', () => {
59
- updateMenuValue('stops-top');
60
- });
61
- }
62
-
63
- function auroMenuLoadingExample() {
64
- document.querySelector("#loadingExampleToggleButton").addEventListener("click", () => {
65
- document.querySelectorAll("#loadingExampleTable auro-menu").forEach(menu => menu.toggleAttribute("loading"));
66
- });
67
- }
68
-
69
- const initSelectAllMatchingOptionsExample = () => {
70
-
71
- const selectAllBtn = document.getElementById('selectAllBtn');
72
- const selectAllMenu = document.getElementById('selectAllMenu');
73
- const selectFirstBtn = document.getElementById('selectFirstBtn');
74
- const selectFirstMenu = document.getElementById('selectFirstMenu');
75
- const resetAllBtn = document.getElementById('resetAllBtn');
76
- const resetFirstBtn = document.getElementById('resetFirstBtn');
77
-
78
- selectAllBtn.addEventListener('click', () => {
79
- selectAllMenu.value = 'stops';
80
- });
81
-
82
- resetAllBtn.addEventListener('click', () => {
83
- selectAllMenu.reset();
84
- });
85
-
86
- selectFirstBtn.addEventListener('click', () => {
87
- selectFirstMenu.value = 'stops';
88
- });
89
-
90
- resetFirstBtn.addEventListener('click', () => {
91
- selectFirstMenu.reset();
92
- });
93
- };
94
-
95
- AuroMenu.register();
96
- AuroMenuOption.register();
97
-
98
- /* eslint-disable jsdoc/require-jsdoc, no-magic-numbers, no-param-reassign */
99
-
100
-
101
- function initExamples(initCount) {
102
- initCount = initCount || 0;
103
-
104
- try {
105
- // javascript example function calls to be added here upon creation to test examples
106
- initKeysExample();
107
- auroMenuLoadingExample();
108
- auroMenuMatchWordExample();
109
- initSelectAllMatchingOptionsExample();
110
- auroMenuResetExample();
111
- } catch (err) {
112
- if (initCount <= 20) {
113
- // setTimeout handles issue where content is sometimes loaded after the functions get called
114
- setTimeout(() => {
115
- initExamples(initCount + 1);
116
- }, 100);
117
- }
118
- }
119
- }
120
-
121
- export { initExamples };