@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.11 → 0.0.0-pr1514.2

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 (53) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/customize.min.js +1 -1
  4. package/components/checkbox/demo/getting-started.min.js +1 -1
  5. package/components/checkbox/demo/index.min.js +1 -1
  6. package/components/checkbox/dist/index.js +1 -1
  7. package/components/checkbox/dist/registered.js +1 -1
  8. package/components/combobox/demo/customize.min.js +97 -121
  9. package/components/combobox/demo/getting-started.min.js +97 -121
  10. package/components/combobox/demo/index.min.js +97 -121
  11. package/components/combobox/dist/index.js +96 -120
  12. package/components/combobox/dist/registered.js +96 -120
  13. package/components/counter/demo/customize.min.js +3 -11
  14. package/components/counter/demo/index.min.js +3 -11
  15. package/components/counter/dist/index.js +3 -11
  16. package/components/counter/dist/registered.js +3 -11
  17. package/components/datepicker/demo/customize.min.js +137 -249
  18. package/components/datepicker/demo/index.min.js +137 -249
  19. package/components/datepicker/dist/auro-calendar.d.ts +7 -26
  20. package/components/datepicker/dist/index.js +137 -249
  21. package/components/datepicker/dist/registered.js +137 -249
  22. package/components/dropdown/demo/customize.min.js +1 -2
  23. package/components/dropdown/demo/getting-started.min.js +1 -2
  24. package/components/dropdown/demo/index.min.js +1 -2
  25. package/components/dropdown/dist/index.js +1 -2
  26. package/components/dropdown/dist/registered.js +1 -2
  27. package/components/form/demo/customize.min.js +396 -687
  28. package/components/form/demo/getting-started.min.js +396 -687
  29. package/components/form/demo/index.min.js +396 -687
  30. package/components/form/demo/registerDemoDeps.min.js +396 -687
  31. package/components/input/demo/api.md +5 -5
  32. package/components/input/demo/customize.md +8 -8
  33. package/components/input/demo/customize.min.js +93 -116
  34. package/components/input/demo/getting-started.min.js +93 -116
  35. package/components/input/demo/index.min.js +93 -116
  36. package/components/input/dist/base-input.d.ts +44 -33
  37. package/components/input/dist/index.js +94 -129
  38. package/components/input/dist/registered.js +93 -116
  39. package/components/radio/demo/customize.min.js +1 -1
  40. package/components/radio/demo/getting-started.min.js +1 -1
  41. package/components/radio/demo/index.min.js +1 -1
  42. package/components/radio/dist/index.js +1 -1
  43. package/components/radio/dist/registered.js +1 -1
  44. package/components/select/demo/customize.md +0 -86
  45. package/components/select/demo/customize.min.js +63 -187
  46. package/components/select/demo/getting-started.min.js +110 -189
  47. package/components/select/demo/index.min.js +63 -187
  48. package/components/select/demo/keyboard-behavior.md +4 -18
  49. package/components/select/dist/auro-select.d.ts +8 -20
  50. package/components/select/dist/index.js +63 -187
  51. package/components/select/dist/registered.js +63 -187
  52. package/custom-elements.json +276 -482
  53. package/package.json +1 -1
@@ -5764,7 +5764,7 @@
5764
5764
  {
5765
5765
  "kind": "method",
5766
5766
  "name": "scrollToActiveCell",
5767
- "description": "Scrolls the calendar so the active cell is visible.\n\nWalks the flat tree (rendered, slot-aware) outward from the active\ncell's button and calls `scrollBy` on every vertically-scrollable\nancestor by whatever delta still separates the cell from that\nancestor's viewport. Native `scrollIntoView` is not used because the\ncell sits inside multiple nested scroll containers (the dropdown bib's\n`<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only\nscrolls one of them on its own, leaving the cell short of the\nviewport in mobile fullscreen.\n\nUses `behavior: 'auto'` (the spec's universally-supported non-animated\nvalue) so each `scrollBy` resolves synchronously and the next\niteration's `getBoundingClientRect` reads post-scroll positions\naccurately. This also satisfies `prefers-reduced-motion` users — the\nscroll containers do not set CSS `scroll-behavior: smooth`, so `auto`\nis effectively instant.\n\nThe active cell is looked up from the cache populated by\n`setActiveCell`. On a cache miss (stale or absent) the cache is\nrefreshed from a single full scan so subsequent calls stay on the\nfast path.",
5767
+ "description": "Scrolls the calendar to ensure the active cell is visible.\nTargets the cell itself (not its month) so that same-month vertical\nnavigation in mobile fullscreen where a single month can exceed the\nviewport height scrolls to the target row. `block: 'nearest'` is a\nno-op when the cell is already in view, preserving desktop behavior.",
5768
5768
  "privacy": "private",
5769
5769
  "return": {
5770
5770
  "type": {
@@ -5989,7 +5989,7 @@
5989
5989
  "type": {
5990
5990
  "text": "null"
5991
5991
  },
5992
- "description": "Cached reference to the active cell host. Set by setActiveCell and\nrefreshed by scrollToActiveCell when its cache check misses (stale\nor missing). Lets scrollToActiveCell skip a full cell scan on each\narrow key.",
5992
+ "description": "Cached reference to the active cell host, set by setActiveCell.\nLets scrollToActiveCell skip a full cell scan on each arrow key.",
5993
5993
  "privacy": "private",
5994
5994
  "default": "null"
5995
5995
  },
@@ -12067,6 +12067,21 @@
12067
12067
  "module": "components/input/src/base-input.js"
12068
12068
  }
12069
12069
  },
12070
+ {
12071
+ "kind": "method",
12072
+ "name": "_initializePrivateDefaults",
12073
+ "description": "Internal Defaults.",
12074
+ "privacy": "private",
12075
+ "return": {
12076
+ "type": {
12077
+ "text": "void"
12078
+ }
12079
+ },
12080
+ "inheritedFrom": {
12081
+ "name": "BaseInput",
12082
+ "module": "components/input/src/base-input.js"
12083
+ }
12084
+ },
12070
12085
  {
12071
12086
  "kind": "field",
12072
12087
  "name": "valueObject",
@@ -12580,35 +12595,6 @@
12580
12595
  "module": "components/input/src/base-input.js"
12581
12596
  }
12582
12597
  },
12583
- {
12584
- "kind": "field",
12585
- "name": "activeLabel",
12586
- "privacy": "public",
12587
- "type": {
12588
- "text": "boolean"
12589
- },
12590
- "description": "If set, the label will remain fixed in the active position.",
12591
- "default": "false",
12592
- "attribute": "activeLabel",
12593
- "reflects": true,
12594
- "inheritedFrom": {
12595
- "name": "BaseInput",
12596
- "module": "components/input/src/base-input.js"
12597
- }
12598
- },
12599
- {
12600
- "kind": "field",
12601
- "name": "allowedInputTypes",
12602
- "type": {
12603
- "text": "array"
12604
- },
12605
- "privacy": "private",
12606
- "default": "[ \"text\", \"number\", \"email\", \"password\", \"credit-card\", \"tel\" ]",
12607
- "inheritedFrom": {
12608
- "name": "BaseInput",
12609
- "module": "components/input/src/base-input.js"
12610
- }
12611
- },
12612
12598
  {
12613
12599
  "kind": "field",
12614
12600
  "name": "appearance",
@@ -12625,19 +12611,6 @@
12625
12611
  "module": "components/input/src/base-input.js"
12626
12612
  }
12627
12613
  },
12628
- {
12629
- "kind": "field",
12630
- "name": "dateFormatMap",
12631
- "type": {
12632
- "text": "object"
12633
- },
12634
- "privacy": "private",
12635
- "default": "{ 'mm/dd/yyyy': 'dateMMDDYYYY', 'dd/mm/yyyy': 'dateDDMMYYYY', 'yyyy/mm/dd': 'dateYYYYMMDD', 'yyyy/dd/mm': 'dateYYYYDDMM', 'mm/yy': 'dateMMYY', 'yy/mm': 'dateYYMM', 'mm/yyyy': 'dateMMYYYY', 'yyyy/mm': 'dateYYYYMM', 'yy': 'dateYY', 'yyyy': 'dateYYYY', 'mm': 'dateMM', 'dd': 'dateDD', 'dd/mm': 'dateDDMM', 'mm/dd': 'dateMMDD' }",
12636
- "inheritedFrom": {
12637
- "name": "BaseInput",
12638
- "module": "components/input/src/base-input.js"
12639
- }
12640
- },
12641
12614
  {
12642
12615
  "kind": "field",
12643
12616
  "name": "disabled",
@@ -12654,101 +12627,6 @@
12654
12627
  "module": "components/input/src/base-input.js"
12655
12628
  }
12656
12629
  },
12657
- {
12658
- "kind": "field",
12659
- "name": "domHandler",
12660
- "privacy": "private",
12661
- "default": "new DomHandler()",
12662
- "inheritedFrom": {
12663
- "name": "BaseInput",
12664
- "module": "components/input/src/base-input.js"
12665
- }
12666
- },
12667
- {
12668
- "kind": "field",
12669
- "name": "dvInputOnly",
12670
- "privacy": "public",
12671
- "type": {
12672
- "text": "boolean"
12673
- },
12674
- "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
12675
- "default": "false",
12676
- "attribute": "dvInputOnly",
12677
- "reflects": true,
12678
- "inheritedFrom": {
12679
- "name": "BaseInput",
12680
- "module": "components/input/src/base-input.js"
12681
- }
12682
- },
12683
- {
12684
- "kind": "field",
12685
- "name": "hasValue",
12686
- "privacy": "public",
12687
- "type": {
12688
- "text": "boolean"
12689
- },
12690
- "description": "Flag to indicate if the input currently has value.",
12691
- "default": "false",
12692
- "inheritedFrom": {
12693
- "name": "BaseInput",
12694
- "module": "components/input/src/base-input.js"
12695
- }
12696
- },
12697
- {
12698
- "kind": "field",
12699
- "name": "hideLabelVisually",
12700
- "privacy": "private",
12701
- "type": {
12702
- "text": "boolean"
12703
- },
12704
- "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
12705
- "default": "false",
12706
- "attribute": "hideLabelVisually",
12707
- "reflects": true,
12708
- "inheritedFrom": {
12709
- "name": "BaseInput",
12710
- "module": "components/input/src/base-input.js"
12711
- }
12712
- },
12713
- {
12714
- "kind": "field",
12715
- "name": "icon",
12716
- "privacy": "public",
12717
- "type": {
12718
- "text": "boolean"
12719
- },
12720
- "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
12721
- "default": "false",
12722
- "attribute": "icon",
12723
- "reflects": true,
12724
- "inheritedFrom": {
12725
- "name": "BaseInput",
12726
- "module": "components/input/src/base-input.js"
12727
- }
12728
- },
12729
- {
12730
- "kind": "field",
12731
- "name": "inputIconName",
12732
- "privacy": "private",
12733
- "default": "undefined",
12734
- "inheritedFrom": {
12735
- "name": "BaseInput",
12736
- "module": "components/input/src/base-input.js"
12737
- }
12738
- },
12739
- {
12740
- "kind": "field",
12741
- "name": "label",
12742
- "type": {
12743
- "text": "string"
12744
- },
12745
- "privacy": "private",
12746
- "default": "'Input label is undefined'",
12747
- "inheritedFrom": {
12748
- "name": "BaseInput",
12749
- "module": "components/input/src/base-input.js"
12750
- }
12751
- },
12752
12630
  {
12753
12631
  "kind": "field",
12754
12632
  "name": "layout",
@@ -12863,14 +12741,14 @@
12863
12741
  },
12864
12742
  {
12865
12743
  "kind": "field",
12866
- "name": "noValidate",
12744
+ "name": "required",
12867
12745
  "privacy": "public",
12868
12746
  "type": {
12869
12747
  "text": "boolean"
12870
12748
  },
12871
- "description": "If set, disables auto-validation on blur.",
12749
+ "description": "Populates the `required` attribute on the input. Used for client-side validation.",
12872
12750
  "default": "false",
12873
- "attribute": "noValidate",
12751
+ "attribute": "required",
12874
12752
  "reflects": true,
12875
12753
  "inheritedFrom": {
12876
12754
  "name": "BaseInput",
@@ -12893,31 +12771,6 @@
12893
12771
  "module": "components/layoutElement/src/auroElement.js"
12894
12772
  }
12895
12773
  },
12896
- {
12897
- "kind": "field",
12898
- "name": "_rawMaskValue",
12899
- "default": "undefined",
12900
- "inheritedFrom": {
12901
- "name": "BaseInput",
12902
- "module": "components/input/src/base-input.js"
12903
- }
12904
- },
12905
- {
12906
- "kind": "field",
12907
- "name": "required",
12908
- "privacy": "public",
12909
- "type": {
12910
- "text": "boolean"
12911
- },
12912
- "description": "Populates the `required` attribute on the input. Used for client-side validation.",
12913
- "default": "false",
12914
- "attribute": "required",
12915
- "reflects": true,
12916
- "inheritedFrom": {
12917
- "name": "BaseInput",
12918
- "module": "components/input/src/base-input.js"
12919
- }
12920
- },
12921
12774
  {
12922
12775
  "kind": "field",
12923
12776
  "name": "setCustomValidityForType",
@@ -12935,27 +12788,14 @@
12935
12788
  },
12936
12789
  {
12937
12790
  "kind": "field",
12938
- "name": "setSelectionInputTypes",
12939
- "type": {
12940
- "text": "array"
12941
- },
12942
- "privacy": "private",
12943
- "default": "[ \"text\", \"password\", \"email\" ]",
12944
- "inheritedFrom": {
12945
- "name": "BaseInput",
12946
- "module": "components/input/src/base-input.js"
12947
- }
12948
- },
12949
- {
12950
- "kind": "field",
12951
- "name": "shape",
12791
+ "name": "size",
12952
12792
  "privacy": "public",
12953
12793
  "type": {
12954
12794
  "text": "string"
12955
12795
  },
12956
- "attribute": "shape",
12796
+ "attribute": "size",
12957
12797
  "reflects": true,
12958
- "default": "'classic'",
12798
+ "default": "'lg'",
12959
12799
  "inheritedFrom": {
12960
12800
  "name": "AuroElement",
12961
12801
  "module": "components/layoutElement/src/auroElement.js"
@@ -12963,86 +12803,19 @@
12963
12803
  },
12964
12804
  {
12965
12805
  "kind": "field",
12966
- "name": "showPassword",
12967
- "privacy": "private",
12968
- "type": {
12969
- "text": "boolean"
12970
- },
12971
- "default": "false",
12972
- "attribute": "showPassword",
12973
- "inheritedFrom": {
12974
- "name": "BaseInput",
12975
- "module": "components/input/src/base-input.js"
12976
- }
12977
- },
12978
- {
12979
- "kind": "field",
12980
- "name": "size",
12806
+ "name": "shape",
12981
12807
  "privacy": "public",
12982
12808
  "type": {
12983
12809
  "text": "string"
12984
12810
  },
12985
- "attribute": "size",
12811
+ "attribute": "shape",
12986
12812
  "reflects": true,
12987
- "default": "'lg'",
12813
+ "default": "'classic'",
12988
12814
  "inheritedFrom": {
12989
12815
  "name": "AuroElement",
12990
12816
  "module": "components/layoutElement/src/auroElement.js"
12991
12817
  }
12992
12818
  },
12993
- {
12994
- "kind": "field",
12995
- "name": "touched",
12996
- "privacy": "private",
12997
- "type": {
12998
- "text": "boolean"
12999
- },
13000
- "description": "Indicates whether the input is in a dirty state (has been interacted with).",
13001
- "default": "false",
13002
- "inheritedFrom": {
13003
- "name": "BaseInput",
13004
- "module": "components/input/src/base-input.js"
13005
- }
13006
- },
13007
- {
13008
- "kind": "field",
13009
- "name": "uniqueId",
13010
- "privacy": "private",
13011
- "inheritedFrom": {
13012
- "name": "BaseInput",
13013
- "module": "components/input/src/base-input.js"
13014
- }
13015
- },
13016
- {
13017
- "kind": "field",
13018
- "name": "util",
13019
- "privacy": "private",
13020
- "default": "new AuroInputUtilities({ locale: this.locale, format: this.format })",
13021
- "inheritedFrom": {
13022
- "name": "BaseInput",
13023
- "module": "components/input/src/base-input.js"
13024
- }
13025
- },
13026
- {
13027
- "kind": "field",
13028
- "name": "validation",
13029
- "privacy": "private",
13030
- "default": "new AuroFormValidation()",
13031
- "inheritedFrom": {
13032
- "name": "BaseInput",
13033
- "module": "components/input/src/base-input.js"
13034
- }
13035
- },
13036
- {
13037
- "kind": "field",
13038
- "name": "validationCCLength",
13039
- "privacy": "private",
13040
- "default": "undefined",
13041
- "inheritedFrom": {
13042
- "name": "BaseInput",
13043
- "module": "components/input/src/base-input.js"
13044
- }
13045
- },
13046
12819
  {
13047
12820
  "kind": "field",
13048
12821
  "name": "value",
@@ -13127,6 +12900,21 @@
13127
12900
  "module": "components/input/src/base-input.js"
13128
12901
  }
13129
12902
  },
12903
+ {
12904
+ "kind": "field",
12905
+ "name": "activeLabel",
12906
+ "privacy": "public",
12907
+ "type": {
12908
+ "text": "boolean"
12909
+ },
12910
+ "description": "If set, the label will remain fixed in the active position.",
12911
+ "attribute": "activeLabel",
12912
+ "reflects": true,
12913
+ "inheritedFrom": {
12914
+ "name": "BaseInput",
12915
+ "module": "components/input/src/base-input.js"
12916
+ }
12917
+ },
13130
12918
  {
13131
12919
  "kind": "field",
13132
12920
  "name": "autocapitalize",
@@ -13186,6 +12974,21 @@
13186
12974
  "module": "components/input/src/base-input.js"
13187
12975
  }
13188
12976
  },
12977
+ {
12978
+ "kind": "field",
12979
+ "name": "dvInputOnly",
12980
+ "privacy": "public",
12981
+ "type": {
12982
+ "text": "boolean"
12983
+ },
12984
+ "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
12985
+ "attribute": "dvInputOnly",
12986
+ "reflects": true,
12987
+ "inheritedFrom": {
12988
+ "name": "BaseInput",
12989
+ "module": "components/input/src/base-input.js"
12990
+ }
12991
+ },
13189
12992
  {
13190
12993
  "kind": "field",
13191
12994
  "name": "error",
@@ -13243,6 +13046,49 @@
13243
13046
  "module": "components/input/src/base-input.js"
13244
13047
  }
13245
13048
  },
13049
+ {
13050
+ "kind": "field",
13051
+ "name": "hasValue",
13052
+ "privacy": "public",
13053
+ "type": {
13054
+ "text": "boolean"
13055
+ },
13056
+ "description": "Flag to indicate if the input currently has value.",
13057
+ "inheritedFrom": {
13058
+ "name": "BaseInput",
13059
+ "module": "components/input/src/base-input.js"
13060
+ }
13061
+ },
13062
+ {
13063
+ "kind": "field",
13064
+ "name": "hideLabelVisually",
13065
+ "privacy": "private",
13066
+ "type": {
13067
+ "text": "boolean"
13068
+ },
13069
+ "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
13070
+ "attribute": "hideLabelVisually",
13071
+ "reflects": true,
13072
+ "inheritedFrom": {
13073
+ "name": "BaseInput",
13074
+ "module": "components/input/src/base-input.js"
13075
+ }
13076
+ },
13077
+ {
13078
+ "kind": "field",
13079
+ "name": "icon",
13080
+ "privacy": "public",
13081
+ "type": {
13082
+ "text": "boolean"
13083
+ },
13084
+ "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
13085
+ "attribute": "icon",
13086
+ "reflects": true,
13087
+ "inheritedFrom": {
13088
+ "name": "BaseInput",
13089
+ "module": "components/input/src/base-input.js"
13090
+ }
13091
+ },
13246
13092
  {
13247
13093
  "kind": "field",
13248
13094
  "name": "id",
@@ -13331,6 +13177,21 @@
13331
13177
  "module": "components/input/src/base-input.js"
13332
13178
  }
13333
13179
  },
13180
+ {
13181
+ "kind": "field",
13182
+ "name": "noValidate",
13183
+ "privacy": "public",
13184
+ "type": {
13185
+ "text": "boolean"
13186
+ },
13187
+ "description": "If set, disables auto-validation on blur.",
13188
+ "attribute": "noValidate",
13189
+ "reflects": true,
13190
+ "inheritedFrom": {
13191
+ "name": "BaseInput",
13192
+ "module": "components/input/src/base-input.js"
13193
+ }
13194
+ },
13334
13195
  {
13335
13196
  "kind": "field",
13336
13197
  "name": "pattern",
@@ -13488,6 +13349,16 @@
13488
13349
  "module": "components/input/src/base-input.js"
13489
13350
  }
13490
13351
  },
13352
+ {
13353
+ "kind": "field",
13354
+ "name": "showPassword",
13355
+ "privacy": "public",
13356
+ "attribute": "showPassword",
13357
+ "inheritedFrom": {
13358
+ "name": "BaseInput",
13359
+ "module": "components/input/src/base-input.js"
13360
+ }
13361
+ },
13491
13362
  {
13492
13363
  "kind": "field",
13493
13364
  "name": "simple",
@@ -13518,6 +13389,19 @@
13518
13389
  "module": "components/input/src/base-input.js"
13519
13390
  }
13520
13391
  },
13392
+ {
13393
+ "kind": "field",
13394
+ "name": "touched",
13395
+ "privacy": "private",
13396
+ "type": {
13397
+ "text": "boolean"
13398
+ },
13399
+ "description": "Indicates whether the input is in a dirty state (has been interacted with).",
13400
+ "inheritedFrom": {
13401
+ "name": "BaseInput",
13402
+ "module": "components/input/src/base-input.js"
13403
+ }
13404
+ },
13521
13405
  {
13522
13406
  "kind": "field",
13523
13407
  "name": "type",
@@ -13665,7 +13549,6 @@
13665
13549
  "text": "boolean"
13666
13550
  },
13667
13551
  "description": "If set, the label will remain fixed in the active position.",
13668
- "default": "false",
13669
13552
  "fieldName": "activeLabel",
13670
13553
  "inheritedFrom": {
13671
13554
  "name": "BaseInput",
@@ -13752,7 +13635,6 @@
13752
13635
  "text": "boolean"
13753
13636
  },
13754
13637
  "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
13755
- "default": "false",
13756
13638
  "fieldName": "dvInputOnly",
13757
13639
  "inheritedFrom": {
13758
13640
  "name": "BaseInput",
@@ -13801,7 +13683,6 @@
13801
13683
  "text": "boolean"
13802
13684
  },
13803
13685
  "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
13804
- "default": "false",
13805
13686
  "fieldName": "hideLabelVisually",
13806
13687
  "inheritedFrom": {
13807
13688
  "name": "BaseInput",
@@ -13814,7 +13695,6 @@
13814
13695
  "text": "boolean"
13815
13696
  },
13816
13697
  "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
13817
- "default": "false",
13818
13698
  "fieldName": "icon",
13819
13699
  "inheritedFrom": {
13820
13700
  "name": "BaseInput",
@@ -13952,7 +13832,6 @@
13952
13832
  "text": "boolean"
13953
13833
  },
13954
13834
  "description": "If set, disables auto-validation on blur.",
13955
- "default": "false",
13956
13835
  "fieldName": "noValidate",
13957
13836
  "inheritedFrom": {
13958
13837
  "name": "BaseInput",
@@ -14132,10 +14011,6 @@
14132
14011
  },
14133
14012
  {
14134
14013
  "name": "showPassword",
14135
- "type": {
14136
- "text": "boolean"
14137
- },
14138
- "default": "false",
14139
14014
  "fieldName": "showPassword",
14140
14015
  "inheritedFrom": {
14141
14016
  "name": "BaseInput",
@@ -14319,6 +14194,17 @@
14319
14194
  "static": true,
14320
14195
  "readonly": true
14321
14196
  },
14197
+ {
14198
+ "kind": "method",
14199
+ "name": "_initializePrivateDefaults",
14200
+ "description": "Internal Defaults.",
14201
+ "privacy": "private",
14202
+ "return": {
14203
+ "type": {
14204
+ "text": "void"
14205
+ }
14206
+ }
14207
+ },
14322
14208
  {
14323
14209
  "kind": "field",
14324
14210
  "name": "valueObject",
@@ -14702,145 +14588,48 @@
14702
14588
  "name": "processCreditCard",
14703
14589
  "description": "Function to support credit-card feature type.",
14704
14590
  "privacy": "private",
14705
- "return": {
14706
- "type": {
14707
- "text": "void"
14708
- }
14709
- }
14710
- },
14711
- {
14712
- "kind": "method",
14713
- "name": "matchInputValueToCreditCard",
14714
- "description": "Function to support credit-card feature type.",
14715
- "privacy": "private",
14716
- "deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
14717
- "return": {
14718
- "type": {
14719
- "text": "object"
14720
- }
14721
- }
14722
- },
14723
- {
14724
- "kind": "field",
14725
- "name": "activeLabel",
14726
- "privacy": "public",
14727
- "type": {
14728
- "text": "boolean"
14729
- },
14730
- "description": "If set, the label will remain fixed in the active position.",
14731
- "default": "false",
14732
- "attribute": "activeLabel",
14733
- "reflects": true
14734
- },
14735
- {
14736
- "kind": "field",
14737
- "name": "allowedInputTypes",
14738
- "type": {
14739
- "text": "array"
14740
- },
14741
- "privacy": "private",
14742
- "default": "[ \"text\", \"number\", \"email\", \"password\", \"credit-card\", \"tel\" ]"
14743
- },
14744
- {
14745
- "kind": "field",
14746
- "name": "appearance",
14747
- "privacy": "public",
14748
- "type": {
14749
- "text": "string"
14750
- },
14751
- "description": "Defines whether the component will be on lighter or darker backgrounds.",
14752
- "default": "\"default\"",
14753
- "attribute": "appearance",
14754
- "reflects": true
14755
- },
14756
- {
14757
- "kind": "field",
14758
- "name": "dateFormatMap",
14759
- "type": {
14760
- "text": "object"
14761
- },
14762
- "privacy": "private",
14763
- "default": "{ 'mm/dd/yyyy': 'dateMMDDYYYY', 'dd/mm/yyyy': 'dateDDMMYYYY', 'yyyy/mm/dd': 'dateYYYYMMDD', 'yyyy/dd/mm': 'dateYYYYDDMM', 'mm/yy': 'dateMMYY', 'yy/mm': 'dateYYMM', 'mm/yyyy': 'dateMMYYYY', 'yyyy/mm': 'dateYYYYMM', 'yy': 'dateYY', 'yyyy': 'dateYYYY', 'mm': 'dateMM', 'dd': 'dateDD', 'dd/mm': 'dateDDMM', 'mm/dd': 'dateMMDD' }"
14764
- },
14765
- {
14766
- "kind": "field",
14767
- "name": "disabled",
14768
- "privacy": "public",
14769
- "type": {
14770
- "text": "boolean"
14771
- },
14772
- "description": "If set, disables the input.",
14773
- "default": "false",
14774
- "attribute": "disabled",
14775
- "reflects": true
14776
- },
14777
- {
14778
- "kind": "field",
14779
- "name": "domHandler",
14780
- "privacy": "private",
14781
- "default": "new DomHandler()"
14591
+ "return": {
14592
+ "type": {
14593
+ "text": "void"
14594
+ }
14595
+ }
14782
14596
  },
14783
14597
  {
14784
- "kind": "field",
14785
- "name": "dvInputOnly",
14786
- "privacy": "public",
14787
- "type": {
14788
- "text": "boolean"
14789
- },
14790
- "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
14791
- "default": "false",
14792
- "attribute": "dvInputOnly",
14793
- "reflects": true
14598
+ "kind": "method",
14599
+ "name": "matchInputValueToCreditCard",
14600
+ "description": "Function to support credit-card feature type.",
14601
+ "privacy": "private",
14602
+ "deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
14603
+ "return": {
14604
+ "type": {
14605
+ "text": "object"
14606
+ }
14607
+ }
14794
14608
  },
14795
14609
  {
14796
14610
  "kind": "field",
14797
- "name": "hasValue",
14611
+ "name": "appearance",
14798
14612
  "privacy": "public",
14799
14613
  "type": {
14800
- "text": "boolean"
14801
- },
14802
- "description": "Flag to indicate if the input currently has value.",
14803
- "default": "false"
14804
- },
14805
- {
14806
- "kind": "field",
14807
- "name": "hideLabelVisually",
14808
- "privacy": "private",
14809
- "type": {
14810
- "text": "boolean"
14614
+ "text": "string"
14811
14615
  },
14812
- "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
14813
- "default": "false",
14814
- "attribute": "hideLabelVisually",
14616
+ "description": "Defines whether the component will be on lighter or darker backgrounds.",
14617
+ "default": "\"default\"",
14618
+ "attribute": "appearance",
14815
14619
  "reflects": true
14816
14620
  },
14817
14621
  {
14818
14622
  "kind": "field",
14819
- "name": "icon",
14623
+ "name": "disabled",
14820
14624
  "privacy": "public",
14821
14625
  "type": {
14822
14626
  "text": "boolean"
14823
14627
  },
14824
- "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
14628
+ "description": "If set, disables the input.",
14825
14629
  "default": "false",
14826
- "attribute": "icon",
14630
+ "attribute": "disabled",
14827
14631
  "reflects": true
14828
14632
  },
14829
- {
14830
- "kind": "field",
14831
- "name": "inputIconName",
14832
- "privacy": "private",
14833
- "default": "undefined"
14834
- },
14835
- {
14836
- "kind": "field",
14837
- "name": "label",
14838
- "type": {
14839
- "text": "string"
14840
- },
14841
- "privacy": "private",
14842
- "default": "'Input label is undefined'"
14843
- },
14844
14633
  {
14845
14634
  "kind": "field",
14846
14635
  "name": "layout",
@@ -14927,14 +14716,14 @@
14927
14716
  },
14928
14717
  {
14929
14718
  "kind": "field",
14930
- "name": "noValidate",
14719
+ "name": "required",
14931
14720
  "privacy": "public",
14932
14721
  "type": {
14933
14722
  "text": "boolean"
14934
14723
  },
14935
- "description": "If set, disables auto-validation on blur.",
14724
+ "description": "Populates the `required` attribute on the input. Used for client-side validation.",
14936
14725
  "default": "false",
14937
- "attribute": "noValidate",
14726
+ "attribute": "required",
14938
14727
  "reflects": true
14939
14728
  },
14940
14729
  {
@@ -14953,23 +14742,6 @@
14953
14742
  "module": "components/layoutElement/src/auroElement.js"
14954
14743
  }
14955
14744
  },
14956
- {
14957
- "kind": "field",
14958
- "name": "_rawMaskValue",
14959
- "default": "undefined"
14960
- },
14961
- {
14962
- "kind": "field",
14963
- "name": "required",
14964
- "privacy": "public",
14965
- "type": {
14966
- "text": "boolean"
14967
- },
14968
- "description": "Populates the `required` attribute on the input. Used for client-side validation.",
14969
- "default": "false",
14970
- "attribute": "required",
14971
- "reflects": true
14972
- },
14973
14745
  {
14974
14746
  "kind": "field",
14975
14747
  "name": "setCustomValidityForType",
@@ -14983,23 +14755,14 @@
14983
14755
  },
14984
14756
  {
14985
14757
  "kind": "field",
14986
- "name": "setSelectionInputTypes",
14987
- "type": {
14988
- "text": "array"
14989
- },
14990
- "privacy": "private",
14991
- "default": "[ \"text\", \"password\", \"email\" ]"
14992
- },
14993
- {
14994
- "kind": "field",
14995
- "name": "shape",
14758
+ "name": "size",
14996
14759
  "privacy": "public",
14997
14760
  "type": {
14998
14761
  "text": "string"
14999
14762
  },
15000
- "attribute": "shape",
14763
+ "attribute": "size",
15001
14764
  "reflects": true,
15002
- "default": "'classic'",
14765
+ "default": "'lg'",
15003
14766
  "inheritedFrom": {
15004
14767
  "name": "AuroElement",
15005
14768
  "module": "components/layoutElement/src/auroElement.js"
@@ -15007,62 +14770,19 @@
15007
14770
  },
15008
14771
  {
15009
14772
  "kind": "field",
15010
- "name": "showPassword",
15011
- "privacy": "private",
15012
- "type": {
15013
- "text": "boolean"
15014
- },
15015
- "default": "false",
15016
- "attribute": "showPassword"
15017
- },
15018
- {
15019
- "kind": "field",
15020
- "name": "size",
14773
+ "name": "shape",
15021
14774
  "privacy": "public",
15022
14775
  "type": {
15023
14776
  "text": "string"
15024
14777
  },
15025
- "attribute": "size",
14778
+ "attribute": "shape",
15026
14779
  "reflects": true,
15027
- "default": "'lg'",
14780
+ "default": "'classic'",
15028
14781
  "inheritedFrom": {
15029
14782
  "name": "AuroElement",
15030
14783
  "module": "components/layoutElement/src/auroElement.js"
15031
14784
  }
15032
14785
  },
15033
- {
15034
- "kind": "field",
15035
- "name": "touched",
15036
- "privacy": "private",
15037
- "type": {
15038
- "text": "boolean"
15039
- },
15040
- "description": "Indicates whether the input is in a dirty state (has been interacted with).",
15041
- "default": "false"
15042
- },
15043
- {
15044
- "kind": "field",
15045
- "name": "uniqueId",
15046
- "privacy": "private"
15047
- },
15048
- {
15049
- "kind": "field",
15050
- "name": "util",
15051
- "privacy": "private",
15052
- "default": "new AuroInputUtilities({ locale: this.locale, format: this.format })"
15053
- },
15054
- {
15055
- "kind": "field",
15056
- "name": "validation",
15057
- "privacy": "private",
15058
- "default": "new AuroFormValidation()"
15059
- },
15060
- {
15061
- "kind": "field",
15062
- "name": "validationCCLength",
15063
- "privacy": "private",
15064
- "default": "undefined"
15065
- },
15066
14786
  {
15067
14787
  "kind": "field",
15068
14788
  "name": "value",
@@ -15123,6 +14843,17 @@
15123
14843
  "attribute": "a11yActivedescendant",
15124
14844
  "reflects": true
15125
14845
  },
14846
+ {
14847
+ "kind": "field",
14848
+ "name": "activeLabel",
14849
+ "privacy": "public",
14850
+ "type": {
14851
+ "text": "boolean"
14852
+ },
14853
+ "description": "If set, the label will remain fixed in the active position.",
14854
+ "attribute": "activeLabel",
14855
+ "reflects": true
14856
+ },
15126
14857
  {
15127
14858
  "kind": "field",
15128
14859
  "name": "autocapitalize",
@@ -15166,6 +14897,17 @@
15166
14897
  "description": "Custom help text message for email type validity.",
15167
14898
  "attribute": "customValidityTypeEmail"
15168
14899
  },
14900
+ {
14901
+ "kind": "field",
14902
+ "name": "dvInputOnly",
14903
+ "privacy": "public",
14904
+ "type": {
14905
+ "text": "boolean"
14906
+ },
14907
+ "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
14908
+ "attribute": "dvInputOnly",
14909
+ "reflects": true
14910
+ },
15169
14911
  {
15170
14912
  "kind": "field",
15171
14913
  "name": "error",
@@ -15207,6 +14949,37 @@
15207
14949
  },
15208
14950
  "description": "Flag to indicate if the input currently has focus."
15209
14951
  },
14952
+ {
14953
+ "kind": "field",
14954
+ "name": "hasValue",
14955
+ "privacy": "public",
14956
+ "type": {
14957
+ "text": "boolean"
14958
+ },
14959
+ "description": "Flag to indicate if the input currently has value."
14960
+ },
14961
+ {
14962
+ "kind": "field",
14963
+ "name": "hideLabelVisually",
14964
+ "privacy": "private",
14965
+ "type": {
14966
+ "text": "boolean"
14967
+ },
14968
+ "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
14969
+ "attribute": "hideLabelVisually",
14970
+ "reflects": true
14971
+ },
14972
+ {
14973
+ "kind": "field",
14974
+ "name": "icon",
14975
+ "privacy": "public",
14976
+ "type": {
14977
+ "text": "boolean"
14978
+ },
14979
+ "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
14980
+ "attribute": "icon",
14981
+ "reflects": true
14982
+ },
15210
14983
  {
15211
14984
  "kind": "field",
15212
14985
  "name": "id",
@@ -15271,6 +15044,17 @@
15271
15044
  "attribute": "nested",
15272
15045
  "reflects": true
15273
15046
  },
15047
+ {
15048
+ "kind": "field",
15049
+ "name": "noValidate",
15050
+ "privacy": "public",
15051
+ "type": {
15052
+ "text": "boolean"
15053
+ },
15054
+ "description": "If set, disables auto-validation on blur.",
15055
+ "attribute": "noValidate",
15056
+ "reflects": true
15057
+ },
15274
15058
  {
15275
15059
  "kind": "field",
15276
15060
  "name": "pattern",
@@ -15384,6 +15168,12 @@
15384
15168
  "description": "Custom help text message to display when validity = `valueMissing`.",
15385
15169
  "attribute": "setCustomValidityValueMissing"
15386
15170
  },
15171
+ {
15172
+ "kind": "field",
15173
+ "name": "showPassword",
15174
+ "privacy": "public",
15175
+ "attribute": "showPassword"
15176
+ },
15387
15177
  {
15388
15178
  "kind": "field",
15389
15179
  "name": "simple",
@@ -15406,6 +15196,15 @@
15406
15196
  "attribute": "spellcheck",
15407
15197
  "reflects": true
15408
15198
  },
15199
+ {
15200
+ "kind": "field",
15201
+ "name": "touched",
15202
+ "privacy": "private",
15203
+ "type": {
15204
+ "text": "boolean"
15205
+ },
15206
+ "description": "Indicates whether the input is in a dirty state (has been interacted with)."
15207
+ },
15409
15208
  {
15410
15209
  "kind": "field",
15411
15210
  "name": "type",
@@ -15535,7 +15334,6 @@
15535
15334
  "text": "boolean"
15536
15335
  },
15537
15336
  "description": "If set, the label will remain fixed in the active position.",
15538
- "default": "false",
15539
15337
  "fieldName": "activeLabel"
15540
15338
  },
15541
15339
  {
@@ -15594,7 +15392,6 @@
15594
15392
  "text": "boolean"
15595
15393
  },
15596
15394
  "description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
15597
- "default": "false",
15598
15395
  "fieldName": "dvInputOnly"
15599
15396
  },
15600
15397
  {
@@ -15627,7 +15424,6 @@
15627
15424
  "text": "boolean"
15628
15425
  },
15629
15426
  "description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
15630
- "default": "false",
15631
15427
  "fieldName": "hideLabelVisually"
15632
15428
  },
15633
15429
  {
@@ -15636,7 +15432,6 @@
15636
15432
  "text": "boolean"
15637
15433
  },
15638
15434
  "description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
15639
- "default": "false",
15640
15435
  "fieldName": "icon"
15641
15436
  },
15642
15437
  {
@@ -15730,7 +15525,6 @@
15730
15525
  "text": "boolean"
15731
15526
  },
15732
15527
  "description": "If set, disables auto-validation on blur.",
15733
- "default": "false",
15734
15528
  "fieldName": "noValidate"
15735
15529
  },
15736
15530
  {
@@ -15850,10 +15644,6 @@
15850
15644
  },
15851
15645
  {
15852
15646
  "name": "showPassword",
15853
- "type": {
15854
- "text": "boolean"
15855
- },
15856
- "default": "false",
15857
15647
  "fieldName": "showPassword"
15858
15648
  },
15859
15649
  {
@@ -19147,18 +18937,6 @@
19147
18937
  }
19148
18938
  }
19149
18939
  },
19150
- {
19151
- "kind": "method",
19152
- "name": "_syncLabelText",
19153
- "description": "Reads the current label slot text and pushes it to the dropdown bib\n(for dialog naming) and the menu (for listbox aria-label). Safe to call\nbefore either child has been wired up — each branch self-guards.",
19154
- "privacy": "private"
19155
- },
19156
- {
19157
- "kind": "method",
19158
- "name": "_observeLabelChanges",
19159
- "description": "Keeps the dialog/menu accessible names in sync when consumers mutate the\nlabel slot at runtime (e.g., i18n locale swap). `slotchange` alone is\ninsufficient — it doesn't fire when textContent of an already-assigned\nslotted node changes, which is the common case. We scope the observer to\nthe label node itself (not the whole host subtree) so option-content\nmutations don't trigger label re-syncs, and re-target on `slotchange`\nwhen consumers add or replace the label element.",
19160
- "privacy": "private"
19161
- },
19162
18940
  {
19163
18941
  "kind": "method",
19164
18942
  "name": "register",
@@ -19877,6 +19655,15 @@
19877
19655
  "module": "components/layoutElement/src/auroElement.js"
19878
19656
  }
19879
19657
  },
19658
+ {
19659
+ "kind": "field",
19660
+ "name": "options",
19661
+ "privacy": "private",
19662
+ "type": {
19663
+ "text": "array"
19664
+ },
19665
+ "attribute": "options"
19666
+ },
19880
19667
  {
19881
19668
  "kind": "field",
19882
19669
  "name": "optionSelected",
@@ -20245,6 +20032,13 @@
20245
20032
  "description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
20246
20033
  "fieldName": "onDark"
20247
20034
  },
20035
+ {
20036
+ "name": "options",
20037
+ "type": {
20038
+ "text": "array"
20039
+ },
20040
+ "fieldName": "options"
20041
+ },
20248
20042
  {
20249
20043
  "name": "optionSelected",
20250
20044
  "type": {
@@ -20422,7 +20216,7 @@
20422
20216
  "type": {
20423
20217
  "text": "object"
20424
20218
  },
20425
- "default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (!lastOption) { return; } // Pre-stash before show() so the auroDropdown-toggled handler's // `!optionActive` guard short-circuits the firstActive/selected fallback — // otherwise show() synchronously fires the handler and writes // aria-activedescendant once before we overwrite it. component.menu.updateActiveOption(lastOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Enter(component, evt, ctx) { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit. Matches APG select-only combobox // and native <select> behavior: Enter opens the listbox when closed, selects // the active option when open — it does not submit a parent form. evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (!firstOption) { return; } // See End() for why this must run before show(). component.menu.updateActiveOption(firstOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
20219
+ "default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
20426
20220
  }
20427
20221
  ],
20428
20222
  "exports": [