@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/select/demo/getting-started.md CHANGED
@@ -397,6 +397,55 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
397
397
  <p>The following public methods are available on the <code>&lt;auro-select&gt;</code> element.</p>
398
398
  <auro-header level="3" id="reset">reset()</auro-header>
399
399
  <p>Resets the component to its initial state, clearing the value and validation state.</p>
400
+ <div class="exampleWrapper">
401
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/reset-state.html) -->
402
+ <!-- The below content is automatically added from ./../apiExamples/reset-state.html -->
403
+ <auro-button id="resetStateBtn">Reset</auro-button>
404
+ <br /><br />
405
+ <auro-select id="resetStateExample" value="price">
406
+ <span slot="ariaLabel.bib.close">Close Popup</span>
407
+ <span slot="bib.fullscreen.headline">Sort by</span>
408
+ <span slot="label">Sort by</span>
409
+ <auro-menu>
410
+ <auro-menuoption value="stops">Stops</auro-menuoption>
411
+ <auro-menuoption value="price">Price</auro-menuoption>
412
+ <auro-menuoption value="duration">Duration</auro-menuoption>
413
+ <auro-menuoption value="departure">Departure</auro-menuoption>
414
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
415
+ </auro-menu>
416
+ </auro-select>
417
+ <!-- AURO-GENERATED-CONTENT:END -->
418
+ </div>
419
+ <auro-accordion alignRight>
420
+ <span slot="trigger">See code</span>
421
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.html) -->
422
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.html -->
423
+ <pre class="language-html"><code class="language-html">&lt;auro-button id="resetStateBtn"&gt;Reset&lt;/auro-button&gt;
424
+ &lt;br /&gt;&lt;br /&gt;
425
+ &lt;auro-select id="resetStateExample" value="price"&gt;
426
+ &lt;span slot="ariaLabel.bib.close"&gt;Close Popup&lt;/span&gt;
427
+ &lt;span slot="bib.fullscreen.headline"&gt;Sort by&lt;/span&gt;
428
+ &lt;span slot="label"&gt;Sort by&lt;/span&gt;
429
+ &lt;auro-menu&gt;
430
+ &lt;auro-menuoption value="stops"&gt;Stops&lt;/auro-menuoption&gt;
431
+ &lt;auro-menuoption value="price"&gt;Price&lt;/auro-menuoption&gt;
432
+ &lt;auro-menuoption value="duration"&gt;Duration&lt;/auro-menuoption&gt;
433
+ &lt;auro-menuoption value="departure"&gt;Departure&lt;/auro-menuoption&gt;
434
+ &lt;auro-menuoption value="arrival"&gt;Arrival&lt;/auro-menuoption&gt;
435
+ &lt;/auro-menu&gt;
436
+ &lt;/auro-select&gt;</code></pre>
437
+ <!-- AURO-GENERATED-CONTENT:END -->
438
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.js) -->
439
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.js -->
440
+ <pre class="language-js"><code class="language-js">export function resetStateExample() {
441
+ const elem = document.querySelector('#resetStateExample');
442
+ ​
443
+ document.querySelector('#resetStateBtn').addEventListener('click', () =&gt; {
444
+ elem.reset();
445
+ });
446
+ }</code></pre>
447
+ <!-- AURO-GENERATED-CONTENT:END -->
448
+ </auro-accordion>
400
449
  <auro-header level="3" id="updateActiveOption">updateActiveOption()</auro-header>
401
450
  <p>Updates the active option in the menu by index. The active option receives visual focus when navigating with the keyboard.</p>
402
451
  <auro-header level="3" id="hideBib">hideBib()</auro-header>