@aurodesignsystem/auro-formkit 6.1.0 → 6.2.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.
Files changed (110) hide show
  1. package/CHANGELOG.md +24 -16
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +11 -0
  3. package/components/bibtemplate/dist/index.js +17 -4
  4. package/components/bibtemplate/dist/registered.js +17 -4
  5. package/components/checkbox/demo/accessibility.md +15 -4
  6. package/components/checkbox/demo/api.md +20 -13
  7. package/components/checkbox/demo/customize.md +2 -1
  8. package/components/checkbox/demo/customize.min.js +129 -29
  9. package/components/checkbox/demo/getting-started.min.js +129 -29
  10. package/components/checkbox/demo/index.min.js +129 -29
  11. package/components/checkbox/demo/styles.min.css +1 -1
  12. package/components/checkbox/dist/auro-checkbox-group.d.ts +33 -0
  13. package/components/checkbox/dist/auro-checkbox.d.ts +7 -2
  14. package/components/checkbox/dist/index.js +129 -29
  15. package/components/checkbox/dist/registered.js +129 -29
  16. package/components/combobox/demo/api.md +27 -19
  17. package/components/combobox/demo/customize.min.js +676 -151
  18. package/components/combobox/demo/getting-started.md +49 -0
  19. package/components/combobox/demo/getting-started.min.js +695 -151
  20. package/components/combobox/demo/index.min.js +676 -151
  21. package/components/combobox/demo/styles.min.css +1 -1
  22. package/components/combobox/dist/auro-combobox.d.ts +72 -27
  23. package/components/combobox/dist/index.js +569 -133
  24. package/components/combobox/dist/registered.js +569 -133
  25. package/components/counter/demo/api.md +36 -16
  26. package/components/counter/demo/customize.min.js +692 -105
  27. package/components/counter/demo/getting-started.html +3 -1
  28. package/components/counter/demo/getting-started.md +49 -0
  29. package/components/counter/demo/getting-started.min.js +8808 -0
  30. package/components/counter/demo/index.min.js +692 -105
  31. package/components/counter/demo/styles.min.css +1 -1
  32. package/components/counter/dist/auro-counter-button.d.ts +4 -0
  33. package/components/counter/dist/auro-counter-group.d.ts +38 -6
  34. package/components/counter/dist/auro-counter.d.ts +33 -0
  35. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +1 -0
  36. package/components/counter/dist/index.js +691 -104
  37. package/components/counter/dist/registered.js +691 -104
  38. package/components/datepicker/demo/api.md +55 -49
  39. package/components/datepicker/demo/customize.min.js +659 -166
  40. package/components/datepicker/demo/getting-started.html +3 -1
  41. package/components/datepicker/demo/getting-started.md +39 -0
  42. package/components/datepicker/demo/getting-started.min.js +37669 -0
  43. package/components/datepicker/demo/index.min.js +659 -166
  44. package/components/datepicker/demo/styles.min.css +1 -1
  45. package/components/datepicker/dist/auro-calendar-cell.d.ts +58 -4
  46. package/components/datepicker/dist/auro-calendar-month.d.ts +10 -4
  47. package/components/datepicker/dist/auro-calendar.d.ts +25 -6
  48. package/components/datepicker/dist/auro-datepicker.d.ts +75 -24
  49. package/components/datepicker/dist/index.js +658 -165
  50. package/components/datepicker/dist/registered.js +658 -165
  51. package/components/dropdown/demo/api.md +25 -22
  52. package/components/dropdown/demo/customize.min.js +217 -43
  53. package/components/dropdown/demo/getting-started.min.js +364 -95
  54. package/components/dropdown/demo/index.min.js +217 -43
  55. package/components/dropdown/demo/styles.min.css +1 -1
  56. package/components/dropdown/dist/auro-dropdown.d.ts +35 -8
  57. package/components/dropdown/dist/auro-dropdownBib.d.ts +17 -5
  58. package/components/dropdown/dist/index.js +217 -43
  59. package/components/dropdown/dist/registered.js +217 -43
  60. package/components/form/demo/customize.min.js +2739 -628
  61. package/components/form/demo/getting-started.min.js +2739 -628
  62. package/components/form/demo/index.min.js +2739 -628
  63. package/components/form/demo/registerDemoDeps.min.js +2733 -627
  64. package/components/form/demo/styles.min.css +1 -1
  65. package/components/form/dist/index.js +6 -1
  66. package/components/form/dist/registered.js +6 -1
  67. package/components/helptext/dist/auro-helptext.d.ts +9 -7
  68. package/components/helptext/dist/index.js +9 -3
  69. package/components/helptext/dist/registered.js +9 -3
  70. package/components/input/demo/api.md +30 -30
  71. package/components/input/demo/customize.md +0 -37
  72. package/components/input/demo/customize.min.js +147 -61
  73. package/components/input/demo/getting-started.md +33 -0
  74. package/components/input/demo/getting-started.min.js +167 -52
  75. package/components/input/demo/index.min.js +147 -52
  76. package/components/input/demo/styles.min.css +1 -1
  77. package/components/input/dist/base-input.d.ts +80 -25
  78. package/components/input/dist/index.js +146 -51
  79. package/components/input/dist/registered.js +146 -51
  80. package/components/layoutElement/dist/auroElement.d.ts +10 -17
  81. package/components/layoutElement/dist/index.js +20 -20
  82. package/components/layoutElement/dist/registered.js +20 -20
  83. package/components/menu/demo/api.md +31 -27
  84. package/components/menu/demo/index.min.js +126 -37
  85. package/components/menu/demo/styles.min.css +1 -1
  86. package/components/menu/dist/auro-menu.d.ts +26 -21
  87. package/components/menu/dist/auro-menuoption.d.ts +27 -1
  88. package/components/menu/dist/index.js +126 -37
  89. package/components/menu/dist/registered.js +126 -37
  90. package/components/radio/demo/accessibility.md +15 -4
  91. package/components/radio/demo/api.md +10 -9
  92. package/components/radio/demo/customize.min.js +120 -27
  93. package/components/radio/demo/getting-started.min.js +120 -27
  94. package/components/radio/demo/index.min.js +120 -27
  95. package/components/radio/demo/styles.min.css +1 -1
  96. package/components/radio/dist/auro-radio-group.d.ts +31 -3
  97. package/components/radio/dist/auro-radio.d.ts +4 -2
  98. package/components/radio/dist/index.js +120 -27
  99. package/components/radio/dist/registered.js +120 -27
  100. package/components/select/demo/api.md +18 -15
  101. package/components/select/demo/customize.min.js +396 -94
  102. package/components/select/demo/getting-started.md +49 -0
  103. package/components/select/demo/getting-started.min.js +418 -95
  104. package/components/select/demo/index.min.js +396 -94
  105. package/components/select/demo/styles.min.css +1 -1
  106. package/components/select/dist/auro-select.d.ts +18 -0
  107. package/components/select/dist/index.js +289 -76
  108. package/components/select/dist/registered.js +289 -76
  109. package/custom-elements.json +1354 -1404
  110. package/package.json +11 -11
package/components/combobox/demo/getting-started.md CHANGED
@@ -394,6 +394,55 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
394
394
  <p>Programmatically moves focus to the combobox trigger input.</p>
395
395
  <auro-header level="3" id="reset">reset()</auro-header>
396
396
  <p>Resets the component to its initial state, clearing the value, input text, and validation state.</p>
397
+ <div class="exampleWrapper">
398
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/reset-state.html) -->
399
+ <!-- The below content is automatically added from ./../apiExamples/reset-state.html -->
400
+ <auro-button id="resetStateBtn">Reset</auro-button>
401
+ <br /><br />
402
+ <auro-combobox id="resetStateExample" required>
403
+ <span slot="bib.fullscreen.headline">Bib Header</span>
404
+ <span slot="label">Name</span>
405
+ <auro-menu>
406
+ <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
407
+ <auro-menuoption value="Oranges" id="option-1">Oranges</auro-menuoption>
408
+ <auro-menuoption value="Peaches" id="option-2">Peaches</auro-menuoption>
409
+ <auro-menuoption value="Grapes" id="option-3">Grapes</auro-menuoption>
410
+ <auro-menuoption value="Cherries" id="option-4">Cherries</auro-menuoption>
411
+ <auro-menuoption static nomatch>No matching option</auro-menuoption>
412
+ </auro-menu>
413
+ </auro-combobox>
414
+ <!-- AURO-GENERATED-CONTENT:END -->
415
+ </div>
416
+ <auro-accordion alignRight>
417
+ <span slot="trigger">See code</span>
418
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.html) -->
419
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.html -->
420
+ <pre class="language-html"><code class="language-html">&lt;auro-button id="resetStateBtn"&gt;Reset&lt;/auro-button&gt;
421
+ &lt;br /&gt;&lt;br /&gt;
422
+ &lt;auro-combobox id="resetStateExample" required&gt;
423
+ &lt;span slot="bib.fullscreen.headline"&gt;Bib Header&lt;/span&gt;
424
+ &lt;span slot="label"&gt;Name&lt;/span&gt;
425
+ &lt;auro-menu&gt;
426
+ &lt;auro-menuoption value="Apples" id="option-0"&gt;Apples&lt;/auro-menuoption&gt;
427
+ &lt;auro-menuoption value="Oranges" id="option-1"&gt;Oranges&lt;/auro-menuoption&gt;
428
+ &lt;auro-menuoption value="Peaches" id="option-2"&gt;Peaches&lt;/auro-menuoption&gt;
429
+ &lt;auro-menuoption value="Grapes" id="option-3"&gt;Grapes&lt;/auro-menuoption&gt;
430
+ &lt;auro-menuoption value="Cherries" id="option-4"&gt;Cherries&lt;/auro-menuoption&gt;
431
+ &lt;auro-menuoption static nomatch&gt;No matching option&lt;/auro-menuoption&gt;
432
+ &lt;/auro-menu&gt;
433
+ &lt;/auro-combobox&gt;</code></pre>
434
+ <!-- AURO-GENERATED-CONTENT:END -->
435
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.js) -->
436
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.js -->
437
+ <pre class="language-js"><code class="language-js">export function resetStateExample() {
438
+ const elem = document.querySelector('#resetStateExample');
439
+ ​
440
+ document.querySelector('#resetStateBtn').addEventListener('click', () =&gt; {
441
+ elem.reset();
442
+ });
443
+ }</code></pre>
444
+ <!-- AURO-GENERATED-CONTENT:END -->
445
+ </auro-accordion>
397
446
  <auro-header level="3" id="validate">validate()</auro-header>
398
447
  <p>Triggers validation on the component. Pass <code>true</code> to force validation even when <code>noValidate</code> is set.</p>
399
448
  <auro-header level="3" id="hideBib">hideBib()</auro-header>