@aurodesignsystem-dev/auro-formkit 0.0.0-pr1411.3 → 0.0.0-pr1413.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 (48) hide show
  1. package/components/checkbox/demo/api.min.js +1 -1
  2. package/components/checkbox/demo/index.min.js +1 -1
  3. package/components/checkbox/dist/index.js +1 -1
  4. package/components/checkbox/dist/registered.js +1 -1
  5. package/components/combobox/demo/api.min.js +5 -15
  6. package/components/combobox/demo/index.min.js +5 -15
  7. package/components/combobox/dist/index.js +4 -14
  8. package/components/combobox/dist/registered.js +4 -14
  9. package/components/counter/demo/api.min.js +3 -13
  10. package/components/counter/demo/index.min.js +3 -13
  11. package/components/counter/dist/index.js +3 -13
  12. package/components/counter/dist/registered.js +3 -13
  13. package/components/datepicker/demo/api.min.js +22 -135
  14. package/components/datepicker/demo/index.min.js +22 -135
  15. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -4
  16. package/components/datepicker/dist/index.js +22 -135
  17. package/components/datepicker/dist/registered.js +22 -135
  18. package/components/dropdown/demo/api.md +28 -29
  19. package/components/dropdown/demo/api.min.js +2 -12
  20. package/components/dropdown/demo/index.min.js +2 -12
  21. package/components/dropdown/dist/auro-dropdown.d.ts +0 -8
  22. package/components/dropdown/dist/index.js +2 -12
  23. package/components/dropdown/dist/registered.js +2 -12
  24. package/components/form/demo/api.min.js +58 -252
  25. package/components/form/demo/index.min.js +58 -252
  26. package/components/input/demo/api.min.js +1 -1
  27. package/components/input/demo/index.min.js +1 -1
  28. package/components/input/dist/index.js +1 -1
  29. package/components/input/dist/registered.js +1 -1
  30. package/components/menu/demo/api.min.js +1 -1
  31. package/components/menu/demo/index.min.js +1 -1
  32. package/components/menu/demo/keyboardBehavior.md +0 -0
  33. package/components/menu/dist/index.js +1 -1
  34. package/components/menu/dist/registered.js +1 -1
  35. package/components/radio/demo/api.min.js +1 -1
  36. package/components/radio/demo/index.min.js +1 -1
  37. package/components/radio/demo/keyboardBehavior.md +0 -0
  38. package/components/radio/dist/index.js +1 -1
  39. package/components/radio/dist/registered.js +1 -1
  40. package/components/select/demo/api.min.js +26 -87
  41. package/components/select/demo/index.min.js +26 -87
  42. package/components/select/demo/keyboardBehavior.md +3 -3
  43. package/components/select/dist/index.js +25 -86
  44. package/components/select/dist/registered.js +25 -86
  45. package/components/select/dist/selectKeyboardStrategy.d.ts +2 -5
  46. package/custom-elements.json +246 -265
  47. package/package.json +3 -3
  48. /package/components/datepicker/demo/{keyboardBehavior.html → keyboard-behavior.html} +0 -0
@@ -2,250 +2,6 @@
2
2
  "schemaVersion": "1.0.0",
3
3
  "readme": "",
4
4
  "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "components/bibtemplate/src/auro-bibtemplate.js",
8
- "declarations": [
9
- {
10
- "kind": "class",
11
- "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
12
- "name": "AuroBibtemplate",
13
- "slots": [
14
- {
15
- "description": "The default slot for the main content.",
16
- "name": "default"
17
- },
18
- {
19
- "description": "Slot for the header content.",
20
- "name": "header"
21
- },
22
- {
23
- "description": "Slot for the subheader content.",
24
- "name": "subheader"
25
- },
26
- {
27
- "description": "Slot for the footer content.",
28
- "name": "footer"
29
- },
30
- {
31
- "description": "Slot for the close button aria-label.",
32
- "name": "ariaLabel.close"
33
- }
34
- ],
35
- "members": [
36
- {
37
- "kind": "method",
38
- "name": "register",
39
- "static": true,
40
- "parameters": [
41
- {
42
- "name": "name",
43
- "default": "\"auro-bibtemplate\"",
44
- "description": "The name of element that you want to register to.",
45
- "optional": true,
46
- "type": {
47
- "text": "string"
48
- }
49
- }
50
- ],
51
- "description": "This will register this element with the browser."
52
- },
53
- {
54
- "kind": "method",
55
- "name": "preventBodyScroll",
56
- "parameters": [
57
- {
58
- "name": "event",
59
- "description": "The touchmove event.",
60
- "type": {
61
- "text": "Event"
62
- }
63
- }
64
- ],
65
- "description": "Prevents scrolling of the body when touching empty areas of the component.",
66
- "return": {
67
- "type": {
68
- "text": "void"
69
- }
70
- }
71
- },
72
- {
73
- "kind": "method",
74
- "name": "focusCloseButton",
75
- "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
76
- "return": {
77
- "type": {
78
- "text": "void"
79
- }
80
- }
81
- },
82
- {
83
- "kind": "method",
84
- "name": "onCloseButtonClick"
85
- },
86
- {
87
- "kind": "method",
88
- "name": "exposeCssParts",
89
- "description": "Exposes CSS parts for styling from parent components.",
90
- "return": {
91
- "type": {
92
- "text": "void"
93
- }
94
- }
95
- },
96
- {
97
- "kind": "field",
98
- "name": "large",
99
- "privacy": "public",
100
- "type": {
101
- "text": "boolean"
102
- },
103
- "default": "false",
104
- "attribute": "large",
105
- "reflects": true
106
- },
107
- {
108
- "kind": "field",
109
- "name": "iconTag",
110
- "privacy": "private"
111
- },
112
- {
113
- "kind": "field",
114
- "name": "headerTag",
115
- "privacy": "private"
116
- },
117
- {
118
- "kind": "field",
119
- "name": "buttonTag",
120
- "privacy": "private"
121
- },
122
- {
123
- "kind": "field",
124
- "name": "isFullscreen",
125
- "privacy": "public",
126
- "type": {
127
- "text": "boolean"
128
- },
129
- "attribute": "isFullscreen",
130
- "reflects": true
131
- }
132
- ],
133
- "events": [
134
- {
135
- "name": "close-click",
136
- "type": {
137
- "text": "Event"
138
- }
139
- },
140
- {
141
- "name": "auro-bibtemplate-connected",
142
- "type": {
143
- "text": "CustomEvent"
144
- }
145
- }
146
- ],
147
- "attributes": [
148
- {
149
- "name": "isFullscreen",
150
- "type": {
151
- "text": "boolean"
152
- },
153
- "fieldName": "isFullscreen"
154
- },
155
- {
156
- "name": "large",
157
- "type": {
158
- "text": "boolean"
159
- },
160
- "default": "false",
161
- "fieldName": "large"
162
- }
163
- ],
164
- "superclass": {
165
- "name": "LitElement",
166
- "package": "lit"
167
- },
168
- "tagName": "auro-bibtemplate",
169
- "customElement": true
170
- }
171
- ],
172
- "exports": [
173
- {
174
- "kind": "js",
175
- "name": "AuroBibtemplate",
176
- "declaration": {
177
- "name": "AuroBibtemplate",
178
- "module": "components/bibtemplate/src/auro-bibtemplate.js"
179
- }
180
- }
181
- ]
182
- },
183
- {
184
- "kind": "javascript-module",
185
- "path": "components/bibtemplate/src/buttonVersion.js",
186
- "declarations": [],
187
- "exports": [
188
- {
189
- "kind": "js",
190
- "name": "default",
191
- "declaration": {
192
- "name": "12.3.2",
193
- "module": "components/bibtemplate/src/buttonVersion.js"
194
- }
195
- }
196
- ]
197
- },
198
- {
199
- "kind": "javascript-module",
200
- "path": "components/bibtemplate/src/headerVersion.js",
201
- "declarations": [],
202
- "exports": [
203
- {
204
- "kind": "js",
205
- "name": "default",
206
- "declaration": {
207
- "name": "5.0.1",
208
- "module": "components/bibtemplate/src/headerVersion.js"
209
- }
210
- }
211
- ]
212
- },
213
- {
214
- "kind": "javascript-module",
215
- "path": "components/bibtemplate/src/iconVersion.js",
216
- "declarations": [],
217
- "exports": [
218
- {
219
- "kind": "js",
220
- "name": "default",
221
- "declaration": {
222
- "name": "9.1.2",
223
- "module": "components/bibtemplate/src/iconVersion.js"
224
- }
225
- }
226
- ]
227
- },
228
- {
229
- "kind": "javascript-module",
230
- "path": "components/bibtemplate/src/index.js",
231
- "declarations": [],
232
- "exports": [
233
- {
234
- "kind": "js",
235
- "name": "AuroBibtemplate",
236
- "declaration": {
237
- "name": "AuroBibtemplate",
238
- "module": "components/bibtemplate/src/index.js"
239
- }
240
- }
241
- ]
242
- },
243
- {
244
- "kind": "javascript-module",
245
- "path": "components/bibtemplate/src/registered.js",
246
- "declarations": [],
247
- "exports": []
248
- },
249
5
  {
250
6
  "kind": "javascript-module",
251
7
  "path": "components/checkbox/src/auro-checkbox-group.js",
@@ -1094,6 +850,250 @@
1094
850
  "declarations": [],
1095
851
  "exports": []
1096
852
  },
853
+ {
854
+ "kind": "javascript-module",
855
+ "path": "components/bibtemplate/src/auro-bibtemplate.js",
856
+ "declarations": [
857
+ {
858
+ "kind": "class",
859
+ "description": "The `auro-bibtemplate` element provides users a template for creating modal dialog elements.",
860
+ "name": "AuroBibtemplate",
861
+ "slots": [
862
+ {
863
+ "description": "The default slot for the main content.",
864
+ "name": "default"
865
+ },
866
+ {
867
+ "description": "Slot for the header content.",
868
+ "name": "header"
869
+ },
870
+ {
871
+ "description": "Slot for the subheader content.",
872
+ "name": "subheader"
873
+ },
874
+ {
875
+ "description": "Slot for the footer content.",
876
+ "name": "footer"
877
+ },
878
+ {
879
+ "description": "Slot for the close button aria-label.",
880
+ "name": "ariaLabel.close"
881
+ }
882
+ ],
883
+ "members": [
884
+ {
885
+ "kind": "method",
886
+ "name": "register",
887
+ "static": true,
888
+ "parameters": [
889
+ {
890
+ "name": "name",
891
+ "default": "\"auro-bibtemplate\"",
892
+ "description": "The name of element that you want to register to.",
893
+ "optional": true,
894
+ "type": {
895
+ "text": "string"
896
+ }
897
+ }
898
+ ],
899
+ "description": "This will register this element with the browser."
900
+ },
901
+ {
902
+ "kind": "method",
903
+ "name": "preventBodyScroll",
904
+ "parameters": [
905
+ {
906
+ "name": "event",
907
+ "description": "The touchmove event.",
908
+ "type": {
909
+ "text": "Event"
910
+ }
911
+ }
912
+ ],
913
+ "description": "Prevents scrolling of the body when touching empty areas of the component.",
914
+ "return": {
915
+ "type": {
916
+ "text": "void"
917
+ }
918
+ }
919
+ },
920
+ {
921
+ "kind": "method",
922
+ "name": "focusCloseButton",
923
+ "description": "Focuses the close button inside the bibtemplate's shadow DOM.\nUsed by parent components to set initial focus when the fullscreen dialog opens.",
924
+ "return": {
925
+ "type": {
926
+ "text": "void"
927
+ }
928
+ }
929
+ },
930
+ {
931
+ "kind": "method",
932
+ "name": "onCloseButtonClick"
933
+ },
934
+ {
935
+ "kind": "method",
936
+ "name": "exposeCssParts",
937
+ "description": "Exposes CSS parts for styling from parent components.",
938
+ "return": {
939
+ "type": {
940
+ "text": "void"
941
+ }
942
+ }
943
+ },
944
+ {
945
+ "kind": "field",
946
+ "name": "large",
947
+ "privacy": "public",
948
+ "type": {
949
+ "text": "boolean"
950
+ },
951
+ "default": "false",
952
+ "attribute": "large",
953
+ "reflects": true
954
+ },
955
+ {
956
+ "kind": "field",
957
+ "name": "iconTag",
958
+ "privacy": "private"
959
+ },
960
+ {
961
+ "kind": "field",
962
+ "name": "headerTag",
963
+ "privacy": "private"
964
+ },
965
+ {
966
+ "kind": "field",
967
+ "name": "buttonTag",
968
+ "privacy": "private"
969
+ },
970
+ {
971
+ "kind": "field",
972
+ "name": "isFullscreen",
973
+ "privacy": "public",
974
+ "type": {
975
+ "text": "boolean"
976
+ },
977
+ "attribute": "isFullscreen",
978
+ "reflects": true
979
+ }
980
+ ],
981
+ "events": [
982
+ {
983
+ "name": "close-click",
984
+ "type": {
985
+ "text": "Event"
986
+ }
987
+ },
988
+ {
989
+ "name": "auro-bibtemplate-connected",
990
+ "type": {
991
+ "text": "CustomEvent"
992
+ }
993
+ }
994
+ ],
995
+ "attributes": [
996
+ {
997
+ "name": "isFullscreen",
998
+ "type": {
999
+ "text": "boolean"
1000
+ },
1001
+ "fieldName": "isFullscreen"
1002
+ },
1003
+ {
1004
+ "name": "large",
1005
+ "type": {
1006
+ "text": "boolean"
1007
+ },
1008
+ "default": "false",
1009
+ "fieldName": "large"
1010
+ }
1011
+ ],
1012
+ "superclass": {
1013
+ "name": "LitElement",
1014
+ "package": "lit"
1015
+ },
1016
+ "tagName": "auro-bibtemplate",
1017
+ "customElement": true
1018
+ }
1019
+ ],
1020
+ "exports": [
1021
+ {
1022
+ "kind": "js",
1023
+ "name": "AuroBibtemplate",
1024
+ "declaration": {
1025
+ "name": "AuroBibtemplate",
1026
+ "module": "components/bibtemplate/src/auro-bibtemplate.js"
1027
+ }
1028
+ }
1029
+ ]
1030
+ },
1031
+ {
1032
+ "kind": "javascript-module",
1033
+ "path": "components/bibtemplate/src/buttonVersion.js",
1034
+ "declarations": [],
1035
+ "exports": [
1036
+ {
1037
+ "kind": "js",
1038
+ "name": "default",
1039
+ "declaration": {
1040
+ "name": "12.3.2",
1041
+ "module": "components/bibtemplate/src/buttonVersion.js"
1042
+ }
1043
+ }
1044
+ ]
1045
+ },
1046
+ {
1047
+ "kind": "javascript-module",
1048
+ "path": "components/bibtemplate/src/headerVersion.js",
1049
+ "declarations": [],
1050
+ "exports": [
1051
+ {
1052
+ "kind": "js",
1053
+ "name": "default",
1054
+ "declaration": {
1055
+ "name": "5.0.1",
1056
+ "module": "components/bibtemplate/src/headerVersion.js"
1057
+ }
1058
+ }
1059
+ ]
1060
+ },
1061
+ {
1062
+ "kind": "javascript-module",
1063
+ "path": "components/bibtemplate/src/iconVersion.js",
1064
+ "declarations": [],
1065
+ "exports": [
1066
+ {
1067
+ "kind": "js",
1068
+ "name": "default",
1069
+ "declaration": {
1070
+ "name": "9.1.2",
1071
+ "module": "components/bibtemplate/src/iconVersion.js"
1072
+ }
1073
+ }
1074
+ ]
1075
+ },
1076
+ {
1077
+ "kind": "javascript-module",
1078
+ "path": "components/bibtemplate/src/index.js",
1079
+ "declarations": [],
1080
+ "exports": [
1081
+ {
1082
+ "kind": "js",
1083
+ "name": "AuroBibtemplate",
1084
+ "declaration": {
1085
+ "name": "AuroBibtemplate",
1086
+ "module": "components/bibtemplate/src/index.js"
1087
+ }
1088
+ }
1089
+ ]
1090
+ },
1091
+ {
1092
+ "kind": "javascript-module",
1093
+ "path": "components/bibtemplate/src/registered.js",
1094
+ "declarations": [],
1095
+ "exports": []
1096
+ },
1097
1097
  {
1098
1098
  "kind": "javascript-module",
1099
1099
  "path": "components/combobox/src/auro-combobox.js",
@@ -7081,7 +7081,7 @@
7081
7081
  "type": {
7082
7082
  "text": "object"
7083
7083
  },
7084
- "default": "{ Enter(component, evt, ctx) { if (!ctx.isExpanded) { evt.preventDefault(); component.dropdown.show(); } }, Tab(component, _evt, ctx) { if (ctx.isExpanded && ctx.isModal) { component.dropdown.hide(); } }, }"
7084
+ "default": "{}"
7085
7085
  }
7086
7086
  ],
7087
7087
  "exports": [
@@ -8285,17 +8285,6 @@
8285
8285
  "attribute": "disabled",
8286
8286
  "reflects": true
8287
8287
  },
8288
- {
8289
- "kind": "field",
8290
- "name": "disableKeyboardHandling",
8291
- "privacy": "public",
8292
- "type": {
8293
- "text": "boolean"
8294
- },
8295
- "description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
8296
- "attribute": "disableKeyboardHandling",
8297
- "reflects": true
8298
- },
8299
8288
  {
8300
8289
  "kind": "field",
8301
8290
  "name": "dropdownWidth",
@@ -8579,14 +8568,6 @@
8579
8568
  "description": "If declared, the dropdown is not interactive.",
8580
8569
  "fieldName": "disabled"
8581
8570
  },
8582
- {
8583
- "name": "disableKeyboardHandling",
8584
- "type": {
8585
- "text": "boolean"
8586
- },
8587
- "description": "If declared, the dropdown will not handle keyboard events and will require the consumer to manage this behavior.",
8588
- "fieldName": "disableKeyboardHandling"
8589
- },
8590
8571
  {
8591
8572
  "name": "dropdownWidth",
8592
8573
  "type": {
@@ -18711,7 +18692,7 @@
18711
18692
  "type": {
18712
18693
  "text": "object"
18713
18694
  },
18714
- "default": "{ ArrowUp(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); return; } navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); return; } navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } component.dropdown.hide(); }, 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.multiSelect) { component.menu.makeSelection(); } component.dropdown.hide(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
18695
+ "default": "{ ArrowUp(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowDown(component, evt, ctx) { evt.preventDefault(); navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, Enter(component, evt) { evt.preventDefault(); component.menu.makeSelection(); }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Shift+Tab moves the highlight to the first non-disabled option // without making a selection or closing the bib. if (evt.shiftKey) { evt.preventDefault(); const firstActive = component.menu.menuService.menuOptions.find((option) => option.isActive); if (firstActive) { component.menu.updateActiveOption(firstActive); } return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive && !component.multiSelect) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt) { component.updateActiveOptionBasedOnKey(evt.key); }, }"
18715
18696
  }
18716
18697
  ],
18717
18698
  "exports": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1411.3",
3
+ "version": "0.0.0-pr1413.0",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {
@@ -80,13 +80,13 @@
80
80
  "@rollup/rollup-linux-x64-gnu": "*"
81
81
  },
82
82
  "devDependencies": {
83
- "@aurodesignsystem/auro-accordion": "^6.1.1",
83
+ "@aurodesignsystem/auro-accordion": "^6.1.2",
84
84
  "@aurodesignsystem/auro-button": "^12.3.2",
85
85
  "@aurodesignsystem/auro-library": "^5.12.0",
86
86
  "@aurodesignsystem/auro-loader": "^6.2.0",
87
87
  "@aurodesignsystem/build-tools": "*",
88
88
  "@aurodesignsystem/config": "*",
89
- "@aurodesignsystem/design-tokens": "^8.15.1",
89
+ "@aurodesignsystem/design-tokens": "^8.16.0",
90
90
  "@aurodesignsystem/eslint-config": "^1.3.5",
91
91
  "@aurodesignsystem/form-validation": "*",
92
92
  "@aurodesignsystem/typescript": "*",