@aurodesignsystem/auro-formkit 5.2.2 → 5.3.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 (54) hide show
  1. package/CHANGELOG.md +10 -3
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/index.js +18 -83
  4. package/components/bibtemplate/dist/registered.js +18 -83
  5. package/components/checkbox/demo/api.min.js +14 -3
  6. package/components/checkbox/demo/index.min.js +14 -3
  7. package/components/checkbox/dist/index.js +14 -3
  8. package/components/checkbox/dist/registered.js +14 -3
  9. package/components/combobox/demo/api.js +2 -0
  10. package/components/combobox/demo/api.md +117 -3
  11. package/components/combobox/demo/api.min.js +445 -343
  12. package/components/combobox/demo/index.min.js +348 -265
  13. package/components/combobox/dist/auro-combobox.d.ts +18 -0
  14. package/components/combobox/dist/index.js +275 -212
  15. package/components/combobox/dist/registered.js +275 -212
  16. package/components/counter/demo/api.md +29 -1
  17. package/components/counter/demo/api.min.js +264 -240
  18. package/components/counter/demo/index.min.js +264 -240
  19. package/components/counter/dist/auro-counter-group.d.ts +9 -0
  20. package/components/counter/dist/index.js +183 -176
  21. package/components/counter/dist/registered.js +183 -176
  22. package/components/datepicker/demo/api.md +23 -1
  23. package/components/datepicker/demo/api.min.js +420 -447
  24. package/components/datepicker/demo/index.min.js +420 -447
  25. package/components/datepicker/dist/auro-datepicker.d.ts +9 -0
  26. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  27. package/components/datepicker/dist/index.js +241 -279
  28. package/components/datepicker/dist/registered.js +241 -279
  29. package/components/dropdown/demo/api.md +46 -2
  30. package/components/dropdown/demo/api.min.js +148 -16
  31. package/components/dropdown/demo/index.min.js +148 -16
  32. package/components/dropdown/dist/auro-dropdown.d.ts +12 -0
  33. package/components/dropdown/dist/index.js +118 -3
  34. package/components/dropdown/dist/registered.js +118 -3
  35. package/components/input/demo/api.min.js +35 -89
  36. package/components/input/demo/index.min.js +35 -89
  37. package/components/input/dist/buttonVersion.d.ts +1 -1
  38. package/components/input/dist/index.js +35 -89
  39. package/components/input/dist/registered.js +35 -89
  40. package/components/menu/demo/api.min.js +11 -2
  41. package/components/menu/demo/index.min.js +11 -2
  42. package/components/menu/dist/index.js +11 -2
  43. package/components/menu/dist/registered.js +11 -2
  44. package/components/radio/demo/api.min.js +18 -7
  45. package/components/radio/demo/index.min.js +18 -7
  46. package/components/radio/dist/index.js +18 -7
  47. package/components/radio/dist/registered.js +18 -7
  48. package/components/select/demo/api.md +29 -1
  49. package/components/select/demo/api.min.js +269 -150
  50. package/components/select/demo/index.min.js +269 -150
  51. package/components/select/dist/auro-select.d.ts +11 -0
  52. package/components/select/dist/index.js +199 -106
  53. package/components/select/dist/registered.js +199 -106
  54. package/package.json +5 -5
package/components/counter/demo/api.md CHANGED
@@ -55,6 +55,7 @@
55
55
  | [offset](#offset) | `offset` | `number` | "0" | Gap between the trigger element and bib. |
56
56
  | [onDark](#onDark) | `onDark` | `boolean` | false | If declared, counters and dropdown will be rendered with onDark styles. |
57
57
  | [placement](#placement) | `placement` | `string` | "bottom-start" | Position where the bib should appear relative to the trigger.<br />Accepted values:<br />"top" \| "right" \| "bottom" \| "left" \|<br />"bottom-start" \| "top-start" \| "top-end" \|<br />"right-start" \| "right-end" \| "bottom-end" \|<br />"left-start" \| "left-end". |
58
+ | [shift](#shift) | `shift` | `boolean` | "false" | If declared, the dropdown will shift its position to avoid being cut off by the viewport. |
58
59
  | [total](#total) | `total` | `number` | "undefined" | The total value of the counters. |
59
60
  | [validity](#validity) | `validity` | `string` | "undefined" | Reflects the validity state. |
60
61
  | [value](#value) | `value` | `object` | "undefined" | The current individual values of the nested counters. |
@@ -551,12 +552,13 @@ You can also individually set the max or min value for each counter in a group.
551
552
  </auro-accordion>
552
553
 
553
554
  ### Customized bib position
554
- The bib position can be customized with `placement`, `offset`, `flip`, `autoPlacement` attributes.
555
+ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlacement`, and `shift` attributes.
555
556
 
556
557
  - `placement` specifies the preferred position where the bib should appear relative to the trigger.
557
558
  - `offset` sets the distance between the trigger and the bib.
558
559
  - When `autoPlacement` is enabled, smart positioning logic is applied to determine the best placement for the bib. If all sides have sufficient space, the bib will appear in the position specified by `placement`.
559
560
  - Unless `noFlip` is enabled, if there isn't enough space for the preferred `placement`, the bib will automatically flip to an alternative position.
561
+ - `shift` when enabled, adjusts the bib position when it would overflow the viewport boundaries, ensuring it remains visible.
560
562
 
561
563
  <div class="exampleWrapper">
562
564
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/floaterConfig.html) -->
@@ -601,6 +603,19 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
601
603
  <span slot="description">2-17 years</span>
602
604
  </auro-counter>
603
605
  </auro-counter-group>
606
+ <auro-counter-group width="350px" isDropdown offset="20" placement="bottom-start" shift noFlip>
607
+ <div slot="bib.fullscreen.headline">Passengers</div>
608
+ <span slot="label">Label</span>
609
+ <span slot="helpText">bottom-start with 20px offset, noFlip and shift enabled</span>
610
+ <auro-counter>
611
+ Adults
612
+ <span slot="description">18 years or older</span>
613
+ </auro-counter>
614
+ <auro-counter>
615
+ Children
616
+ <span slot="description">2-17 years</span>
617
+ </auro-counter>
618
+ </auro-counter-group>
604
619
  </div>
605
620
  <!-- AURO-GENERATED-CONTENT:END -->
606
621
  </div>
@@ -650,6 +665,19 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
650
665
  <span slot="description">2-17 years</span>
651
666
  </auro-counter>
652
667
  </auro-counter-group>
668
+ <auro-counter-group width="350px" isDropdown offset="20" placement="bottom-start" shift noFlip>
669
+ <div slot="bib.fullscreen.headline">Passengers</div>
670
+ <span slot="label">Label</span>
671
+ <span slot="helpText">bottom-start with 20px offset, noFlip and shift enabled</span>
672
+ <auro-counter>
673
+ Adults
674
+ <span slot="description">18 years or older</span>
675
+ </auro-counter>
676
+ <auro-counter>
677
+ Children
678
+ <span slot="description">2-17 years</span>
679
+ </auro-counter>
680
+ </auro-counter-group>
653
681
  </div>
654
682
  ```
655
683
  <!-- AURO-GENERATED-CONTENT:END -->