@aurodesignsystem-dev/auro-formkit 0.0.0-pr1452.3 → 0.0.0-pr1452.5

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 (69) hide show
  1. package/components/checkbox/demo/api.html +4 -26
  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 -25
  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 +5 -29
  11. package/components/counter/demo/index.min.js +8392 -1
  12. package/components/counter/dist/index.js +1 -1
  13. package/components/counter/dist/registered.js +1 -1
  14. package/components/datepicker/demo/api.html +4 -29
  15. package/components/datepicker/demo/index.min.js +24612 -1
  16. package/components/datepicker/dist/index.js +3 -3
  17. package/components/datepicker/dist/registered.js +3 -3
  18. package/components/dropdown/demo/api.html +5 -31
  19. package/components/dropdown/demo/index.min.js +5097 -1
  20. package/components/dropdown/dist/index.js +1 -1
  21. package/components/dropdown/dist/registered.js +1 -1
  22. package/components/form/demo/api.html +5 -27
  23. package/components/form/demo/index.min.js +716 -2
  24. package/components/form/demo/registerDemoDeps.min.js +5 -5
  25. package/components/input/demo/api.html +15 -26
  26. package/components/input/demo/auro-input.min.js +1 -1
  27. package/components/input/dist/index.js +1 -1
  28. package/components/input/dist/registered.js +1 -1
  29. package/components/menu/demo/api.html +5 -30
  30. package/components/menu/demo/index.min.js +2287 -1
  31. package/components/radio/demo/api.html +7 -28
  32. package/components/radio/demo/index.min.js +1 -1
  33. package/components/radio/dist/index.js +1 -1
  34. package/components/radio/dist/registered.js +1 -1
  35. package/components/select/demo/api.html +5 -42
  36. package/components/select/demo/getting-started.min.js +31 -1
  37. package/components/select/demo/registered.min.js +2 -2
  38. package/components/select/dist/index.js +2 -2
  39. package/components/select/dist/registered.js +2 -2
  40. package/custom-elements.json +1489 -1489
  41. package/package.json +1 -1
  42. package/components/checkbox/demo/api.js +0 -17
  43. package/components/checkbox/demo/api.min.js +0 -26
  44. package/components/combobox/demo/api.js +0 -39
  45. package/components/combobox/demo/api.min.js +0 -106
  46. package/components/combobox/demo/swap-value.min.js +0 -16
  47. package/components/counter/demo/api.js +0 -24
  48. package/components/counter/demo/api.min.js +0 -52
  49. package/components/counter/demo/auro-counter-group.min.js +0 -8394
  50. package/components/datepicker/demo/api.js +0 -37
  51. package/components/datepicker/demo/api.min.js +0 -300
  52. package/components/datepicker/demo/auro-datepicker.min.js +0 -24614
  53. package/components/dropdown/demo/api.js +0 -26
  54. package/components/dropdown/demo/api.min.js +0 -109
  55. package/components/dropdown/demo/auro-dropdown.min.js +0 -5099
  56. package/components/form/demo/api.js +0 -5
  57. package/components/form/demo/api.min.js +0 -8
  58. package/components/form/demo/auro-form.min.js +0 -718
  59. package/components/form/demo/autocomplete.html +0 -31
  60. package/components/input/demo/api.js +0 -8
  61. package/components/input/demo/api.min.js +0 -9
  62. package/components/menu/demo/api.js +0 -29
  63. package/components/menu/demo/api.min.js +0 -121
  64. package/components/menu/demo/auro-menuoption.min.js +0 -2289
  65. package/components/radio/demo/api.js +0 -19
  66. package/components/radio/demo/api.min.js +0 -44
  67. package/components/select/demo/api.js +0 -39
  68. package/components/select/demo/api.min.js +0 -83
  69. 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 };