@aurodesignsystem/auro-formkit 5.10.0 → 5.11.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 (77) hide show
  1. package/CHANGELOG.md +55 -15
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +6 -0
  3. package/components/bibtemplate/dist/index.js +12 -0
  4. package/components/bibtemplate/dist/registered.js +12 -0
  5. package/components/checkbox/demo/api.min.js +3 -3
  6. package/components/checkbox/demo/index.min.js +3 -3
  7. package/components/checkbox/dist/index.js +3 -3
  8. package/components/checkbox/dist/registered.js +3 -3
  9. package/components/combobox/demo/api.min.js +1140 -305
  10. package/components/combobox/demo/index.min.js +1140 -305
  11. package/components/combobox/dist/auro-combobox.d.ts +24 -1
  12. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +6 -0
  13. package/components/combobox/dist/index.js +1082 -264
  14. package/components/combobox/dist/registered.js +1082 -264
  15. package/components/counter/demo/api.min.js +583 -172
  16. package/components/counter/demo/index.min.js +583 -172
  17. package/components/counter/dist/auro-counter.d.ts +8 -0
  18. package/components/counter/dist/buttonVersion.d.ts +1 -1
  19. package/components/counter/dist/iconVersion.d.ts +1 -1
  20. package/components/counter/dist/index.js +583 -172
  21. package/components/counter/dist/registered.js +583 -172
  22. package/components/datepicker/demo/api.md +108 -85
  23. package/components/datepicker/demo/api.min.js +872 -257
  24. package/components/datepicker/demo/index.md +18 -12
  25. package/components/datepicker/demo/index.min.js +872 -257
  26. package/components/datepicker/dist/auro-calendar.d.ts +6 -0
  27. package/components/datepicker/dist/auro-datepicker.d.ts +11 -1
  28. package/components/datepicker/dist/index.js +819 -208
  29. package/components/datepicker/dist/registered.js +819 -208
  30. package/components/dropdown/demo/api.md +15 -17
  31. package/components/dropdown/demo/api.min.js +537 -183
  32. package/components/dropdown/demo/index.min.js +537 -183
  33. package/components/dropdown/dist/auro-dropdown.d.ts +27 -1
  34. package/components/dropdown/dist/auro-dropdownBib.d.ts +87 -0
  35. package/components/dropdown/dist/index.js +514 -160
  36. package/components/dropdown/dist/keyboardUtils.d.ts +18 -0
  37. package/components/dropdown/dist/registered.js +514 -160
  38. package/components/form/README.md +47 -2
  39. package/components/form/demo/api.js +2 -0
  40. package/components/form/demo/api.md +303 -30
  41. package/components/form/demo/api.min.js +69256 -62
  42. package/components/form/demo/index.html +0 -1
  43. package/components/form/demo/index.js +1 -0
  44. package/components/form/demo/index.md +1 -275
  45. package/components/form/demo/index.min.js +69255 -62
  46. package/components/form/demo/readme.md +47 -2
  47. package/components/form/demo/working.html +123 -32
  48. package/components/form/dist/auro-form.d.ts +98 -61
  49. package/components/form/dist/index.js +135 -51
  50. package/components/form/dist/registered.js +135 -51
  51. package/components/input/demo/api.md +1 -0
  52. package/components/input/demo/api.min.js +78 -24
  53. package/components/input/demo/index.min.js +78 -24
  54. package/components/input/dist/base-input.d.ts +34 -0
  55. package/components/input/dist/index.js +78 -24
  56. package/components/input/dist/registered.js +78 -24
  57. package/components/menu/demo/api.md +4 -10
  58. package/components/menu/demo/api.min.js +18 -5
  59. package/components/menu/demo/index.min.js +18 -5
  60. package/components/menu/dist/auro-menuoption.d.ts +0 -8
  61. package/components/menu/dist/iconVersion.d.ts +1 -1
  62. package/components/menu/dist/index.js +18 -5
  63. package/components/menu/dist/registered.js +18 -5
  64. package/components/radio/demo/api.min.js +3 -3
  65. package/components/radio/demo/index.min.js +3 -3
  66. package/components/radio/dist/index.js +3 -3
  67. package/components/radio/dist/registered.js +3 -3
  68. package/components/select/demo/api.js +2 -0
  69. package/components/select/demo/api.md +333 -78
  70. package/components/select/demo/api.min.js +945 -282
  71. package/components/select/demo/index.min.js +933 -282
  72. package/components/select/dist/auro-select.d.ts +26 -0
  73. package/components/select/dist/index.js +881 -247
  74. package/components/select/dist/registered.js +881 -247
  75. package/components/select/dist/selectKeyboardStrategy.d.ts +8 -0
  76. package/custom-elements.json +596 -89
  77. package/package.json +7 -5
@@ -19,7 +19,7 @@ export class AuroCombobox extends AuroElement {
19
19
  static get properties(): {
20
20
  /**
21
21
  * Defines whether the component will be on lighter or darker backgrounds.
22
- * @property {'default' | 'inverse'}
22
+ * @property {'default' | 'inverse'} appearance - The visual appearance of the component.
23
23
  * @default 'default'
24
24
  */
25
25
  appearance: {
@@ -301,6 +301,17 @@ export class AuroCombobox extends AuroElement {
301
301
  reflect: boolean;
302
302
  attribute: boolean;
303
303
  };
304
+ /**
305
+ * Deferred aria-expanded state for the trigger input.
306
+ * Delays the "true" transition so VoiceOver finishes its character echo
307
+ * before announcing "expanded".
308
+ * @private
309
+ */
310
+ triggerExpandedState: {
311
+ type: BooleanConstructor;
312
+ reflect: boolean;
313
+ attribute: boolean;
314
+ };
304
315
  };
305
316
  static get styles(): import("lit").CSSResult[];
306
317
  /**
@@ -347,6 +358,9 @@ export class AuroCombobox extends AuroElement {
347
358
  availableOptions: any[] | any[];
348
359
  dropdownId: any;
349
360
  dropdownOpen: any;
361
+ triggerExpandedState: boolean;
362
+ _expandedTimeout: NodeJS.Timeout;
363
+ _inFullscreenTransition: boolean;
350
364
  errorMessage: any;
351
365
  isHiddenWhileLoading: boolean;
352
366
  largeFullscreenHeadline: boolean;
@@ -423,6 +437,14 @@ export class AuroCombobox extends AuroElement {
423
437
  * @private
424
438
  */
425
439
  private setClearBtnFocus;
440
+ /**
441
+ * Suppresses or restores dialog semantics on the bib's dialog element.
442
+ * On desktop (non-fullscreen), VoiceOver verbosely announces "listbox inside
443
+ * of a dialog" which disrupts combobox usage. Setting role="presentation"
444
+ * suppresses this. In fullscreen mode, dialog semantics are restored.
445
+ * @private
446
+ */
447
+ private updateBibDialogRole;
426
448
  /**
427
449
  * Update menu to default for fullscreen bib, otherwise to this.size and this.shape.
428
450
  * @private
@@ -464,6 +486,7 @@ export class AuroCombobox extends AuroElement {
464
486
  * @returns {void}
465
487
  */
466
488
  private handleInputValueChange;
489
+ _syncingBibValue: boolean;
467
490
  /**
468
491
  * Binds all behavior needed to the combobox after rendering.
469
492
  * @private
@@ -0,0 +1,6 @@
1
+ export namespace comboboxKeyboardStrategy {
2
+ function Enter(component: any, evt: any): Promise<void>;
3
+ function Tab(component: any): void;
4
+ function ArrowUp(component: any, evt: any): void;
5
+ function ArrowDown(component: any, evt: any): void;
6
+ }