@aurodesignsystem/auro-formkit 5.2.3 → 5.3.1

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 (55) hide show
  1. package/CHANGELOG.md +2 -10
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/index.js +44 -88
  4. package/components/bibtemplate/dist/registered.js +44 -88
  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 +350 -282
  12. package/components/combobox/demo/index.min.js +253 -204
  13. package/components/combobox/dist/auro-combobox.d.ts +9 -0
  14. package/components/combobox/dist/index.js +246 -200
  15. package/components/combobox/dist/registered.js +246 -200
  16. package/components/counter/demo/api.md +29 -1
  17. package/components/counter/demo/api.min.js +219 -185
  18. package/components/counter/demo/index.min.js +219 -185
  19. package/components/counter/dist/auro-counter-group.d.ts +9 -0
  20. package/components/counter/dist/index.js +219 -185
  21. package/components/counter/dist/registered.js +219 -185
  22. package/components/datepicker/demo/api.md +23 -1
  23. package/components/datepicker/demo/api.min.js +304 -294
  24. package/components/datepicker/demo/index.md +6 -6
  25. package/components/datepicker/demo/index.min.js +304 -294
  26. package/components/datepicker/dist/auro-datepicker.d.ts +9 -0
  27. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  28. package/components/datepicker/dist/index.js +304 -294
  29. package/components/datepicker/dist/registered.js +304 -294
  30. package/components/dropdown/demo/api.md +46 -2
  31. package/components/dropdown/demo/api.min.js +101 -1
  32. package/components/dropdown/demo/index.min.js +101 -1
  33. package/components/dropdown/dist/auro-dropdown.d.ts +10 -0
  34. package/components/dropdown/dist/index.js +101 -1
  35. package/components/dropdown/dist/registered.js +101 -1
  36. package/components/input/demo/api.min.js +62 -95
  37. package/components/input/demo/index.min.js +62 -95
  38. package/components/input/dist/buttonVersion.d.ts +1 -1
  39. package/components/input/dist/index.js +62 -95
  40. package/components/input/dist/registered.js +62 -95
  41. package/components/menu/demo/api.min.js +3 -0
  42. package/components/menu/demo/index.min.js +3 -0
  43. package/components/menu/dist/index.js +3 -0
  44. package/components/menu/dist/registered.js +3 -0
  45. package/components/radio/demo/api.min.js +14 -3
  46. package/components/radio/demo/index.min.js +14 -3
  47. package/components/radio/dist/index.js +14 -3
  48. package/components/radio/dist/registered.js +14 -3
  49. package/components/select/demo/api.md +29 -1
  50. package/components/select/demo/api.min.js +188 -107
  51. package/components/select/demo/index.min.js +188 -107
  52. package/components/select/dist/auro-select.d.ts +9 -0
  53. package/components/select/dist/index.js +181 -103
  54. package/components/select/dist/registered.js +181 -103
  55. 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 -->