@illinois-grad/grad-vue 2.5.1 → 2.5.3
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.
- package/custom-elements.json +507 -6
- package/dist/components/GCheckboxGroup.vue.d.ts +120 -0
- package/dist/components/GCurrencyInput.vue.d.ts +2 -2
- package/dist/components/GDateInput.vue.d.ts +2 -2
- package/dist/components/GDateRangeInput.vue.d.ts +2 -2
- package/dist/components/GEmailInput.vue.d.ts +2 -2
- package/dist/components/GFileInput.vue.d.ts +138 -0
- package/dist/components/GMultiSelect.vue.d.ts +125 -0
- package/dist/components/GSelect.vue.d.ts +5 -15
- package/dist/components/GSelectButton.vue.d.ts +1 -1
- package/dist/components/GSubmitButton.vue.d.ts +1 -1
- package/dist/components/GTextInput.vue.d.ts +2 -2
- package/dist/components/GTextarea.vue.d.ts +170 -0
- package/dist/components/GTreeMenu.vue.d.ts +13 -13
- package/dist/compose/useSelectDropdown.d.ts +56 -0
- package/dist/{grad-vue-V6VDJQTJ.js → grad-vue-D4cwVtpD.js} +1059 -450
- package/dist/grad-vue-D4cwVtpD.js.map +1 -0
- package/dist/grad-vue-elements.d.ts +12 -0
- package/dist/grad-vue-elements.js +1744 -1089
- package/dist/grad-vue-elements.js.map +1 -1
- package/dist/grad-vue.css +1 -1
- package/dist/grad-vue.d.ts +6 -1
- package/dist/grad-vue.js +2 -2
- package/dist/plugin.d.ts +3 -1
- package/dist/plugin.js +4 -4
- package/dist/plugin.js.map +1 -1
- package/package.json +1 -1
- package/dist/grad-vue-V6VDJQTJ.js.map +0 -1
package/custom-elements.json
CHANGED
|
@@ -241,6 +241,114 @@
|
|
|
241
241
|
}
|
|
242
242
|
]
|
|
243
243
|
},
|
|
244
|
+
{
|
|
245
|
+
"kind": "javascript-module",
|
|
246
|
+
"path": "dist/web-components.js",
|
|
247
|
+
"declarations": [
|
|
248
|
+
{
|
|
249
|
+
"kind": "custom-element",
|
|
250
|
+
"name": "GCheckboxGroupElement",
|
|
251
|
+
"tagName": "g-checkbox-group",
|
|
252
|
+
"members": [
|
|
253
|
+
{
|
|
254
|
+
"kind": "field",
|
|
255
|
+
"name": "label",
|
|
256
|
+
"type": {
|
|
257
|
+
"text": "string"
|
|
258
|
+
},
|
|
259
|
+
"optional": true,
|
|
260
|
+
"description": "Legend / accessible label for the group",
|
|
261
|
+
"default": "undefined"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"kind": "field",
|
|
265
|
+
"name": "options",
|
|
266
|
+
"type": {
|
|
267
|
+
"text": "CheckboxOption[]"
|
|
268
|
+
},
|
|
269
|
+
"optional": false,
|
|
270
|
+
"description": "List of checkbox options"
|
|
271
|
+
},
|
|
272
|
+
{
|
|
273
|
+
"kind": "field",
|
|
274
|
+
"name": "instructions",
|
|
275
|
+
"type": {
|
|
276
|
+
"text": "string"
|
|
277
|
+
},
|
|
278
|
+
"optional": true,
|
|
279
|
+
"description": "Instructions shown below the legend",
|
|
280
|
+
"default": "\"\""
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "field",
|
|
284
|
+
"name": "errors",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "string[]"
|
|
287
|
+
},
|
|
288
|
+
"optional": true,
|
|
289
|
+
"description": "Error messages array (supports multiple validation errors)",
|
|
290
|
+
"default": "() => []"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"kind": "field",
|
|
294
|
+
"name": "required",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "boolean"
|
|
297
|
+
},
|
|
298
|
+
"optional": true,
|
|
299
|
+
"description": "Mark the group as required",
|
|
300
|
+
"default": "false"
|
|
301
|
+
},
|
|
302
|
+
{
|
|
303
|
+
"kind": "field",
|
|
304
|
+
"name": "radio",
|
|
305
|
+
"type": {
|
|
306
|
+
"text": "boolean"
|
|
307
|
+
},
|
|
308
|
+
"optional": true,
|
|
309
|
+
"description": "Render as radio buttons (single-select)",
|
|
310
|
+
"default": "false"
|
|
311
|
+
},
|
|
312
|
+
{
|
|
313
|
+
"kind": "field",
|
|
314
|
+
"name": "name",
|
|
315
|
+
"type": {
|
|
316
|
+
"text": "string"
|
|
317
|
+
},
|
|
318
|
+
"optional": true,
|
|
319
|
+
"description": "Name for form registration and native input `name` attribute",
|
|
320
|
+
"default": "undefined"
|
|
321
|
+
},
|
|
322
|
+
{
|
|
323
|
+
"kind": "field",
|
|
324
|
+
"name": "formKey",
|
|
325
|
+
"type": {
|
|
326
|
+
"text": "string"
|
|
327
|
+
},
|
|
328
|
+
"optional": true,
|
|
329
|
+
"description": "Form channel key for custom elements mode",
|
|
330
|
+
"default": "undefined"
|
|
331
|
+
},
|
|
332
|
+
{
|
|
333
|
+
"kind": "field",
|
|
334
|
+
"name": "modelValue",
|
|
335
|
+
"type": {
|
|
336
|
+
"text": "string[]"
|
|
337
|
+
},
|
|
338
|
+
"optional": true
|
|
339
|
+
}
|
|
340
|
+
],
|
|
341
|
+
"events": [
|
|
342
|
+
{
|
|
343
|
+
"name": "change",
|
|
344
|
+
"type": {
|
|
345
|
+
"text": "CustomEvent"
|
|
346
|
+
}
|
|
347
|
+
}
|
|
348
|
+
]
|
|
349
|
+
}
|
|
350
|
+
]
|
|
351
|
+
},
|
|
244
352
|
{
|
|
245
353
|
"kind": "javascript-module",
|
|
246
354
|
"path": "dist/web-components.js",
|
|
@@ -697,6 +805,139 @@
|
|
|
697
805
|
}
|
|
698
806
|
]
|
|
699
807
|
},
|
|
808
|
+
{
|
|
809
|
+
"kind": "javascript-module",
|
|
810
|
+
"path": "dist/web-components.js",
|
|
811
|
+
"declarations": [
|
|
812
|
+
{
|
|
813
|
+
"kind": "custom-element",
|
|
814
|
+
"name": "GFileInputElement",
|
|
815
|
+
"tagName": "g-file-input",
|
|
816
|
+
"members": [
|
|
817
|
+
{
|
|
818
|
+
"kind": "field",
|
|
819
|
+
"name": "label",
|
|
820
|
+
"type": {
|
|
821
|
+
"text": "string"
|
|
822
|
+
},
|
|
823
|
+
"optional": true,
|
|
824
|
+
"description": "Label"
|
|
825
|
+
},
|
|
826
|
+
{
|
|
827
|
+
"kind": "field",
|
|
828
|
+
"name": "instructions",
|
|
829
|
+
"type": {
|
|
830
|
+
"text": "string"
|
|
831
|
+
},
|
|
832
|
+
"optional": true,
|
|
833
|
+
"description": "Instructions",
|
|
834
|
+
"default": "\"\""
|
|
835
|
+
},
|
|
836
|
+
{
|
|
837
|
+
"kind": "field",
|
|
838
|
+
"name": "disabled",
|
|
839
|
+
"type": {
|
|
840
|
+
"text": "boolean"
|
|
841
|
+
},
|
|
842
|
+
"optional": true,
|
|
843
|
+
"description": "Disabled",
|
|
844
|
+
"default": "false"
|
|
845
|
+
},
|
|
846
|
+
{
|
|
847
|
+
"kind": "field",
|
|
848
|
+
"name": "errors",
|
|
849
|
+
"type": {
|
|
850
|
+
"text": "string[]"
|
|
851
|
+
},
|
|
852
|
+
"optional": true,
|
|
853
|
+
"description": "Error messages array (supports multiple validation errors)",
|
|
854
|
+
"default": "() => []"
|
|
855
|
+
},
|
|
856
|
+
{
|
|
857
|
+
"kind": "field",
|
|
858
|
+
"name": "required",
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "boolean"
|
|
861
|
+
},
|
|
862
|
+
"optional": true,
|
|
863
|
+
"description": "Required",
|
|
864
|
+
"default": "false"
|
|
865
|
+
},
|
|
866
|
+
{
|
|
867
|
+
"kind": "field",
|
|
868
|
+
"name": "name",
|
|
869
|
+
"type": {
|
|
870
|
+
"text": "string"
|
|
871
|
+
},
|
|
872
|
+
"optional": true,
|
|
873
|
+
"description": "Name for form registration"
|
|
874
|
+
},
|
|
875
|
+
{
|
|
876
|
+
"kind": "field",
|
|
877
|
+
"name": "formKey",
|
|
878
|
+
"type": {
|
|
879
|
+
"text": "string"
|
|
880
|
+
},
|
|
881
|
+
"optional": true,
|
|
882
|
+
"description": "Form channel key for custom elements mode"
|
|
883
|
+
},
|
|
884
|
+
{
|
|
885
|
+
"kind": "field",
|
|
886
|
+
"name": "accept",
|
|
887
|
+
"type": {
|
|
888
|
+
"text": "string"
|
|
889
|
+
},
|
|
890
|
+
"optional": true,
|
|
891
|
+
"description": "Accepted file types (e.g. \".pdf,.docx\" or \"image/*\")"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"kind": "field",
|
|
895
|
+
"name": "multiple",
|
|
896
|
+
"type": {
|
|
897
|
+
"text": "boolean"
|
|
898
|
+
},
|
|
899
|
+
"optional": true,
|
|
900
|
+
"description": "Allow multiple file selection",
|
|
901
|
+
"default": "false"
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"kind": "field",
|
|
905
|
+
"name": "maxFileSize",
|
|
906
|
+
"type": {
|
|
907
|
+
"text": "number"
|
|
908
|
+
},
|
|
909
|
+
"optional": true,
|
|
910
|
+
"description": "Maximum file size in bytes for client-side validation"
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"kind": "field",
|
|
914
|
+
"name": "maxFiles",
|
|
915
|
+
"type": {
|
|
916
|
+
"text": "number"
|
|
917
|
+
},
|
|
918
|
+
"optional": true,
|
|
919
|
+
"description": "Maximum number of files allowed for client-side validation"
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"kind": "field",
|
|
923
|
+
"name": "modelValue",
|
|
924
|
+
"type": {
|
|
925
|
+
"text": "File[]"
|
|
926
|
+
},
|
|
927
|
+
"optional": true
|
|
928
|
+
}
|
|
929
|
+
],
|
|
930
|
+
"events": [
|
|
931
|
+
{
|
|
932
|
+
"name": "change",
|
|
933
|
+
"type": {
|
|
934
|
+
"text": "CustomEvent"
|
|
935
|
+
}
|
|
936
|
+
}
|
|
937
|
+
]
|
|
938
|
+
}
|
|
939
|
+
]
|
|
940
|
+
},
|
|
700
941
|
{
|
|
701
942
|
"kind": "javascript-module",
|
|
702
943
|
"path": "dist/web-components.js",
|
|
@@ -899,6 +1140,119 @@
|
|
|
899
1140
|
}
|
|
900
1141
|
]
|
|
901
1142
|
},
|
|
1143
|
+
{
|
|
1144
|
+
"kind": "javascript-module",
|
|
1145
|
+
"path": "dist/web-components.js",
|
|
1146
|
+
"declarations": [
|
|
1147
|
+
{
|
|
1148
|
+
"kind": "custom-element",
|
|
1149
|
+
"name": "GMultiSelectElement",
|
|
1150
|
+
"tagName": "g-multi-select",
|
|
1151
|
+
"members": [
|
|
1152
|
+
{
|
|
1153
|
+
"kind": "field",
|
|
1154
|
+
"name": "options",
|
|
1155
|
+
"type": {
|
|
1156
|
+
"text": "Array<string | SelectOption>"
|
|
1157
|
+
},
|
|
1158
|
+
"optional": false,
|
|
1159
|
+
"description": "List of options to choose from"
|
|
1160
|
+
},
|
|
1161
|
+
{
|
|
1162
|
+
"kind": "field",
|
|
1163
|
+
"name": "label",
|
|
1164
|
+
"type": {
|
|
1165
|
+
"text": "string"
|
|
1166
|
+
},
|
|
1167
|
+
"optional": false,
|
|
1168
|
+
"description": "Accessible label"
|
|
1169
|
+
},
|
|
1170
|
+
{
|
|
1171
|
+
"kind": "field",
|
|
1172
|
+
"name": "hiddenLabel",
|
|
1173
|
+
"type": {
|
|
1174
|
+
"text": "boolean"
|
|
1175
|
+
},
|
|
1176
|
+
"optional": true,
|
|
1177
|
+
"description": "Hide the label visually",
|
|
1178
|
+
"default": "false"
|
|
1179
|
+
},
|
|
1180
|
+
{
|
|
1181
|
+
"kind": "field",
|
|
1182
|
+
"name": "placeholder",
|
|
1183
|
+
"type": {
|
|
1184
|
+
"text": "string"
|
|
1185
|
+
},
|
|
1186
|
+
"optional": true,
|
|
1187
|
+
"description": "Placeholder text shown when no values are selected"
|
|
1188
|
+
},
|
|
1189
|
+
{
|
|
1190
|
+
"kind": "field",
|
|
1191
|
+
"name": "disabled",
|
|
1192
|
+
"type": {
|
|
1193
|
+
"text": "boolean"
|
|
1194
|
+
},
|
|
1195
|
+
"optional": true,
|
|
1196
|
+
"description": "Disabled",
|
|
1197
|
+
"default": "false"
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"kind": "field",
|
|
1201
|
+
"name": "name",
|
|
1202
|
+
"type": {
|
|
1203
|
+
"text": "string"
|
|
1204
|
+
},
|
|
1205
|
+
"optional": true,
|
|
1206
|
+
"description": "Name for form registration"
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"kind": "field",
|
|
1210
|
+
"name": "errors",
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "string[]"
|
|
1213
|
+
},
|
|
1214
|
+
"optional": true,
|
|
1215
|
+
"description": "Error messages array (supports multiple validation errors)",
|
|
1216
|
+
"default": "() => []"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"kind": "field",
|
|
1220
|
+
"name": "instructions",
|
|
1221
|
+
"type": {
|
|
1222
|
+
"text": "string"
|
|
1223
|
+
},
|
|
1224
|
+
"optional": true,
|
|
1225
|
+
"description": "Instructions shown below the label"
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"kind": "field",
|
|
1229
|
+
"name": "formKey",
|
|
1230
|
+
"type": {
|
|
1231
|
+
"text": "string"
|
|
1232
|
+
},
|
|
1233
|
+
"optional": true,
|
|
1234
|
+
"description": "Form channel key for custom elements mode"
|
|
1235
|
+
},
|
|
1236
|
+
{
|
|
1237
|
+
"kind": "field",
|
|
1238
|
+
"name": "modelValue",
|
|
1239
|
+
"type": {
|
|
1240
|
+
"text": "Array<string | number>"
|
|
1241
|
+
},
|
|
1242
|
+
"optional": true
|
|
1243
|
+
}
|
|
1244
|
+
],
|
|
1245
|
+
"events": [
|
|
1246
|
+
{
|
|
1247
|
+
"name": "change",
|
|
1248
|
+
"type": {
|
|
1249
|
+
"text": "CustomEvent"
|
|
1250
|
+
}
|
|
1251
|
+
}
|
|
1252
|
+
]
|
|
1253
|
+
}
|
|
1254
|
+
]
|
|
1255
|
+
},
|
|
902
1256
|
{
|
|
903
1257
|
"kind": "javascript-module",
|
|
904
1258
|
"path": "dist/web-components.js",
|
|
@@ -1134,7 +1488,7 @@
|
|
|
1134
1488
|
"kind": "field",
|
|
1135
1489
|
"name": "options",
|
|
1136
1490
|
"type": {
|
|
1137
|
-
"text": "Array<string |
|
|
1491
|
+
"text": "Array<string | SelectOption>"
|
|
1138
1492
|
},
|
|
1139
1493
|
"optional": false,
|
|
1140
1494
|
"description": "List of options to choose from"
|
|
@@ -1183,8 +1537,7 @@
|
|
|
1183
1537
|
"text": "string"
|
|
1184
1538
|
},
|
|
1185
1539
|
"optional": true,
|
|
1186
|
-
"description": "Name for form registration"
|
|
1187
|
-
"default": "undefined"
|
|
1540
|
+
"description": "Name for form registration"
|
|
1188
1541
|
},
|
|
1189
1542
|
{
|
|
1190
1543
|
"kind": "field",
|
|
@@ -1232,8 +1585,7 @@
|
|
|
1232
1585
|
"text": "string"
|
|
1233
1586
|
},
|
|
1234
1587
|
"optional": true,
|
|
1235
|
-
"description": "Form channel key for custom elements mode"
|
|
1236
|
-
"default": "undefined"
|
|
1588
|
+
"description": "Form channel key for custom elements mode"
|
|
1237
1589
|
},
|
|
1238
1590
|
{
|
|
1239
1591
|
"kind": "field",
|
|
@@ -2176,6 +2528,155 @@
|
|
|
2176
2528
|
}
|
|
2177
2529
|
]
|
|
2178
2530
|
},
|
|
2531
|
+
{
|
|
2532
|
+
"kind": "javascript-module",
|
|
2533
|
+
"path": "dist/web-components.js",
|
|
2534
|
+
"declarations": [
|
|
2535
|
+
{
|
|
2536
|
+
"kind": "custom-element",
|
|
2537
|
+
"name": "GTextareaElement",
|
|
2538
|
+
"tagName": "g-textarea",
|
|
2539
|
+
"members": [
|
|
2540
|
+
{
|
|
2541
|
+
"kind": "field",
|
|
2542
|
+
"name": "label",
|
|
2543
|
+
"type": {
|
|
2544
|
+
"text": "string"
|
|
2545
|
+
},
|
|
2546
|
+
"optional": true,
|
|
2547
|
+
"description": "Label",
|
|
2548
|
+
"default": "undefined"
|
|
2549
|
+
},
|
|
2550
|
+
{
|
|
2551
|
+
"kind": "field",
|
|
2552
|
+
"name": "placeholder",
|
|
2553
|
+
"type": {
|
|
2554
|
+
"text": "string"
|
|
2555
|
+
},
|
|
2556
|
+
"optional": true,
|
|
2557
|
+
"description": "Placeholder text",
|
|
2558
|
+
"default": "\"\""
|
|
2559
|
+
},
|
|
2560
|
+
{
|
|
2561
|
+
"kind": "field",
|
|
2562
|
+
"name": "disabled",
|
|
2563
|
+
"type": {
|
|
2564
|
+
"text": "boolean"
|
|
2565
|
+
},
|
|
2566
|
+
"optional": true,
|
|
2567
|
+
"description": "Disabled",
|
|
2568
|
+
"default": "false"
|
|
2569
|
+
},
|
|
2570
|
+
{
|
|
2571
|
+
"kind": "field",
|
|
2572
|
+
"name": "readonly",
|
|
2573
|
+
"type": {
|
|
2574
|
+
"text": "boolean"
|
|
2575
|
+
},
|
|
2576
|
+
"optional": true,
|
|
2577
|
+
"description": "Read-only",
|
|
2578
|
+
"default": "false"
|
|
2579
|
+
},
|
|
2580
|
+
{
|
|
2581
|
+
"kind": "field",
|
|
2582
|
+
"name": "required",
|
|
2583
|
+
"type": {
|
|
2584
|
+
"text": "boolean"
|
|
2585
|
+
},
|
|
2586
|
+
"optional": true,
|
|
2587
|
+
"description": "Required",
|
|
2588
|
+
"default": "false"
|
|
2589
|
+
},
|
|
2590
|
+
{
|
|
2591
|
+
"kind": "field",
|
|
2592
|
+
"name": "errors",
|
|
2593
|
+
"type": {
|
|
2594
|
+
"text": "string[]"
|
|
2595
|
+
},
|
|
2596
|
+
"optional": true,
|
|
2597
|
+
"description": "Error messages array (supports multiple validation errors)",
|
|
2598
|
+
"default": "() => []"
|
|
2599
|
+
},
|
|
2600
|
+
{
|
|
2601
|
+
"kind": "field",
|
|
2602
|
+
"name": "instructions",
|
|
2603
|
+
"type": {
|
|
2604
|
+
"text": "string"
|
|
2605
|
+
},
|
|
2606
|
+
"optional": true,
|
|
2607
|
+
"description": "Instructions",
|
|
2608
|
+
"default": "\"\""
|
|
2609
|
+
},
|
|
2610
|
+
{
|
|
2611
|
+
"kind": "field",
|
|
2612
|
+
"name": "rows",
|
|
2613
|
+
"type": {
|
|
2614
|
+
"text": "number"
|
|
2615
|
+
},
|
|
2616
|
+
"optional": true,
|
|
2617
|
+
"description": "Number of visible text rows",
|
|
2618
|
+
"default": "4"
|
|
2619
|
+
},
|
|
2620
|
+
{
|
|
2621
|
+
"kind": "field",
|
|
2622
|
+
"name": "maxlength",
|
|
2623
|
+
"type": {
|
|
2624
|
+
"text": "number"
|
|
2625
|
+
},
|
|
2626
|
+
"optional": true,
|
|
2627
|
+
"description": "Maximum number of characters allowed",
|
|
2628
|
+
"default": "undefined"
|
|
2629
|
+
},
|
|
2630
|
+
{
|
|
2631
|
+
"kind": "field",
|
|
2632
|
+
"name": "autoGrow",
|
|
2633
|
+
"type": {
|
|
2634
|
+
"text": "boolean"
|
|
2635
|
+
},
|
|
2636
|
+
"optional": true,
|
|
2637
|
+
"description": "Automatically grow the textarea height to fit content",
|
|
2638
|
+
"default": "false"
|
|
2639
|
+
},
|
|
2640
|
+
{
|
|
2641
|
+
"kind": "field",
|
|
2642
|
+
"name": "name",
|
|
2643
|
+
"type": {
|
|
2644
|
+
"text": "string"
|
|
2645
|
+
},
|
|
2646
|
+
"optional": true,
|
|
2647
|
+
"description": "Name for form registration",
|
|
2648
|
+
"default": "undefined"
|
|
2649
|
+
},
|
|
2650
|
+
{
|
|
2651
|
+
"kind": "field",
|
|
2652
|
+
"name": "formKey",
|
|
2653
|
+
"type": {
|
|
2654
|
+
"text": "string"
|
|
2655
|
+
},
|
|
2656
|
+
"optional": true,
|
|
2657
|
+
"description": "Form channel key for custom elements mode",
|
|
2658
|
+
"default": "undefined"
|
|
2659
|
+
},
|
|
2660
|
+
{
|
|
2661
|
+
"kind": "field",
|
|
2662
|
+
"name": "modelValue",
|
|
2663
|
+
"type": {
|
|
2664
|
+
"text": "string | null"
|
|
2665
|
+
},
|
|
2666
|
+
"optional": true
|
|
2667
|
+
}
|
|
2668
|
+
],
|
|
2669
|
+
"events": [
|
|
2670
|
+
{
|
|
2671
|
+
"name": "change",
|
|
2672
|
+
"type": {
|
|
2673
|
+
"text": "CustomEvent"
|
|
2674
|
+
}
|
|
2675
|
+
}
|
|
2676
|
+
]
|
|
2677
|
+
}
|
|
2678
|
+
]
|
|
2679
|
+
},
|
|
2179
2680
|
{
|
|
2180
2681
|
"kind": "javascript-module",
|
|
2181
2682
|
"path": "dist/web-components.js",
|
|
@@ -2275,7 +2776,7 @@
|
|
|
2275
2776
|
"text": "\"ul\" | \"ol\""
|
|
2276
2777
|
},
|
|
2277
2778
|
"optional": true,
|
|
2278
|
-
"description": "List element type
|
|
2779
|
+
"description": "List element type - use `ol` for numbered hierarchies like book chapters",
|
|
2279
2780
|
"default": "\"ul\""
|
|
2280
2781
|
},
|
|
2281
2782
|
{
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
export interface CheckboxOption {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
hint?: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* A group of checkboxes (or radio buttons) with styling for a label,
|
|
9
|
+
* instructions, and error messages.
|
|
10
|
+
*
|
|
11
|
+
* When more than one option is provided (or `radio` mode is used), a
|
|
12
|
+
* `fieldset` + `legend` provides semantic grouping. With a single checkbox
|
|
13
|
+
* a plain `div` is rendered instead.
|
|
14
|
+
*
|
|
15
|
+
* Each option renders as a native `<input type="checkbox">` (or
|
|
16
|
+
* `type="radio"` when `radio` is `true`) so that keyboard navigation and
|
|
17
|
+
* browser/assistive-technology support come for free.
|
|
18
|
+
*
|
|
19
|
+
* In standard Vue usage, this registers with the nearest parent `GForm` via
|
|
20
|
+
* injection. In custom-elements mode, use matching `form-key` values to pair
|
|
21
|
+
* with a `GForm`.
|
|
22
|
+
*
|
|
23
|
+
* Errors are provided as an array of strings or computed values.
|
|
24
|
+
* Multiple errors will all be displayed.
|
|
25
|
+
*/
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
declare const __VLS_export: import("vue").DefineComponent<{
|
|
29
|
+
/**
|
|
30
|
+
* Legend / accessible label for the group
|
|
31
|
+
* @demo Checkbox Group
|
|
32
|
+
*/
|
|
33
|
+
label?: string;
|
|
34
|
+
/**
|
|
35
|
+
* List of checkbox options
|
|
36
|
+
*/
|
|
37
|
+
options: CheckboxOption[];
|
|
38
|
+
/**
|
|
39
|
+
* Instructions shown below the legend
|
|
40
|
+
* @demo
|
|
41
|
+
*/
|
|
42
|
+
instructions?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Error messages array (supports multiple validation errors)
|
|
45
|
+
*/
|
|
46
|
+
errors?: string[];
|
|
47
|
+
/**
|
|
48
|
+
* Mark the group as required
|
|
49
|
+
* @demo
|
|
50
|
+
*/
|
|
51
|
+
required?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Render as radio buttons (single-select)
|
|
54
|
+
* @demo
|
|
55
|
+
*/
|
|
56
|
+
radio?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* Name for form registration and native input `name` attribute
|
|
59
|
+
*/
|
|
60
|
+
name?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Form channel key for custom elements mode
|
|
63
|
+
*/
|
|
64
|
+
formKey?: string;
|
|
65
|
+
} & {
|
|
66
|
+
modelValue?: string[];
|
|
67
|
+
}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
68
|
+
"update:modelValue": (value: string[]) => any;
|
|
69
|
+
change: (value: string[]) => any;
|
|
70
|
+
}, string, import("vue").PublicProps, Readonly<{
|
|
71
|
+
/**
|
|
72
|
+
* Legend / accessible label for the group
|
|
73
|
+
* @demo Checkbox Group
|
|
74
|
+
*/
|
|
75
|
+
label?: string;
|
|
76
|
+
/**
|
|
77
|
+
* List of checkbox options
|
|
78
|
+
*/
|
|
79
|
+
options: CheckboxOption[];
|
|
80
|
+
/**
|
|
81
|
+
* Instructions shown below the legend
|
|
82
|
+
* @demo
|
|
83
|
+
*/
|
|
84
|
+
instructions?: string;
|
|
85
|
+
/**
|
|
86
|
+
* Error messages array (supports multiple validation errors)
|
|
87
|
+
*/
|
|
88
|
+
errors?: string[];
|
|
89
|
+
/**
|
|
90
|
+
* Mark the group as required
|
|
91
|
+
* @demo
|
|
92
|
+
*/
|
|
93
|
+
required?: boolean;
|
|
94
|
+
/**
|
|
95
|
+
* Render as radio buttons (single-select)
|
|
96
|
+
* @demo
|
|
97
|
+
*/
|
|
98
|
+
radio?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Name for form registration and native input `name` attribute
|
|
101
|
+
*/
|
|
102
|
+
name?: string;
|
|
103
|
+
/**
|
|
104
|
+
* Form channel key for custom elements mode
|
|
105
|
+
*/
|
|
106
|
+
formKey?: string;
|
|
107
|
+
} & {
|
|
108
|
+
modelValue?: string[];
|
|
109
|
+
}> & Readonly<{
|
|
110
|
+
"onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
|
|
111
|
+
onChange?: ((value: string[]) => any) | undefined;
|
|
112
|
+
}>, {
|
|
113
|
+
label: string;
|
|
114
|
+
radio: boolean;
|
|
115
|
+
name: string;
|
|
116
|
+
instructions: string;
|
|
117
|
+
errors: string[];
|
|
118
|
+
required: boolean;
|
|
119
|
+
formKey: string;
|
|
120
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -88,8 +88,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
|
|
|
88
88
|
label: string;
|
|
89
89
|
placeholder: string;
|
|
90
90
|
name: string;
|
|
91
|
-
disabled: boolean;
|
|
92
|
-
errors: string[];
|
|
93
91
|
instructions: string;
|
|
92
|
+
errors: string[];
|
|
94
93
|
formKey: string;
|
|
94
|
+
disabled: boolean;
|
|
95
95
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|