@aurodesignsystem/auro-formkit 5.2.3 → 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 -10
  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 +115 -1
  11. package/components/combobox/demo/api.min.js +296 -270
  12. package/components/combobox/demo/index.min.js +199 -192
  13. package/components/combobox/dist/auro-combobox.d.ts +9 -0
  14. package/components/combobox/dist/index.js +192 -188
  15. package/components/combobox/dist/registered.js +192 -188
  16. package/components/counter/demo/api.md +29 -1
  17. package/components/counter/demo/api.min.js +165 -173
  18. package/components/counter/demo/index.min.js +165 -173
  19. package/components/counter/dist/auro-counter-group.d.ts +9 -0
  20. package/components/counter/dist/index.js +165 -173
  21. package/components/counter/dist/registered.js +165 -173
  22. package/components/datepicker/demo/api.md +23 -1
  23. package/components/datepicker/demo/api.min.js +223 -276
  24. package/components/datepicker/demo/index.min.js +223 -276
  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 +223 -276
  28. package/components/datepicker/dist/registered.js +223 -276
  29. package/components/dropdown/demo/api.md +46 -2
  30. package/components/dropdown/demo/api.min.js +100 -0
  31. package/components/dropdown/demo/index.min.js +100 -0
  32. package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
  33. package/components/dropdown/dist/index.js +100 -0
  34. package/components/dropdown/dist/registered.js +100 -0
  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 +3 -0
  41. package/components/menu/demo/index.min.js +3 -0
  42. package/components/menu/dist/index.js +3 -0
  43. package/components/menu/dist/registered.js +3 -0
  44. package/components/radio/demo/api.min.js +14 -3
  45. package/components/radio/demo/index.min.js +14 -3
  46. package/components/radio/dist/index.js +14 -3
  47. package/components/radio/dist/registered.js +14 -3
  48. package/components/select/demo/api.md +29 -1
  49. package/components/select/demo/api.min.js +160 -100
  50. package/components/select/demo/index.min.js +160 -100
  51. package/components/select/dist/auro-select.d.ts +9 -0
  52. package/components/select/dist/index.js +153 -96
  53. package/components/select/dist/registered.js +153 -96
  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 -->