@webstudio-is/sdk-components-react 0.145.0 → 0.151.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.
- package/lib/components.js +117 -11
- package/lib/metas.js +850 -372
- package/lib/props.js +945 -1099
- package/lib/types/__generated__/xml-node.props.d.ts +2 -0
- package/lib/types/code-text.d.ts +3 -1
- package/lib/types/components.d.ts +1 -0
- package/lib/types/html-embed-patchers.d.ts +2 -0
- package/lib/types/metas.d.ts +1 -0
- package/lib/types/props.d.ts +1 -0
- package/lib/types/xml-node.d.ts +8 -0
- package/lib/types/xml-node.ws.d.ts +3 -0
- package/package.json +7 -7
package/lib/metas.js
CHANGED
|
@@ -239,50 +239,50 @@ var props2 = {
|
|
|
239
239
|
options: ["list", "none", "inline", "both"]
|
|
240
240
|
},
|
|
241
241
|
"aria-braillelabel": {
|
|
242
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
242
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
243
243
|
required: false,
|
|
244
244
|
control: "text",
|
|
245
245
|
type: "string"
|
|
246
246
|
},
|
|
247
247
|
"aria-brailleroledescription": {
|
|
248
|
-
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille
|
|
248
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
249
249
|
required: false,
|
|
250
250
|
control: "text",
|
|
251
251
|
type: "string"
|
|
252
252
|
},
|
|
253
253
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
254
254
|
"aria-checked": {
|
|
255
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
255
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
256
256
|
required: false,
|
|
257
257
|
control: "text",
|
|
258
258
|
type: "string"
|
|
259
259
|
},
|
|
260
260
|
"aria-colcount": {
|
|
261
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
261
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
262
262
|
required: false,
|
|
263
263
|
control: "number",
|
|
264
264
|
type: "number"
|
|
265
265
|
},
|
|
266
266
|
"aria-colindex": {
|
|
267
|
-
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid
|
|
267
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
268
268
|
required: false,
|
|
269
269
|
control: "number",
|
|
270
270
|
type: "number"
|
|
271
271
|
},
|
|
272
272
|
"aria-colindextext": {
|
|
273
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
273
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
274
274
|
required: false,
|
|
275
275
|
control: "text",
|
|
276
276
|
type: "string"
|
|
277
277
|
},
|
|
278
278
|
"aria-colspan": {
|
|
279
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
279
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
280
280
|
required: false,
|
|
281
281
|
control: "number",
|
|
282
282
|
type: "number"
|
|
283
283
|
},
|
|
284
284
|
"aria-controls": {
|
|
285
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
285
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
286
286
|
required: false,
|
|
287
287
|
control: "text",
|
|
288
288
|
type: "string"
|
|
@@ -294,38 +294,38 @@ var props2 = {
|
|
|
294
294
|
type: "string"
|
|
295
295
|
},
|
|
296
296
|
"aria-describedby": {
|
|
297
|
-
description: "Identifies the element (or elements) that describes the object
|
|
297
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
298
298
|
required: false,
|
|
299
299
|
control: "text",
|
|
300
300
|
type: "string"
|
|
301
301
|
},
|
|
302
302
|
"aria-description": {
|
|
303
|
-
description: "Defines a string value that describes or annotates the current element
|
|
303
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
304
304
|
required: false,
|
|
305
305
|
control: "text",
|
|
306
306
|
type: "string"
|
|
307
307
|
},
|
|
308
308
|
"aria-details": {
|
|
309
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
309
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
310
310
|
required: false,
|
|
311
311
|
control: "text",
|
|
312
312
|
type: "string"
|
|
313
313
|
},
|
|
314
314
|
"aria-disabled": {
|
|
315
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
315
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
316
316
|
required: false,
|
|
317
317
|
control: "boolean",
|
|
318
318
|
type: "boolean"
|
|
319
319
|
},
|
|
320
320
|
"aria-dropeffect": {
|
|
321
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
321
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
322
322
|
required: false,
|
|
323
323
|
control: "select",
|
|
324
324
|
type: "string",
|
|
325
325
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
326
326
|
},
|
|
327
327
|
"aria-errormessage": {
|
|
328
|
-
description: "Identifies the element that provides an error message for the object
|
|
328
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
329
329
|
required: false,
|
|
330
330
|
control: "text",
|
|
331
331
|
type: "string"
|
|
@@ -343,8 +343,7 @@ var props2 = {
|
|
|
343
343
|
type: "string"
|
|
344
344
|
},
|
|
345
345
|
"aria-grabbed": {
|
|
346
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
347
|
-
@deprecated in ARIA 1.1`,
|
|
346
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
348
347
|
required: false,
|
|
349
348
|
control: "boolean",
|
|
350
349
|
type: "boolean"
|
|
@@ -356,13 +355,13 @@ var props2 = {
|
|
|
356
355
|
type: "string"
|
|
357
356
|
},
|
|
358
357
|
"aria-hidden": {
|
|
359
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
358
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
360
359
|
required: false,
|
|
361
360
|
control: "boolean",
|
|
362
361
|
type: "boolean"
|
|
363
362
|
},
|
|
364
363
|
"aria-invalid": {
|
|
365
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
364
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
366
365
|
required: false,
|
|
367
366
|
control: "text",
|
|
368
367
|
type: "string"
|
|
@@ -380,7 +379,7 @@ var props2 = {
|
|
|
380
379
|
type: "string"
|
|
381
380
|
},
|
|
382
381
|
"aria-labelledby": {
|
|
383
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
382
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
384
383
|
required: false,
|
|
385
384
|
control: "text",
|
|
386
385
|
type: "string"
|
|
@@ -424,7 +423,7 @@ var props2 = {
|
|
|
424
423
|
options: ["horizontal", "vertical"]
|
|
425
424
|
},
|
|
426
425
|
"aria-owns": {
|
|
427
|
-
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship
|
|
426
|
+
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.",
|
|
428
427
|
required: false,
|
|
429
428
|
control: "text",
|
|
430
429
|
type: "string"
|
|
@@ -436,25 +435,25 @@ var props2 = {
|
|
|
436
435
|
type: "string"
|
|
437
436
|
},
|
|
438
437
|
"aria-posinset": {
|
|
439
|
-
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
438
|
+
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
440
439
|
required: false,
|
|
441
440
|
control: "number",
|
|
442
441
|
type: "number"
|
|
443
442
|
},
|
|
444
443
|
"aria-pressed": {
|
|
445
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
444
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
446
445
|
required: false,
|
|
447
446
|
control: "text",
|
|
448
447
|
type: "string"
|
|
449
448
|
},
|
|
450
449
|
"aria-readonly": {
|
|
451
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
450
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
452
451
|
required: false,
|
|
453
452
|
control: "boolean",
|
|
454
453
|
type: "boolean"
|
|
455
454
|
},
|
|
456
455
|
"aria-relevant": {
|
|
457
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
456
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
458
457
|
required: false,
|
|
459
458
|
control: "select",
|
|
460
459
|
type: "string",
|
|
@@ -484,37 +483,37 @@ var props2 = {
|
|
|
484
483
|
type: "string"
|
|
485
484
|
},
|
|
486
485
|
"aria-rowcount": {
|
|
487
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
486
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
488
487
|
required: false,
|
|
489
488
|
control: "number",
|
|
490
489
|
type: "number"
|
|
491
490
|
},
|
|
492
491
|
"aria-rowindex": {
|
|
493
|
-
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid
|
|
492
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
494
493
|
required: false,
|
|
495
494
|
control: "number",
|
|
496
495
|
type: "number"
|
|
497
496
|
},
|
|
498
497
|
"aria-rowindextext": {
|
|
499
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
498
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
500
499
|
required: false,
|
|
501
500
|
control: "text",
|
|
502
501
|
type: "string"
|
|
503
502
|
},
|
|
504
503
|
"aria-rowspan": {
|
|
505
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
504
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
506
505
|
required: false,
|
|
507
506
|
control: "number",
|
|
508
507
|
type: "number"
|
|
509
508
|
},
|
|
510
509
|
"aria-selected": {
|
|
511
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
510
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
512
511
|
required: false,
|
|
513
512
|
control: "boolean",
|
|
514
513
|
type: "boolean"
|
|
515
514
|
},
|
|
516
515
|
"aria-setsize": {
|
|
517
|
-
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
516
|
+
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
518
517
|
required: false,
|
|
519
518
|
control: "number",
|
|
520
519
|
type: "number"
|
|
@@ -539,7 +538,7 @@ var props2 = {
|
|
|
539
538
|
type: "number"
|
|
540
539
|
},
|
|
541
540
|
"aria-valuenow": {
|
|
542
|
-
description: "Defines the current value for a range widget
|
|
541
|
+
description: "Defines the current value for a range widget.",
|
|
543
542
|
required: false,
|
|
544
543
|
control: "number",
|
|
545
544
|
type: "number"
|
|
@@ -622,7 +621,7 @@ var props2 = {
|
|
|
622
621
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
623
622
|
},
|
|
624
623
|
inputMode: {
|
|
625
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
624
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
626
625
|
required: false,
|
|
627
626
|
control: "select",
|
|
628
627
|
type: "string",
|
|
@@ -638,7 +637,7 @@ var props2 = {
|
|
|
638
637
|
]
|
|
639
638
|
},
|
|
640
639
|
is: {
|
|
641
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
640
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
642
641
|
required: false,
|
|
643
642
|
control: "text",
|
|
644
643
|
type: "string"
|
|
@@ -667,12 +666,6 @@ var props2 = {
|
|
|
667
666
|
type: "string",
|
|
668
667
|
description: "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink."
|
|
669
668
|
},
|
|
670
|
-
placeholder: {
|
|
671
|
-
required: false,
|
|
672
|
-
control: "text",
|
|
673
|
-
type: "string",
|
|
674
|
-
description: "Provides a hint to the user of what can be entered in the field."
|
|
675
|
-
},
|
|
676
669
|
prefix: { required: false, control: "text", type: "string" },
|
|
677
670
|
property: { required: false, control: "text", type: "string" },
|
|
678
671
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
@@ -942,7 +935,7 @@ var meta16 = {
|
|
|
942
935
|
{ selector: ":disabled", label: "Disabled" },
|
|
943
936
|
{ selector: ":enabled", label: "Enabled" }
|
|
944
937
|
],
|
|
945
|
-
order:
|
|
938
|
+
order: 2
|
|
946
939
|
};
|
|
947
940
|
|
|
948
941
|
// src/input.ws.ts
|
|
@@ -1001,46 +994,11 @@ var meta18 = {
|
|
|
1001
994
|
type: "container",
|
|
1002
995
|
invalidAncestors: ["Form", "Button", "Link"],
|
|
1003
996
|
label: "Form",
|
|
1004
|
-
description: "
|
|
997
|
+
description: "Create filters, surveys, searches and more.",
|
|
1005
998
|
icon: FormIcon,
|
|
1006
999
|
states: defaultStates14,
|
|
1007
1000
|
presetStyle: presetStyle14,
|
|
1008
|
-
order: 0
|
|
1009
|
-
template: [
|
|
1010
|
-
{
|
|
1011
|
-
type: "instance",
|
|
1012
|
-
component: "Form",
|
|
1013
|
-
children: [
|
|
1014
|
-
{
|
|
1015
|
-
type: "instance",
|
|
1016
|
-
component: "Label",
|
|
1017
|
-
children: [{ type: "text", value: "Name" }]
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
type: "instance",
|
|
1021
|
-
component: "Input",
|
|
1022
|
-
props: [{ type: "string", name: "name", value: "name" }],
|
|
1023
|
-
children: []
|
|
1024
|
-
},
|
|
1025
|
-
{
|
|
1026
|
-
type: "instance",
|
|
1027
|
-
component: "Label",
|
|
1028
|
-
children: [{ type: "text", value: "Email" }]
|
|
1029
|
-
},
|
|
1030
|
-
{
|
|
1031
|
-
type: "instance",
|
|
1032
|
-
component: "Input",
|
|
1033
|
-
props: [{ type: "string", name: "name", value: "email" }],
|
|
1034
|
-
children: []
|
|
1035
|
-
},
|
|
1036
|
-
{
|
|
1037
|
-
type: "instance",
|
|
1038
|
-
component: "Button",
|
|
1039
|
-
children: [{ type: "text", value: "Submit" }]
|
|
1040
|
-
}
|
|
1041
|
-
]
|
|
1042
|
-
}
|
|
1043
|
-
]
|
|
1001
|
+
order: 0
|
|
1044
1002
|
};
|
|
1045
1003
|
|
|
1046
1004
|
// src/image.ws.ts
|
|
@@ -1085,50 +1043,50 @@ var props3 = {
|
|
|
1085
1043
|
options: ["list", "none", "inline", "both"]
|
|
1086
1044
|
},
|
|
1087
1045
|
"aria-braillelabel": {
|
|
1088
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
1046
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
1089
1047
|
required: false,
|
|
1090
1048
|
control: "text",
|
|
1091
1049
|
type: "string"
|
|
1092
1050
|
},
|
|
1093
1051
|
"aria-brailleroledescription": {
|
|
1094
|
-
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille
|
|
1052
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
1095
1053
|
required: false,
|
|
1096
1054
|
control: "text",
|
|
1097
1055
|
type: "string"
|
|
1098
1056
|
},
|
|
1099
1057
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
1100
1058
|
"aria-checked": {
|
|
1101
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
1059
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
1102
1060
|
required: false,
|
|
1103
1061
|
control: "text",
|
|
1104
1062
|
type: "string"
|
|
1105
1063
|
},
|
|
1106
1064
|
"aria-colcount": {
|
|
1107
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
1065
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
1108
1066
|
required: false,
|
|
1109
1067
|
control: "number",
|
|
1110
1068
|
type: "number"
|
|
1111
1069
|
},
|
|
1112
1070
|
"aria-colindex": {
|
|
1113
|
-
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid
|
|
1071
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
1114
1072
|
required: false,
|
|
1115
1073
|
control: "number",
|
|
1116
1074
|
type: "number"
|
|
1117
1075
|
},
|
|
1118
1076
|
"aria-colindextext": {
|
|
1119
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
1077
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
1120
1078
|
required: false,
|
|
1121
1079
|
control: "text",
|
|
1122
1080
|
type: "string"
|
|
1123
1081
|
},
|
|
1124
1082
|
"aria-colspan": {
|
|
1125
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
1083
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
1126
1084
|
required: false,
|
|
1127
1085
|
control: "number",
|
|
1128
1086
|
type: "number"
|
|
1129
1087
|
},
|
|
1130
1088
|
"aria-controls": {
|
|
1131
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
1089
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
1132
1090
|
required: false,
|
|
1133
1091
|
control: "text",
|
|
1134
1092
|
type: "string"
|
|
@@ -1140,38 +1098,38 @@ var props3 = {
|
|
|
1140
1098
|
type: "string"
|
|
1141
1099
|
},
|
|
1142
1100
|
"aria-describedby": {
|
|
1143
|
-
description: "Identifies the element (or elements) that describes the object
|
|
1101
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
1144
1102
|
required: false,
|
|
1145
1103
|
control: "text",
|
|
1146
1104
|
type: "string"
|
|
1147
1105
|
},
|
|
1148
1106
|
"aria-description": {
|
|
1149
|
-
description: "Defines a string value that describes or annotates the current element
|
|
1107
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
1150
1108
|
required: false,
|
|
1151
1109
|
control: "text",
|
|
1152
1110
|
type: "string"
|
|
1153
1111
|
},
|
|
1154
1112
|
"aria-details": {
|
|
1155
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
1113
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
1156
1114
|
required: false,
|
|
1157
1115
|
control: "text",
|
|
1158
1116
|
type: "string"
|
|
1159
1117
|
},
|
|
1160
1118
|
"aria-disabled": {
|
|
1161
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
1119
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
1162
1120
|
required: false,
|
|
1163
1121
|
control: "boolean",
|
|
1164
1122
|
type: "boolean"
|
|
1165
1123
|
},
|
|
1166
1124
|
"aria-dropeffect": {
|
|
1167
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
1125
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
1168
1126
|
required: false,
|
|
1169
1127
|
control: "select",
|
|
1170
1128
|
type: "string",
|
|
1171
1129
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
1172
1130
|
},
|
|
1173
1131
|
"aria-errormessage": {
|
|
1174
|
-
description: "Identifies the element that provides an error message for the object
|
|
1132
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
1175
1133
|
required: false,
|
|
1176
1134
|
control: "text",
|
|
1177
1135
|
type: "string"
|
|
@@ -1189,8 +1147,7 @@ var props3 = {
|
|
|
1189
1147
|
type: "string"
|
|
1190
1148
|
},
|
|
1191
1149
|
"aria-grabbed": {
|
|
1192
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
1193
|
-
@deprecated in ARIA 1.1`,
|
|
1150
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
1194
1151
|
required: false,
|
|
1195
1152
|
control: "boolean",
|
|
1196
1153
|
type: "boolean"
|
|
@@ -1202,13 +1159,13 @@ var props3 = {
|
|
|
1202
1159
|
type: "string"
|
|
1203
1160
|
},
|
|
1204
1161
|
"aria-hidden": {
|
|
1205
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
1162
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
1206
1163
|
required: false,
|
|
1207
1164
|
control: "boolean",
|
|
1208
1165
|
type: "boolean"
|
|
1209
1166
|
},
|
|
1210
1167
|
"aria-invalid": {
|
|
1211
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
1168
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
1212
1169
|
required: false,
|
|
1213
1170
|
control: "text",
|
|
1214
1171
|
type: "string"
|
|
@@ -1226,7 +1183,7 @@ var props3 = {
|
|
|
1226
1183
|
type: "string"
|
|
1227
1184
|
},
|
|
1228
1185
|
"aria-labelledby": {
|
|
1229
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
1186
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
1230
1187
|
required: false,
|
|
1231
1188
|
control: "text",
|
|
1232
1189
|
type: "string"
|
|
@@ -1270,7 +1227,7 @@ var props3 = {
|
|
|
1270
1227
|
options: ["horizontal", "vertical"]
|
|
1271
1228
|
},
|
|
1272
1229
|
"aria-owns": {
|
|
1273
|
-
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship
|
|
1230
|
+
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.",
|
|
1274
1231
|
required: false,
|
|
1275
1232
|
control: "text",
|
|
1276
1233
|
type: "string"
|
|
@@ -1282,25 +1239,25 @@ var props3 = {
|
|
|
1282
1239
|
type: "string"
|
|
1283
1240
|
},
|
|
1284
1241
|
"aria-posinset": {
|
|
1285
|
-
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
1242
|
+
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
1286
1243
|
required: false,
|
|
1287
1244
|
control: "number",
|
|
1288
1245
|
type: "number"
|
|
1289
1246
|
},
|
|
1290
1247
|
"aria-pressed": {
|
|
1291
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
1248
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
1292
1249
|
required: false,
|
|
1293
1250
|
control: "text",
|
|
1294
1251
|
type: "string"
|
|
1295
1252
|
},
|
|
1296
1253
|
"aria-readonly": {
|
|
1297
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
1254
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
1298
1255
|
required: false,
|
|
1299
1256
|
control: "boolean",
|
|
1300
1257
|
type: "boolean"
|
|
1301
1258
|
},
|
|
1302
1259
|
"aria-relevant": {
|
|
1303
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
1260
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
1304
1261
|
required: false,
|
|
1305
1262
|
control: "select",
|
|
1306
1263
|
type: "string",
|
|
@@ -1330,37 +1287,37 @@ var props3 = {
|
|
|
1330
1287
|
type: "string"
|
|
1331
1288
|
},
|
|
1332
1289
|
"aria-rowcount": {
|
|
1333
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
1290
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
1334
1291
|
required: false,
|
|
1335
1292
|
control: "number",
|
|
1336
1293
|
type: "number"
|
|
1337
1294
|
},
|
|
1338
1295
|
"aria-rowindex": {
|
|
1339
|
-
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid
|
|
1296
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
1340
1297
|
required: false,
|
|
1341
1298
|
control: "number",
|
|
1342
1299
|
type: "number"
|
|
1343
1300
|
},
|
|
1344
1301
|
"aria-rowindextext": {
|
|
1345
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
1302
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
1346
1303
|
required: false,
|
|
1347
1304
|
control: "text",
|
|
1348
1305
|
type: "string"
|
|
1349
1306
|
},
|
|
1350
1307
|
"aria-rowspan": {
|
|
1351
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
1308
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
1352
1309
|
required: false,
|
|
1353
1310
|
control: "number",
|
|
1354
1311
|
type: "number"
|
|
1355
1312
|
},
|
|
1356
1313
|
"aria-selected": {
|
|
1357
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
1314
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
1358
1315
|
required: false,
|
|
1359
1316
|
control: "boolean",
|
|
1360
1317
|
type: "boolean"
|
|
1361
1318
|
},
|
|
1362
1319
|
"aria-setsize": {
|
|
1363
|
-
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
1320
|
+
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
1364
1321
|
required: false,
|
|
1365
1322
|
control: "number",
|
|
1366
1323
|
type: "number"
|
|
@@ -1385,7 +1342,7 @@ var props3 = {
|
|
|
1385
1342
|
type: "number"
|
|
1386
1343
|
},
|
|
1387
1344
|
"aria-valuenow": {
|
|
1388
|
-
description: "Defines the current value for a range widget
|
|
1345
|
+
description: "Defines the current value for a range widget.",
|
|
1389
1346
|
required: false,
|
|
1390
1347
|
control: "number",
|
|
1391
1348
|
type: "number"
|
|
@@ -1457,6 +1414,12 @@ var props3 = {
|
|
|
1457
1414
|
type: "boolean",
|
|
1458
1415
|
description: "Defines whether the element can be dragged."
|
|
1459
1416
|
},
|
|
1417
|
+
fetchPriority: {
|
|
1418
|
+
required: false,
|
|
1419
|
+
control: "radio",
|
|
1420
|
+
type: "string",
|
|
1421
|
+
options: ["high", "low", "auto"]
|
|
1422
|
+
},
|
|
1460
1423
|
height: {
|
|
1461
1424
|
required: false,
|
|
1462
1425
|
control: "number",
|
|
@@ -1476,7 +1439,7 @@ var props3 = {
|
|
|
1476
1439
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
1477
1440
|
},
|
|
1478
1441
|
inputMode: {
|
|
1479
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
1442
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
1480
1443
|
required: false,
|
|
1481
1444
|
control: "select",
|
|
1482
1445
|
type: "string",
|
|
@@ -1492,7 +1455,7 @@ var props3 = {
|
|
|
1492
1455
|
]
|
|
1493
1456
|
},
|
|
1494
1457
|
is: {
|
|
1495
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
1458
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
1496
1459
|
required: false,
|
|
1497
1460
|
control: "text",
|
|
1498
1461
|
type: "string"
|
|
@@ -1518,12 +1481,6 @@ var props3 = {
|
|
|
1518
1481
|
},
|
|
1519
1482
|
nonce: { required: false, control: "text", type: "string" },
|
|
1520
1483
|
optimize: { required: false, control: "boolean", type: "boolean" },
|
|
1521
|
-
placeholder: {
|
|
1522
|
-
required: false,
|
|
1523
|
-
control: "text",
|
|
1524
|
-
type: "string",
|
|
1525
|
-
description: "Provides a hint to the user of what can be entered in the field."
|
|
1526
|
-
},
|
|
1527
1484
|
prefix: { required: false, control: "text", type: "string" },
|
|
1528
1485
|
property: { required: false, control: "text", type: "string" },
|
|
1529
1486
|
quality: { required: false, control: "number", type: "number" },
|
|
@@ -1534,9 +1491,9 @@ var props3 = {
|
|
|
1534
1491
|
type: "string",
|
|
1535
1492
|
options: [
|
|
1536
1493
|
"",
|
|
1494
|
+
"origin",
|
|
1537
1495
|
"no-referrer",
|
|
1538
1496
|
"no-referrer-when-downgrade",
|
|
1539
|
-
"origin",
|
|
1540
1497
|
"origin-when-cross-origin",
|
|
1541
1498
|
"same-origin",
|
|
1542
1499
|
"strict-origin",
|
|
@@ -1891,51 +1848,8 @@ import {
|
|
|
1891
1848
|
defaultStates as defaultStates20
|
|
1892
1849
|
} from "@webstudio-is/react-sdk";
|
|
1893
1850
|
import { code } from "@webstudio-is/react-sdk/css-normalize";
|
|
1894
|
-
var presetStyle20 = {
|
|
1895
|
-
code: [
|
|
1896
|
-
...code,
|
|
1897
|
-
{
|
|
1898
|
-
property: "display",
|
|
1899
|
-
value: { type: "keyword", value: "block" }
|
|
1900
|
-
},
|
|
1901
|
-
{
|
|
1902
|
-
property: "whiteSpace",
|
|
1903
|
-
value: { type: "keyword", value: "pre-wrap" }
|
|
1904
|
-
},
|
|
1905
|
-
{
|
|
1906
|
-
property: "paddingLeft",
|
|
1907
|
-
value: { type: "unit", value: 0.2, unit: "em" }
|
|
1908
|
-
},
|
|
1909
|
-
{
|
|
1910
|
-
property: "paddingRight",
|
|
1911
|
-
value: { type: "unit", value: 0.2, unit: "em" }
|
|
1912
|
-
},
|
|
1913
|
-
{
|
|
1914
|
-
property: "backgroundColor",
|
|
1915
|
-
value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
|
|
1916
|
-
}
|
|
1917
|
-
]
|
|
1918
|
-
};
|
|
1919
|
-
var meta24 = {
|
|
1920
|
-
category: "general",
|
|
1921
|
-
type: "container",
|
|
1922
|
-
label: "Code Text",
|
|
1923
|
-
description: "Use this component when you want to display code as text on the page.",
|
|
1924
|
-
icon: CodeTextIcon,
|
|
1925
|
-
invalidAncestors: ["CodeText"],
|
|
1926
|
-
states: defaultStates20,
|
|
1927
|
-
presetStyle: presetStyle20,
|
|
1928
|
-
order: 9
|
|
1929
|
-
};
|
|
1930
|
-
|
|
1931
|
-
// src/label.ws.ts
|
|
1932
|
-
import { LabelIcon } from "@webstudio-is/icons/svg";
|
|
1933
|
-
import {
|
|
1934
|
-
defaultStates as defaultStates21
|
|
1935
|
-
} from "@webstudio-is/react-sdk";
|
|
1936
|
-
import { label } from "@webstudio-is/react-sdk/css-normalize";
|
|
1937
1851
|
|
|
1938
|
-
// src/__generated__/
|
|
1852
|
+
// src/__generated__/code-text.props.ts
|
|
1939
1853
|
var props4 = {
|
|
1940
1854
|
about: { required: false, control: "text", type: "string" },
|
|
1941
1855
|
accessKey: {
|
|
@@ -1964,50 +1878,50 @@ var props4 = {
|
|
|
1964
1878
|
options: ["list", "none", "inline", "both"]
|
|
1965
1879
|
},
|
|
1966
1880
|
"aria-braillelabel": {
|
|
1967
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
1881
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
1968
1882
|
required: false,
|
|
1969
1883
|
control: "text",
|
|
1970
1884
|
type: "string"
|
|
1971
1885
|
},
|
|
1972
1886
|
"aria-brailleroledescription": {
|
|
1973
|
-
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille
|
|
1887
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
1974
1888
|
required: false,
|
|
1975
1889
|
control: "text",
|
|
1976
1890
|
type: "string"
|
|
1977
1891
|
},
|
|
1978
1892
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
1979
1893
|
"aria-checked": {
|
|
1980
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
1894
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
1981
1895
|
required: false,
|
|
1982
1896
|
control: "text",
|
|
1983
1897
|
type: "string"
|
|
1984
1898
|
},
|
|
1985
1899
|
"aria-colcount": {
|
|
1986
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
1900
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
1987
1901
|
required: false,
|
|
1988
1902
|
control: "number",
|
|
1989
1903
|
type: "number"
|
|
1990
1904
|
},
|
|
1991
1905
|
"aria-colindex": {
|
|
1992
|
-
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid
|
|
1906
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
1993
1907
|
required: false,
|
|
1994
1908
|
control: "number",
|
|
1995
1909
|
type: "number"
|
|
1996
1910
|
},
|
|
1997
1911
|
"aria-colindextext": {
|
|
1998
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
1912
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
1999
1913
|
required: false,
|
|
2000
1914
|
control: "text",
|
|
2001
1915
|
type: "string"
|
|
2002
1916
|
},
|
|
2003
1917
|
"aria-colspan": {
|
|
2004
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
1918
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2005
1919
|
required: false,
|
|
2006
1920
|
control: "number",
|
|
2007
1921
|
type: "number"
|
|
2008
1922
|
},
|
|
2009
1923
|
"aria-controls": {
|
|
2010
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
1924
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
2011
1925
|
required: false,
|
|
2012
1926
|
control: "text",
|
|
2013
1927
|
type: "string"
|
|
@@ -2019,38 +1933,38 @@ var props4 = {
|
|
|
2019
1933
|
type: "string"
|
|
2020
1934
|
},
|
|
2021
1935
|
"aria-describedby": {
|
|
2022
|
-
description: "Identifies the element (or elements) that describes the object
|
|
1936
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
2023
1937
|
required: false,
|
|
2024
1938
|
control: "text",
|
|
2025
1939
|
type: "string"
|
|
2026
1940
|
},
|
|
2027
1941
|
"aria-description": {
|
|
2028
|
-
description: "Defines a string value that describes or annotates the current element
|
|
1942
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
2029
1943
|
required: false,
|
|
2030
1944
|
control: "text",
|
|
2031
1945
|
type: "string"
|
|
2032
1946
|
},
|
|
2033
1947
|
"aria-details": {
|
|
2034
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
1948
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
2035
1949
|
required: false,
|
|
2036
1950
|
control: "text",
|
|
2037
1951
|
type: "string"
|
|
2038
1952
|
},
|
|
2039
1953
|
"aria-disabled": {
|
|
2040
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
1954
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
2041
1955
|
required: false,
|
|
2042
1956
|
control: "boolean",
|
|
2043
1957
|
type: "boolean"
|
|
2044
1958
|
},
|
|
2045
1959
|
"aria-dropeffect": {
|
|
2046
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
1960
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
2047
1961
|
required: false,
|
|
2048
1962
|
control: "select",
|
|
2049
1963
|
type: "string",
|
|
2050
1964
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
2051
1965
|
},
|
|
2052
1966
|
"aria-errormessage": {
|
|
2053
|
-
description: "Identifies the element that provides an error message for the object
|
|
1967
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
2054
1968
|
required: false,
|
|
2055
1969
|
control: "text",
|
|
2056
1970
|
type: "string"
|
|
@@ -2068,8 +1982,7 @@ var props4 = {
|
|
|
2068
1982
|
type: "string"
|
|
2069
1983
|
},
|
|
2070
1984
|
"aria-grabbed": {
|
|
2071
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
2072
|
-
@deprecated in ARIA 1.1`,
|
|
1985
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
2073
1986
|
required: false,
|
|
2074
1987
|
control: "boolean",
|
|
2075
1988
|
type: "boolean"
|
|
@@ -2081,13 +1994,13 @@ var props4 = {
|
|
|
2081
1994
|
type: "string"
|
|
2082
1995
|
},
|
|
2083
1996
|
"aria-hidden": {
|
|
2084
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
1997
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
2085
1998
|
required: false,
|
|
2086
1999
|
control: "boolean",
|
|
2087
2000
|
type: "boolean"
|
|
2088
2001
|
},
|
|
2089
2002
|
"aria-invalid": {
|
|
2090
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
2003
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
2091
2004
|
required: false,
|
|
2092
2005
|
control: "text",
|
|
2093
2006
|
type: "string"
|
|
@@ -2105,7 +2018,7 @@ var props4 = {
|
|
|
2105
2018
|
type: "string"
|
|
2106
2019
|
},
|
|
2107
2020
|
"aria-labelledby": {
|
|
2108
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
2021
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
2109
2022
|
required: false,
|
|
2110
2023
|
control: "text",
|
|
2111
2024
|
type: "string"
|
|
@@ -2149,7 +2062,7 @@ var props4 = {
|
|
|
2149
2062
|
options: ["horizontal", "vertical"]
|
|
2150
2063
|
},
|
|
2151
2064
|
"aria-owns": {
|
|
2152
|
-
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship
|
|
2065
|
+
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.",
|
|
2153
2066
|
required: false,
|
|
2154
2067
|
control: "text",
|
|
2155
2068
|
type: "string"
|
|
@@ -2161,25 +2074,25 @@ var props4 = {
|
|
|
2161
2074
|
type: "string"
|
|
2162
2075
|
},
|
|
2163
2076
|
"aria-posinset": {
|
|
2164
|
-
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
2077
|
+
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
2165
2078
|
required: false,
|
|
2166
2079
|
control: "number",
|
|
2167
2080
|
type: "number"
|
|
2168
2081
|
},
|
|
2169
2082
|
"aria-pressed": {
|
|
2170
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
2083
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
2171
2084
|
required: false,
|
|
2172
2085
|
control: "text",
|
|
2173
2086
|
type: "string"
|
|
2174
2087
|
},
|
|
2175
2088
|
"aria-readonly": {
|
|
2176
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
2089
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
2177
2090
|
required: false,
|
|
2178
2091
|
control: "boolean",
|
|
2179
2092
|
type: "boolean"
|
|
2180
2093
|
},
|
|
2181
2094
|
"aria-relevant": {
|
|
2182
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
2095
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
2183
2096
|
required: false,
|
|
2184
2097
|
control: "select",
|
|
2185
2098
|
type: "string",
|
|
@@ -2209,37 +2122,37 @@ var props4 = {
|
|
|
2209
2122
|
type: "string"
|
|
2210
2123
|
},
|
|
2211
2124
|
"aria-rowcount": {
|
|
2212
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
2125
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
2213
2126
|
required: false,
|
|
2214
2127
|
control: "number",
|
|
2215
2128
|
type: "number"
|
|
2216
2129
|
},
|
|
2217
2130
|
"aria-rowindex": {
|
|
2218
|
-
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid
|
|
2131
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
2219
2132
|
required: false,
|
|
2220
2133
|
control: "number",
|
|
2221
2134
|
type: "number"
|
|
2222
2135
|
},
|
|
2223
2136
|
"aria-rowindextext": {
|
|
2224
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
2137
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
2225
2138
|
required: false,
|
|
2226
2139
|
control: "text",
|
|
2227
2140
|
type: "string"
|
|
2228
2141
|
},
|
|
2229
2142
|
"aria-rowspan": {
|
|
2230
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
2143
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2231
2144
|
required: false,
|
|
2232
2145
|
control: "number",
|
|
2233
2146
|
type: "number"
|
|
2234
2147
|
},
|
|
2235
2148
|
"aria-selected": {
|
|
2236
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
2149
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
2237
2150
|
required: false,
|
|
2238
2151
|
control: "boolean",
|
|
2239
2152
|
type: "boolean"
|
|
2240
2153
|
},
|
|
2241
2154
|
"aria-setsize": {
|
|
2242
|
-
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
2155
|
+
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
2243
2156
|
required: false,
|
|
2244
2157
|
control: "number",
|
|
2245
2158
|
type: "number"
|
|
@@ -2264,7 +2177,7 @@ var props4 = {
|
|
|
2264
2177
|
type: "number"
|
|
2265
2178
|
},
|
|
2266
2179
|
"aria-valuenow": {
|
|
2267
|
-
description: "Defines the current value for a range widget
|
|
2180
|
+
description: "Defines the current value for a range widget.",
|
|
2268
2181
|
required: false,
|
|
2269
2182
|
control: "number",
|
|
2270
2183
|
type: "number"
|
|
@@ -2290,6 +2203,7 @@ var props4 = {
|
|
|
2290
2203
|
},
|
|
2291
2204
|
autoSave: { required: false, control: "text", type: "string" },
|
|
2292
2205
|
className: { required: false, control: "text", type: "string" },
|
|
2206
|
+
code: { required: false, control: "text", type: "string" },
|
|
2293
2207
|
color: {
|
|
2294
2208
|
required: false,
|
|
2295
2209
|
control: "color",
|
|
@@ -2322,24 +2236,12 @@ var props4 = {
|
|
|
2322
2236
|
type: "boolean",
|
|
2323
2237
|
description: "Defines whether the element can be dragged."
|
|
2324
2238
|
},
|
|
2325
|
-
form: {
|
|
2326
|
-
required: false,
|
|
2327
|
-
control: "text",
|
|
2328
|
-
type: "string",
|
|
2329
|
-
description: "Indicates the form that is the owner of the element."
|
|
2330
|
-
},
|
|
2331
2239
|
hidden: {
|
|
2332
2240
|
required: false,
|
|
2333
2241
|
control: "boolean",
|
|
2334
2242
|
type: "boolean",
|
|
2335
2243
|
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
2336
2244
|
},
|
|
2337
|
-
htmlFor: {
|
|
2338
|
-
required: false,
|
|
2339
|
-
control: "text",
|
|
2340
|
-
type: "string",
|
|
2341
|
-
description: "Associates this Label with an Input. The value of the \u201CFor\u201D attribute should match the ID attribute of the corresponding Input element"
|
|
2342
|
-
},
|
|
2343
2245
|
id: {
|
|
2344
2246
|
required: false,
|
|
2345
2247
|
control: "text",
|
|
@@ -2347,7 +2249,7 @@ var props4 = {
|
|
|
2347
2249
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
2348
2250
|
},
|
|
2349
2251
|
inputMode: {
|
|
2350
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
2252
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
2351
2253
|
required: false,
|
|
2352
2254
|
control: "select",
|
|
2353
2255
|
type: "string",
|
|
@@ -2363,7 +2265,7 @@ var props4 = {
|
|
|
2363
2265
|
]
|
|
2364
2266
|
},
|
|
2365
2267
|
is: {
|
|
2366
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
2268
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
2367
2269
|
required: false,
|
|
2368
2270
|
control: "text",
|
|
2369
2271
|
type: "string"
|
|
@@ -2380,12 +2282,6 @@ var props4 = {
|
|
|
2380
2282
|
description: "Defines the language used in the element."
|
|
2381
2283
|
},
|
|
2382
2284
|
nonce: { required: false, control: "text", type: "string" },
|
|
2383
|
-
placeholder: {
|
|
2384
|
-
required: false,
|
|
2385
|
-
control: "text",
|
|
2386
|
-
type: "string",
|
|
2387
|
-
description: "Provides a hint to the user of what can be entered in the field."
|
|
2388
|
-
},
|
|
2389
2285
|
prefix: { required: false, control: "text", type: "string" },
|
|
2390
2286
|
property: { required: false, control: "text", type: "string" },
|
|
2391
2287
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
@@ -2456,135 +2352,705 @@ var props4 = {
|
|
|
2456
2352
|
vocab: { required: false, control: "text", type: "string" }
|
|
2457
2353
|
};
|
|
2458
2354
|
|
|
2459
|
-
// src/
|
|
2460
|
-
var
|
|
2461
|
-
|
|
2462
|
-
...
|
|
2463
|
-
{ property: "display", value: { type: "keyword", value: "block" } }
|
|
2464
|
-
]
|
|
2465
|
-
};
|
|
2466
|
-
var meta25 = {
|
|
2467
|
-
category: "forms",
|
|
2468
|
-
invalidAncestors: ["Button", "Label"],
|
|
2469
|
-
type: "container",
|
|
2470
|
-
label: "Input Label",
|
|
2471
|
-
icon: LabelIcon,
|
|
2472
|
-
states: defaultStates21,
|
|
2473
|
-
presetStyle: presetStyle21,
|
|
2474
|
-
order: 2,
|
|
2475
|
-
template: [
|
|
2355
|
+
// src/code-text.ws.ts
|
|
2356
|
+
var presetStyle20 = {
|
|
2357
|
+
code: [
|
|
2358
|
+
...code,
|
|
2476
2359
|
{
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2360
|
+
property: "display",
|
|
2361
|
+
value: { type: "keyword", value: "block" }
|
|
2362
|
+
},
|
|
2363
|
+
{
|
|
2364
|
+
property: "whiteSpace",
|
|
2365
|
+
value: { type: "keyword", value: "pre-wrap" }
|
|
2366
|
+
},
|
|
2367
|
+
{
|
|
2368
|
+
property: "paddingLeft",
|
|
2369
|
+
value: { type: "unit", value: 0.2, unit: "em" }
|
|
2370
|
+
},
|
|
2371
|
+
{
|
|
2372
|
+
property: "paddingRight",
|
|
2373
|
+
value: { type: "unit", value: 0.2, unit: "em" }
|
|
2374
|
+
},
|
|
2375
|
+
{
|
|
2376
|
+
property: "backgroundColor",
|
|
2377
|
+
value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
|
|
2480
2378
|
}
|
|
2481
2379
|
]
|
|
2482
2380
|
};
|
|
2381
|
+
var meta24 = {
|
|
2382
|
+
category: "general",
|
|
2383
|
+
type: "embed",
|
|
2384
|
+
label: "Code Text",
|
|
2385
|
+
description: "Use this component when you want to display code as text on the page.",
|
|
2386
|
+
icon: CodeTextIcon,
|
|
2387
|
+
invalidAncestors: ["CodeText"],
|
|
2388
|
+
states: defaultStates20,
|
|
2389
|
+
presetStyle: presetStyle20,
|
|
2390
|
+
order: 9
|
|
2391
|
+
};
|
|
2483
2392
|
var propsMeta4 = {
|
|
2484
2393
|
props: {
|
|
2485
2394
|
...props4,
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2395
|
+
code: {
|
|
2396
|
+
required: true,
|
|
2397
|
+
control: "codetext",
|
|
2398
|
+
type: "string"
|
|
2489
2399
|
}
|
|
2490
2400
|
},
|
|
2491
|
-
initialProps: ["id", "className", "
|
|
2492
|
-
};
|
|
2493
|
-
|
|
2494
|
-
// src/textarea.ws.ts
|
|
2495
|
-
import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
|
|
2496
|
-
import {
|
|
2497
|
-
defaultStates as defaultStates22
|
|
2498
|
-
} from "@webstudio-is/react-sdk";
|
|
2499
|
-
import { textarea } from "@webstudio-is/react-sdk/css-normalize";
|
|
2500
|
-
var presetStyle22 = {
|
|
2501
|
-
textarea: [
|
|
2502
|
-
...textarea,
|
|
2503
|
-
// resize doesn't work well while on canvas
|
|
2504
|
-
{ property: "resize", value: { type: "keyword", value: "none" } },
|
|
2505
|
-
{
|
|
2506
|
-
property: "display",
|
|
2507
|
-
value: { type: "keyword", value: "block" }
|
|
2508
|
-
}
|
|
2509
|
-
]
|
|
2510
|
-
};
|
|
2511
|
-
var meta26 = {
|
|
2512
|
-
category: "forms",
|
|
2513
|
-
type: "control",
|
|
2514
|
-
label: "Text Area",
|
|
2515
|
-
description: "A multi-line text input for collecting longer string data from your users.",
|
|
2516
|
-
icon: FormTextAreaIcon,
|
|
2517
|
-
presetStyle: presetStyle22,
|
|
2518
|
-
order: 4,
|
|
2519
|
-
invalidAncestors: ["Button", "Link"],
|
|
2520
|
-
states: [
|
|
2521
|
-
...defaultStates22,
|
|
2522
|
-
{ selector: "::placeholder", label: "Placeholder" },
|
|
2523
|
-
{ selector: ":valid", label: "Valid" },
|
|
2524
|
-
{ selector: ":invalid", label: "Invalid" },
|
|
2525
|
-
{ selector: ":required", label: "Required" },
|
|
2526
|
-
{ selector: ":optional", label: "Optional" }
|
|
2527
|
-
// Additional states will go into submenu
|
|
2528
|
-
//{ selector: ":disabled", label: "Disabled" },
|
|
2529
|
-
//{ selector: ":enabled", label: "Enabled" },
|
|
2530
|
-
//{ selector: ":read-only", label: "Read Only" },
|
|
2531
|
-
//{ selector: ":read-write", label: "Read Write" },
|
|
2532
|
-
]
|
|
2401
|
+
initialProps: ["id", "className", "lang", "code"]
|
|
2533
2402
|
};
|
|
2534
2403
|
|
|
2535
|
-
// src/
|
|
2536
|
-
import {
|
|
2404
|
+
// src/label.ws.ts
|
|
2405
|
+
import { LabelIcon } from "@webstudio-is/icons/svg";
|
|
2537
2406
|
import {
|
|
2538
|
-
defaultStates as
|
|
2407
|
+
defaultStates as defaultStates21
|
|
2539
2408
|
} from "@webstudio-is/react-sdk";
|
|
2540
|
-
import {
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2409
|
+
import { label } from "@webstudio-is/react-sdk/css-normalize";
|
|
2410
|
+
|
|
2411
|
+
// src/__generated__/label.props.ts
|
|
2412
|
+
var props5 = {
|
|
2413
|
+
about: { required: false, control: "text", type: "string" },
|
|
2414
|
+
accessKey: {
|
|
2415
|
+
required: false,
|
|
2416
|
+
control: "text",
|
|
2417
|
+
type: "string",
|
|
2418
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
2419
|
+
},
|
|
2420
|
+
"aria-activedescendant": {
|
|
2421
|
+
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
2422
|
+
required: false,
|
|
2423
|
+
control: "text",
|
|
2424
|
+
type: "string"
|
|
2425
|
+
},
|
|
2426
|
+
"aria-atomic": {
|
|
2427
|
+
description: "Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.",
|
|
2428
|
+
required: false,
|
|
2429
|
+
control: "boolean",
|
|
2430
|
+
type: "boolean"
|
|
2431
|
+
},
|
|
2432
|
+
"aria-autocomplete": {
|
|
2433
|
+
description: "Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be\npresented if they are made.",
|
|
2434
|
+
required: false,
|
|
2435
|
+
control: "select",
|
|
2436
|
+
type: "string",
|
|
2437
|
+
options: ["list", "none", "inline", "both"]
|
|
2438
|
+
},
|
|
2439
|
+
"aria-braillelabel": {
|
|
2440
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
2441
|
+
required: false,
|
|
2442
|
+
control: "text",
|
|
2443
|
+
type: "string"
|
|
2444
|
+
},
|
|
2445
|
+
"aria-brailleroledescription": {
|
|
2446
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
2447
|
+
required: false,
|
|
2448
|
+
control: "text",
|
|
2449
|
+
type: "string"
|
|
2450
|
+
},
|
|
2451
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
2452
|
+
"aria-checked": {
|
|
2453
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
2454
|
+
required: false,
|
|
2455
|
+
control: "text",
|
|
2456
|
+
type: "string"
|
|
2457
|
+
},
|
|
2458
|
+
"aria-colcount": {
|
|
2459
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
2460
|
+
required: false,
|
|
2461
|
+
control: "number",
|
|
2462
|
+
type: "number"
|
|
2463
|
+
},
|
|
2464
|
+
"aria-colindex": {
|
|
2465
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
2466
|
+
required: false,
|
|
2467
|
+
control: "number",
|
|
2468
|
+
type: "number"
|
|
2469
|
+
},
|
|
2470
|
+
"aria-colindextext": {
|
|
2471
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
2472
|
+
required: false,
|
|
2473
|
+
control: "text",
|
|
2474
|
+
type: "string"
|
|
2475
|
+
},
|
|
2476
|
+
"aria-colspan": {
|
|
2477
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2478
|
+
required: false,
|
|
2479
|
+
control: "number",
|
|
2480
|
+
type: "number"
|
|
2481
|
+
},
|
|
2482
|
+
"aria-controls": {
|
|
2483
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
2484
|
+
required: false,
|
|
2485
|
+
control: "text",
|
|
2486
|
+
type: "string"
|
|
2487
|
+
},
|
|
2488
|
+
"aria-current": {
|
|
2489
|
+
description: "Indicates the element that represents the current item within a container or set of related elements.",
|
|
2490
|
+
required: false,
|
|
2491
|
+
control: "text",
|
|
2492
|
+
type: "string"
|
|
2493
|
+
},
|
|
2494
|
+
"aria-describedby": {
|
|
2495
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
2496
|
+
required: false,
|
|
2497
|
+
control: "text",
|
|
2498
|
+
type: "string"
|
|
2499
|
+
},
|
|
2500
|
+
"aria-description": {
|
|
2501
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
2502
|
+
required: false,
|
|
2503
|
+
control: "text",
|
|
2504
|
+
type: "string"
|
|
2505
|
+
},
|
|
2506
|
+
"aria-details": {
|
|
2507
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
2508
|
+
required: false,
|
|
2509
|
+
control: "text",
|
|
2510
|
+
type: "string"
|
|
2511
|
+
},
|
|
2512
|
+
"aria-disabled": {
|
|
2513
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
2514
|
+
required: false,
|
|
2515
|
+
control: "boolean",
|
|
2516
|
+
type: "boolean"
|
|
2517
|
+
},
|
|
2518
|
+
"aria-dropeffect": {
|
|
2519
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
2520
|
+
required: false,
|
|
2521
|
+
control: "select",
|
|
2522
|
+
type: "string",
|
|
2523
|
+
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
2524
|
+
},
|
|
2525
|
+
"aria-errormessage": {
|
|
2526
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
2527
|
+
required: false,
|
|
2528
|
+
control: "text",
|
|
2529
|
+
type: "string"
|
|
2530
|
+
},
|
|
2531
|
+
"aria-expanded": {
|
|
2532
|
+
description: "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",
|
|
2533
|
+
required: false,
|
|
2534
|
+
control: "boolean",
|
|
2535
|
+
type: "boolean"
|
|
2536
|
+
},
|
|
2537
|
+
"aria-flowto": {
|
|
2538
|
+
description: "Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion,\nallows assistive technology to override the general default of reading in document source order.",
|
|
2539
|
+
required: false,
|
|
2540
|
+
control: "text",
|
|
2541
|
+
type: "string"
|
|
2542
|
+
},
|
|
2543
|
+
"aria-grabbed": {
|
|
2544
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
2545
|
+
required: false,
|
|
2546
|
+
control: "boolean",
|
|
2547
|
+
type: "boolean"
|
|
2548
|
+
},
|
|
2549
|
+
"aria-haspopup": {
|
|
2550
|
+
description: "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",
|
|
2551
|
+
required: false,
|
|
2552
|
+
control: "text",
|
|
2553
|
+
type: "string"
|
|
2554
|
+
},
|
|
2555
|
+
"aria-hidden": {
|
|
2556
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
2557
|
+
required: false,
|
|
2558
|
+
control: "boolean",
|
|
2559
|
+
type: "boolean"
|
|
2560
|
+
},
|
|
2561
|
+
"aria-invalid": {
|
|
2562
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
2563
|
+
required: false,
|
|
2564
|
+
control: "text",
|
|
2565
|
+
type: "string"
|
|
2566
|
+
},
|
|
2567
|
+
"aria-keyshortcuts": {
|
|
2568
|
+
description: "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",
|
|
2569
|
+
required: false,
|
|
2570
|
+
control: "text",
|
|
2571
|
+
type: "string"
|
|
2572
|
+
},
|
|
2573
|
+
"aria-label": {
|
|
2574
|
+
description: "Provides the accessible name that describes an interactive element if no other accessible name exists, for example in a button that contains an image with no text.",
|
|
2575
|
+
required: false,
|
|
2576
|
+
control: "text",
|
|
2577
|
+
type: "string"
|
|
2578
|
+
},
|
|
2579
|
+
"aria-labelledby": {
|
|
2580
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
2581
|
+
required: false,
|
|
2582
|
+
control: "text",
|
|
2583
|
+
type: "string"
|
|
2584
|
+
},
|
|
2585
|
+
"aria-level": {
|
|
2586
|
+
description: "Defines the hierarchical level of an element within a structure.",
|
|
2587
|
+
required: false,
|
|
2588
|
+
control: "number",
|
|
2589
|
+
type: "number"
|
|
2590
|
+
},
|
|
2591
|
+
"aria-live": {
|
|
2592
|
+
description: "Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.",
|
|
2593
|
+
required: false,
|
|
2594
|
+
control: "radio",
|
|
2595
|
+
type: "string",
|
|
2596
|
+
options: ["off", "assertive", "polite"]
|
|
2597
|
+
},
|
|
2598
|
+
"aria-modal": {
|
|
2599
|
+
description: "Indicates whether an element is modal when displayed.",
|
|
2600
|
+
required: false,
|
|
2601
|
+
control: "boolean",
|
|
2602
|
+
type: "boolean"
|
|
2603
|
+
},
|
|
2604
|
+
"aria-multiline": {
|
|
2605
|
+
description: "Indicates whether a text box accepts multiple lines of input or only a single line.",
|
|
2606
|
+
required: false,
|
|
2607
|
+
control: "boolean",
|
|
2608
|
+
type: "boolean"
|
|
2609
|
+
},
|
|
2610
|
+
"aria-multiselectable": {
|
|
2611
|
+
description: "Indicates that the user may select more than one item from the current selectable descendants.",
|
|
2612
|
+
required: false,
|
|
2613
|
+
control: "boolean",
|
|
2614
|
+
type: "boolean"
|
|
2615
|
+
},
|
|
2616
|
+
"aria-orientation": {
|
|
2617
|
+
description: "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",
|
|
2618
|
+
required: false,
|
|
2619
|
+
control: "radio",
|
|
2620
|
+
type: "string",
|
|
2621
|
+
options: ["horizontal", "vertical"]
|
|
2622
|
+
},
|
|
2623
|
+
"aria-owns": {
|
|
2624
|
+
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.",
|
|
2625
|
+
required: false,
|
|
2626
|
+
control: "text",
|
|
2627
|
+
type: "string"
|
|
2628
|
+
},
|
|
2629
|
+
"aria-placeholder": {
|
|
2630
|
+
description: "Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value.\nA hint could be a sample value or a brief description of the expected format.",
|
|
2631
|
+
required: false,
|
|
2632
|
+
control: "text",
|
|
2633
|
+
type: "string"
|
|
2634
|
+
},
|
|
2635
|
+
"aria-posinset": {
|
|
2636
|
+
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
2637
|
+
required: false,
|
|
2638
|
+
control: "number",
|
|
2639
|
+
type: "number"
|
|
2640
|
+
},
|
|
2641
|
+
"aria-pressed": {
|
|
2642
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
2643
|
+
required: false,
|
|
2644
|
+
control: "text",
|
|
2645
|
+
type: "string"
|
|
2646
|
+
},
|
|
2647
|
+
"aria-readonly": {
|
|
2648
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
2649
|
+
required: false,
|
|
2650
|
+
control: "boolean",
|
|
2651
|
+
type: "boolean"
|
|
2652
|
+
},
|
|
2653
|
+
"aria-relevant": {
|
|
2654
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
2655
|
+
required: false,
|
|
2656
|
+
control: "select",
|
|
2657
|
+
type: "string",
|
|
2658
|
+
options: [
|
|
2659
|
+
"text",
|
|
2660
|
+
"additions",
|
|
2661
|
+
"additions removals",
|
|
2662
|
+
"additions text",
|
|
2663
|
+
"all",
|
|
2664
|
+
"removals",
|
|
2665
|
+
"removals additions",
|
|
2666
|
+
"removals text",
|
|
2667
|
+
"text additions",
|
|
2668
|
+
"text removals"
|
|
2669
|
+
]
|
|
2670
|
+
},
|
|
2671
|
+
"aria-required": {
|
|
2672
|
+
description: "Indicates that user input is required on the element before a form may be submitted.",
|
|
2673
|
+
required: false,
|
|
2674
|
+
control: "boolean",
|
|
2675
|
+
type: "boolean"
|
|
2676
|
+
},
|
|
2677
|
+
"aria-roledescription": {
|
|
2678
|
+
description: "Defines a human-readable, author-localized description for the role of an element.",
|
|
2679
|
+
required: false,
|
|
2680
|
+
control: "text",
|
|
2681
|
+
type: "string"
|
|
2682
|
+
},
|
|
2683
|
+
"aria-rowcount": {
|
|
2684
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
2685
|
+
required: false,
|
|
2686
|
+
control: "number",
|
|
2687
|
+
type: "number"
|
|
2688
|
+
},
|
|
2689
|
+
"aria-rowindex": {
|
|
2690
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
2691
|
+
required: false,
|
|
2692
|
+
control: "number",
|
|
2693
|
+
type: "number"
|
|
2694
|
+
},
|
|
2695
|
+
"aria-rowindextext": {
|
|
2696
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
2697
|
+
required: false,
|
|
2698
|
+
control: "text",
|
|
2699
|
+
type: "string"
|
|
2700
|
+
},
|
|
2701
|
+
"aria-rowspan": {
|
|
2702
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2703
|
+
required: false,
|
|
2704
|
+
control: "number",
|
|
2705
|
+
type: "number"
|
|
2706
|
+
},
|
|
2707
|
+
"aria-selected": {
|
|
2708
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
2709
|
+
required: false,
|
|
2710
|
+
control: "boolean",
|
|
2711
|
+
type: "boolean"
|
|
2712
|
+
},
|
|
2713
|
+
"aria-setsize": {
|
|
2714
|
+
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
2715
|
+
required: false,
|
|
2716
|
+
control: "number",
|
|
2717
|
+
type: "number"
|
|
2718
|
+
},
|
|
2719
|
+
"aria-sort": {
|
|
2720
|
+
description: "Indicates if items in a table or grid are sorted in ascending or descending order.",
|
|
2721
|
+
required: false,
|
|
2722
|
+
control: "select",
|
|
2723
|
+
type: "string",
|
|
2724
|
+
options: ["none", "ascending", "descending", "other"]
|
|
2725
|
+
},
|
|
2726
|
+
"aria-valuemax": {
|
|
2727
|
+
description: "Defines the maximum allowed value for a range widget.",
|
|
2728
|
+
required: false,
|
|
2729
|
+
control: "number",
|
|
2730
|
+
type: "number"
|
|
2731
|
+
},
|
|
2732
|
+
"aria-valuemin": {
|
|
2733
|
+
description: "Defines the minimum allowed value for a range widget.",
|
|
2734
|
+
required: false,
|
|
2735
|
+
control: "number",
|
|
2736
|
+
type: "number"
|
|
2737
|
+
},
|
|
2738
|
+
"aria-valuenow": {
|
|
2739
|
+
description: "Defines the current value for a range widget.",
|
|
2740
|
+
required: false,
|
|
2741
|
+
control: "number",
|
|
2742
|
+
type: "number"
|
|
2743
|
+
},
|
|
2744
|
+
"aria-valuetext": {
|
|
2745
|
+
description: "Defines the human readable text alternative of aria-valuenow for a range widget.",
|
|
2746
|
+
required: false,
|
|
2747
|
+
control: "text",
|
|
2748
|
+
type: "string"
|
|
2749
|
+
},
|
|
2750
|
+
autoCapitalize: {
|
|
2751
|
+
required: false,
|
|
2752
|
+
control: "text",
|
|
2753
|
+
type: "string",
|
|
2754
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
2755
|
+
},
|
|
2756
|
+
autoCorrect: { required: false, control: "text", type: "string" },
|
|
2757
|
+
autoFocus: {
|
|
2758
|
+
required: false,
|
|
2759
|
+
control: "boolean",
|
|
2760
|
+
type: "boolean",
|
|
2761
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
2762
|
+
},
|
|
2763
|
+
autoSave: { required: false, control: "text", type: "string" },
|
|
2764
|
+
className: { required: false, control: "text", type: "string" },
|
|
2765
|
+
color: {
|
|
2766
|
+
required: false,
|
|
2767
|
+
control: "color",
|
|
2768
|
+
type: "string",
|
|
2769
|
+
description: "This attribute sets the text color using either a named color or a color specified in the hexadecimal #RRGGBB format. Note: This is a legacy attribute. Please use the CSS color property instead."
|
|
2770
|
+
},
|
|
2771
|
+
content: {
|
|
2772
|
+
required: false,
|
|
2773
|
+
control: "text",
|
|
2774
|
+
type: "string",
|
|
2775
|
+
description: "A value associated with http-equiv orname depending on the context."
|
|
2776
|
+
},
|
|
2777
|
+
contextMenu: {
|
|
2778
|
+
required: false,
|
|
2779
|
+
control: "text",
|
|
2780
|
+
type: "string",
|
|
2781
|
+
description: "Defines the ID of a menu element which willserve as the element's context menu."
|
|
2782
|
+
},
|
|
2783
|
+
datatype: { required: false, control: "text", type: "string" },
|
|
2784
|
+
defaultChecked: { required: false, control: "boolean", type: "boolean" },
|
|
2785
|
+
dir: {
|
|
2786
|
+
required: false,
|
|
2787
|
+
control: "text",
|
|
2788
|
+
type: "string",
|
|
2789
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
2790
|
+
},
|
|
2791
|
+
draggable: {
|
|
2792
|
+
required: false,
|
|
2793
|
+
control: "boolean",
|
|
2794
|
+
type: "boolean",
|
|
2795
|
+
description: "Defines whether the element can be dragged."
|
|
2796
|
+
},
|
|
2797
|
+
form: {
|
|
2798
|
+
required: false,
|
|
2799
|
+
control: "text",
|
|
2800
|
+
type: "string",
|
|
2801
|
+
description: "Indicates the form that is the owner of the element."
|
|
2802
|
+
},
|
|
2803
|
+
hidden: {
|
|
2804
|
+
required: false,
|
|
2805
|
+
control: "boolean",
|
|
2806
|
+
type: "boolean",
|
|
2807
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
2808
|
+
},
|
|
2809
|
+
htmlFor: {
|
|
2810
|
+
required: false,
|
|
2811
|
+
control: "text",
|
|
2812
|
+
type: "string",
|
|
2813
|
+
description: "Associates this Label with an Input. The value of the \u201CFor\u201D attribute should match the ID attribute of the corresponding Input element"
|
|
2814
|
+
},
|
|
2815
|
+
id: {
|
|
2816
|
+
required: false,
|
|
2817
|
+
control: "text",
|
|
2818
|
+
type: "string",
|
|
2819
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
2820
|
+
},
|
|
2821
|
+
inputMode: {
|
|
2822
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
2823
|
+
required: false,
|
|
2824
|
+
control: "select",
|
|
2825
|
+
type: "string",
|
|
2826
|
+
options: [
|
|
2827
|
+
"search",
|
|
2828
|
+
"text",
|
|
2829
|
+
"none",
|
|
2830
|
+
"tel",
|
|
2831
|
+
"url",
|
|
2832
|
+
"email",
|
|
2833
|
+
"numeric",
|
|
2834
|
+
"decimal"
|
|
2835
|
+
]
|
|
2836
|
+
},
|
|
2837
|
+
is: {
|
|
2838
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
2839
|
+
required: false,
|
|
2840
|
+
control: "text",
|
|
2841
|
+
type: "string"
|
|
2842
|
+
},
|
|
2843
|
+
itemID: { required: false, control: "text", type: "string" },
|
|
2844
|
+
itemProp: { required: false, control: "text", type: "string" },
|
|
2845
|
+
itemRef: { required: false, control: "text", type: "string" },
|
|
2846
|
+
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
2847
|
+
itemType: { required: false, control: "text", type: "string" },
|
|
2848
|
+
lang: {
|
|
2849
|
+
required: false,
|
|
2850
|
+
control: "text",
|
|
2851
|
+
type: "string",
|
|
2852
|
+
description: "Defines the language used in the element."
|
|
2853
|
+
},
|
|
2854
|
+
nonce: { required: false, control: "text", type: "string" },
|
|
2855
|
+
prefix: { required: false, control: "text", type: "string" },
|
|
2856
|
+
property: { required: false, control: "text", type: "string" },
|
|
2857
|
+
radioGroup: { required: false, control: "text", type: "string" },
|
|
2858
|
+
rel: {
|
|
2859
|
+
required: false,
|
|
2860
|
+
control: "text",
|
|
2861
|
+
type: "string",
|
|
2862
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
2863
|
+
},
|
|
2864
|
+
resource: { required: false, control: "text", type: "string" },
|
|
2865
|
+
results: { required: false, control: "number", type: "number" },
|
|
2866
|
+
rev: { required: false, control: "text", type: "string" },
|
|
2867
|
+
role: {
|
|
2868
|
+
required: false,
|
|
2869
|
+
control: "text",
|
|
2870
|
+
type: "string",
|
|
2871
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
2872
|
+
},
|
|
2873
|
+
security: { required: false, control: "text", type: "string" },
|
|
2874
|
+
slot: {
|
|
2875
|
+
required: false,
|
|
2876
|
+
control: "text",
|
|
2877
|
+
type: "string",
|
|
2878
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
2879
|
+
},
|
|
2880
|
+
spellCheck: {
|
|
2881
|
+
required: false,
|
|
2882
|
+
control: "boolean",
|
|
2883
|
+
type: "boolean",
|
|
2884
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
2885
|
+
},
|
|
2886
|
+
suppressContentEditableWarning: {
|
|
2887
|
+
required: false,
|
|
2888
|
+
control: "boolean",
|
|
2889
|
+
type: "boolean"
|
|
2890
|
+
},
|
|
2891
|
+
suppressHydrationWarning: {
|
|
2892
|
+
required: false,
|
|
2893
|
+
control: "boolean",
|
|
2894
|
+
type: "boolean"
|
|
2895
|
+
},
|
|
2896
|
+
tabIndex: {
|
|
2897
|
+
required: false,
|
|
2898
|
+
control: "number",
|
|
2899
|
+
type: "number",
|
|
2900
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
2901
|
+
},
|
|
2902
|
+
title: {
|
|
2903
|
+
required: false,
|
|
2904
|
+
control: "text",
|
|
2905
|
+
type: "string",
|
|
2906
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
2907
|
+
},
|
|
2908
|
+
translate: {
|
|
2909
|
+
required: false,
|
|
2910
|
+
control: "radio",
|
|
2911
|
+
type: "string",
|
|
2912
|
+
options: ["yes", "no"],
|
|
2913
|
+
description: "Specify whether an element's attribute values and the values of its text node children are to be translated when the page is localized, or whether to leave them unchanged."
|
|
2914
|
+
},
|
|
2915
|
+
typeof: { required: false, control: "text", type: "string" },
|
|
2916
|
+
unselectable: {
|
|
2917
|
+
required: false,
|
|
2918
|
+
control: "radio",
|
|
2919
|
+
type: "string",
|
|
2920
|
+
options: ["on", "off"]
|
|
2921
|
+
},
|
|
2922
|
+
vocab: { required: false, control: "text", type: "string" }
|
|
2923
|
+
};
|
|
2924
|
+
|
|
2925
|
+
// src/label.ws.ts
|
|
2926
|
+
var presetStyle21 = {
|
|
2927
|
+
label: [
|
|
2928
|
+
...label,
|
|
2929
|
+
{ property: "display", value: { type: "keyword", value: "block" } }
|
|
2930
|
+
]
|
|
2931
|
+
};
|
|
2932
|
+
var meta25 = {
|
|
2933
|
+
category: "forms",
|
|
2934
|
+
invalidAncestors: ["Button", "Label"],
|
|
2935
|
+
type: "container",
|
|
2936
|
+
label: "Input Label",
|
|
2937
|
+
icon: LabelIcon,
|
|
2938
|
+
states: defaultStates21,
|
|
2939
|
+
presetStyle: presetStyle21,
|
|
2940
|
+
order: 2,
|
|
2941
|
+
template: [
|
|
2942
|
+
{
|
|
2943
|
+
type: "instance",
|
|
2944
|
+
component: "Label",
|
|
2945
|
+
children: [{ type: "text", value: "Form Label" }]
|
|
2946
|
+
}
|
|
2947
|
+
]
|
|
2948
|
+
};
|
|
2949
|
+
var propsMeta5 = {
|
|
2950
|
+
props: {
|
|
2951
|
+
...props5,
|
|
2952
|
+
htmlFor: {
|
|
2953
|
+
...props5.htmlFor,
|
|
2954
|
+
label: "For"
|
|
2955
|
+
}
|
|
2956
|
+
},
|
|
2957
|
+
initialProps: ["id", "className", "htmlFor"]
|
|
2958
|
+
};
|
|
2959
|
+
|
|
2960
|
+
// src/textarea.ws.ts
|
|
2961
|
+
import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
|
|
2962
|
+
import {
|
|
2963
|
+
defaultStates as defaultStates22
|
|
2964
|
+
} from "@webstudio-is/react-sdk";
|
|
2965
|
+
import { textarea } from "@webstudio-is/react-sdk/css-normalize";
|
|
2966
|
+
var presetStyle22 = {
|
|
2967
|
+
textarea: [
|
|
2968
|
+
...textarea,
|
|
2969
|
+
// resize doesn't work well while on canvas
|
|
2970
|
+
{ property: "resize", value: { type: "keyword", value: "none" } },
|
|
2971
|
+
{
|
|
2972
|
+
property: "display",
|
|
2973
|
+
value: { type: "keyword", value: "block" }
|
|
2974
|
+
}
|
|
2975
|
+
]
|
|
2976
|
+
};
|
|
2977
|
+
var meta26 = {
|
|
2978
|
+
category: "forms",
|
|
2979
|
+
type: "control",
|
|
2980
|
+
label: "Text Area",
|
|
2981
|
+
description: "A multi-line text input for collecting longer string data from your users.",
|
|
2982
|
+
icon: FormTextAreaIcon,
|
|
2983
|
+
presetStyle: presetStyle22,
|
|
2984
|
+
order: 4,
|
|
2985
|
+
invalidAncestors: ["Button", "Link"],
|
|
2986
|
+
states: [
|
|
2987
|
+
...defaultStates22,
|
|
2988
|
+
{ selector: "::placeholder", label: "Placeholder" },
|
|
2989
|
+
{ selector: ":valid", label: "Valid" },
|
|
2990
|
+
{ selector: ":invalid", label: "Invalid" },
|
|
2991
|
+
{ selector: ":required", label: "Required" },
|
|
2992
|
+
{ selector: ":optional", label: "Optional" }
|
|
2993
|
+
// Additional states will go into submenu
|
|
2994
|
+
//{ selector: ":disabled", label: "Disabled" },
|
|
2995
|
+
//{ selector: ":enabled", label: "Enabled" },
|
|
2996
|
+
//{ selector: ":read-only", label: "Read Only" },
|
|
2997
|
+
//{ selector: ":read-write", label: "Read Write" },
|
|
2998
|
+
]
|
|
2999
|
+
};
|
|
3000
|
+
|
|
3001
|
+
// src/radio-button.ws.ts
|
|
3002
|
+
import { RadioCheckedIcon } from "@webstudio-is/icons/svg";
|
|
3003
|
+
import {
|
|
3004
|
+
defaultStates as defaultStates23
|
|
3005
|
+
} from "@webstudio-is/react-sdk";
|
|
3006
|
+
import { radio } from "@webstudio-is/react-sdk/css-normalize";
|
|
3007
|
+
var presetStyle23 = {
|
|
3008
|
+
input: [
|
|
3009
|
+
...radio,
|
|
3010
|
+
{
|
|
3011
|
+
property: "marginRight",
|
|
3012
|
+
value: { type: "unit", unit: "em", value: 0.5 }
|
|
3013
|
+
}
|
|
3014
|
+
]
|
|
3015
|
+
};
|
|
3016
|
+
var meta27 = {
|
|
3017
|
+
category: "forms",
|
|
3018
|
+
invalidAncestors: ["Button", "Link"],
|
|
3019
|
+
type: "control",
|
|
3020
|
+
label: "Radio",
|
|
3021
|
+
description: "Use within a form to allow your users to select a single option from a set of mutually exclusive choices. Group multiple radios by matching their \u201CName\u201D properties.",
|
|
3022
|
+
icon: RadioCheckedIcon,
|
|
3023
|
+
presetStyle: presetStyle23,
|
|
3024
|
+
order: 5,
|
|
3025
|
+
states: [
|
|
3026
|
+
...defaultStates23,
|
|
3027
|
+
{ selector: ":checked", label: "Checked" },
|
|
3028
|
+
{ selector: ":required", label: "Required" },
|
|
3029
|
+
{ selector: ":optional", label: "Optional" }
|
|
3030
|
+
// Additional states will go into submenu
|
|
3031
|
+
//{ selector: ":disabled", label: "Disabled" },
|
|
3032
|
+
//{ selector: ":enabled", label: "Enabled" },
|
|
3033
|
+
//{ selector: ":read-only", label: "Read Only" },
|
|
3034
|
+
//{ selector: ":read-write", label: "Read Write" },
|
|
3035
|
+
],
|
|
3036
|
+
template: [
|
|
3037
|
+
{
|
|
3038
|
+
type: "instance",
|
|
3039
|
+
component: "Label",
|
|
3040
|
+
label: "Radio Field",
|
|
3041
|
+
children: [
|
|
3042
|
+
{ type: "instance", component: "RadioButton", props: [], children: [] },
|
|
3043
|
+
{
|
|
3044
|
+
type: "instance",
|
|
3045
|
+
component: "Text",
|
|
3046
|
+
label: "Radio Label",
|
|
3047
|
+
props: [{ type: "string", name: "tag", value: "span" }],
|
|
3048
|
+
children: [{ type: "text", value: "Radio" }]
|
|
3049
|
+
}
|
|
3050
|
+
]
|
|
3051
|
+
}
|
|
3052
|
+
]
|
|
3053
|
+
};
|
|
2588
3054
|
|
|
2589
3055
|
// src/checkbox.ws.ts
|
|
2590
3056
|
import { CheckboxCheckedIcon } from "@webstudio-is/icons/svg";
|
|
@@ -2950,7 +3416,7 @@ var meta29 = {
|
|
|
2950
3416
|
import "@webstudio-is/react-sdk";
|
|
2951
3417
|
|
|
2952
3418
|
// src/__generated__/vimeo-preview-image.props.ts
|
|
2953
|
-
var
|
|
3419
|
+
var props6 = {
|
|
2954
3420
|
about: { required: false, control: "text", type: "string" },
|
|
2955
3421
|
accessKey: {
|
|
2956
3422
|
required: false,
|
|
@@ -2984,50 +3450,50 @@ var props5 = {
|
|
|
2984
3450
|
options: ["list", "none", "inline", "both"]
|
|
2985
3451
|
},
|
|
2986
3452
|
"aria-braillelabel": {
|
|
2987
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
3453
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
2988
3454
|
required: false,
|
|
2989
3455
|
control: "text",
|
|
2990
3456
|
type: "string"
|
|
2991
3457
|
},
|
|
2992
3458
|
"aria-brailleroledescription": {
|
|
2993
|
-
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille
|
|
3459
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
2994
3460
|
required: false,
|
|
2995
3461
|
control: "text",
|
|
2996
3462
|
type: "string"
|
|
2997
3463
|
},
|
|
2998
3464
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
2999
3465
|
"aria-checked": {
|
|
3000
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
3466
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
3001
3467
|
required: false,
|
|
3002
3468
|
control: "text",
|
|
3003
3469
|
type: "string"
|
|
3004
3470
|
},
|
|
3005
3471
|
"aria-colcount": {
|
|
3006
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
3472
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
3007
3473
|
required: false,
|
|
3008
3474
|
control: "number",
|
|
3009
3475
|
type: "number"
|
|
3010
3476
|
},
|
|
3011
3477
|
"aria-colindex": {
|
|
3012
|
-
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid
|
|
3478
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
3013
3479
|
required: false,
|
|
3014
3480
|
control: "number",
|
|
3015
3481
|
type: "number"
|
|
3016
3482
|
},
|
|
3017
3483
|
"aria-colindextext": {
|
|
3018
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
3484
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
3019
3485
|
required: false,
|
|
3020
3486
|
control: "text",
|
|
3021
3487
|
type: "string"
|
|
3022
3488
|
},
|
|
3023
3489
|
"aria-colspan": {
|
|
3024
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
3490
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
3025
3491
|
required: false,
|
|
3026
3492
|
control: "number",
|
|
3027
3493
|
type: "number"
|
|
3028
3494
|
},
|
|
3029
3495
|
"aria-controls": {
|
|
3030
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
3496
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
3031
3497
|
required: false,
|
|
3032
3498
|
control: "text",
|
|
3033
3499
|
type: "string"
|
|
@@ -3039,38 +3505,38 @@ var props5 = {
|
|
|
3039
3505
|
type: "string"
|
|
3040
3506
|
},
|
|
3041
3507
|
"aria-describedby": {
|
|
3042
|
-
description: "Identifies the element (or elements) that describes the object
|
|
3508
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
3043
3509
|
required: false,
|
|
3044
3510
|
control: "text",
|
|
3045
3511
|
type: "string"
|
|
3046
3512
|
},
|
|
3047
3513
|
"aria-description": {
|
|
3048
|
-
description: "Defines a string value that describes or annotates the current element
|
|
3514
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
3049
3515
|
required: false,
|
|
3050
3516
|
control: "text",
|
|
3051
3517
|
type: "string"
|
|
3052
3518
|
},
|
|
3053
3519
|
"aria-details": {
|
|
3054
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
3520
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
3055
3521
|
required: false,
|
|
3056
3522
|
control: "text",
|
|
3057
3523
|
type: "string"
|
|
3058
3524
|
},
|
|
3059
3525
|
"aria-disabled": {
|
|
3060
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
3526
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
3061
3527
|
required: false,
|
|
3062
3528
|
control: "boolean",
|
|
3063
3529
|
type: "boolean"
|
|
3064
3530
|
},
|
|
3065
3531
|
"aria-dropeffect": {
|
|
3066
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
3532
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
3067
3533
|
required: false,
|
|
3068
3534
|
control: "select",
|
|
3069
3535
|
type: "string",
|
|
3070
3536
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
3071
3537
|
},
|
|
3072
3538
|
"aria-errormessage": {
|
|
3073
|
-
description: "Identifies the element that provides an error message for the object
|
|
3539
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
3074
3540
|
required: false,
|
|
3075
3541
|
control: "text",
|
|
3076
3542
|
type: "string"
|
|
@@ -3088,8 +3554,7 @@ var props5 = {
|
|
|
3088
3554
|
type: "string"
|
|
3089
3555
|
},
|
|
3090
3556
|
"aria-grabbed": {
|
|
3091
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
3092
|
-
@deprecated in ARIA 1.1`,
|
|
3557
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
3093
3558
|
required: false,
|
|
3094
3559
|
control: "boolean",
|
|
3095
3560
|
type: "boolean"
|
|
@@ -3101,13 +3566,13 @@ var props5 = {
|
|
|
3101
3566
|
type: "string"
|
|
3102
3567
|
},
|
|
3103
3568
|
"aria-hidden": {
|
|
3104
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
3569
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
3105
3570
|
required: false,
|
|
3106
3571
|
control: "boolean",
|
|
3107
3572
|
type: "boolean"
|
|
3108
3573
|
},
|
|
3109
3574
|
"aria-invalid": {
|
|
3110
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
3575
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
3111
3576
|
required: false,
|
|
3112
3577
|
control: "text",
|
|
3113
3578
|
type: "string"
|
|
@@ -3125,7 +3590,7 @@ var props5 = {
|
|
|
3125
3590
|
type: "string"
|
|
3126
3591
|
},
|
|
3127
3592
|
"aria-labelledby": {
|
|
3128
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
3593
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
3129
3594
|
required: false,
|
|
3130
3595
|
control: "text",
|
|
3131
3596
|
type: "string"
|
|
@@ -3169,7 +3634,7 @@ var props5 = {
|
|
|
3169
3634
|
options: ["horizontal", "vertical"]
|
|
3170
3635
|
},
|
|
3171
3636
|
"aria-owns": {
|
|
3172
|
-
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship
|
|
3637
|
+
description: "Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship\nbetween DOM elements where the DOM hierarchy cannot be used to represent the relationship.",
|
|
3173
3638
|
required: false,
|
|
3174
3639
|
control: "text",
|
|
3175
3640
|
type: "string"
|
|
@@ -3181,25 +3646,25 @@ var props5 = {
|
|
|
3181
3646
|
type: "string"
|
|
3182
3647
|
},
|
|
3183
3648
|
"aria-posinset": {
|
|
3184
|
-
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
3649
|
+
description: "Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
3185
3650
|
required: false,
|
|
3186
3651
|
control: "number",
|
|
3187
3652
|
type: "number"
|
|
3188
3653
|
},
|
|
3189
3654
|
"aria-pressed": {
|
|
3190
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
3655
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
3191
3656
|
required: false,
|
|
3192
3657
|
control: "text",
|
|
3193
3658
|
type: "string"
|
|
3194
3659
|
},
|
|
3195
3660
|
"aria-readonly": {
|
|
3196
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
3661
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
3197
3662
|
required: false,
|
|
3198
3663
|
control: "boolean",
|
|
3199
3664
|
type: "boolean"
|
|
3200
3665
|
},
|
|
3201
3666
|
"aria-relevant": {
|
|
3202
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
3667
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
3203
3668
|
required: false,
|
|
3204
3669
|
control: "select",
|
|
3205
3670
|
type: "string",
|
|
@@ -3229,37 +3694,37 @@ var props5 = {
|
|
|
3229
3694
|
type: "string"
|
|
3230
3695
|
},
|
|
3231
3696
|
"aria-rowcount": {
|
|
3232
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
3697
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
3233
3698
|
required: false,
|
|
3234
3699
|
control: "number",
|
|
3235
3700
|
type: "number"
|
|
3236
3701
|
},
|
|
3237
3702
|
"aria-rowindex": {
|
|
3238
|
-
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid
|
|
3703
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
3239
3704
|
required: false,
|
|
3240
3705
|
control: "number",
|
|
3241
3706
|
type: "number"
|
|
3242
3707
|
},
|
|
3243
3708
|
"aria-rowindextext": {
|
|
3244
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
3709
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
3245
3710
|
required: false,
|
|
3246
3711
|
control: "text",
|
|
3247
3712
|
type: "string"
|
|
3248
3713
|
},
|
|
3249
3714
|
"aria-rowspan": {
|
|
3250
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
3715
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
3251
3716
|
required: false,
|
|
3252
3717
|
control: "number",
|
|
3253
3718
|
type: "number"
|
|
3254
3719
|
},
|
|
3255
3720
|
"aria-selected": {
|
|
3256
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
3721
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
3257
3722
|
required: false,
|
|
3258
3723
|
control: "boolean",
|
|
3259
3724
|
type: "boolean"
|
|
3260
3725
|
},
|
|
3261
3726
|
"aria-setsize": {
|
|
3262
|
-
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM
|
|
3727
|
+
description: "Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.",
|
|
3263
3728
|
required: false,
|
|
3264
3729
|
control: "number",
|
|
3265
3730
|
type: "number"
|
|
@@ -3284,7 +3749,7 @@ var props5 = {
|
|
|
3284
3749
|
type: "number"
|
|
3285
3750
|
},
|
|
3286
3751
|
"aria-valuenow": {
|
|
3287
|
-
description: "Defines the current value for a range widget
|
|
3752
|
+
description: "Defines the current value for a range widget.",
|
|
3288
3753
|
required: false,
|
|
3289
3754
|
control: "number",
|
|
3290
3755
|
type: "number"
|
|
@@ -3356,6 +3821,12 @@ var props5 = {
|
|
|
3356
3821
|
type: "boolean",
|
|
3357
3822
|
description: "Defines whether the element can be dragged."
|
|
3358
3823
|
},
|
|
3824
|
+
fetchPriority: {
|
|
3825
|
+
required: false,
|
|
3826
|
+
control: "radio",
|
|
3827
|
+
type: "string",
|
|
3828
|
+
options: ["high", "low", "auto"]
|
|
3829
|
+
},
|
|
3359
3830
|
height: {
|
|
3360
3831
|
required: false,
|
|
3361
3832
|
control: "number",
|
|
@@ -3375,7 +3846,7 @@ var props5 = {
|
|
|
3375
3846
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
3376
3847
|
},
|
|
3377
3848
|
inputMode: {
|
|
3378
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
3849
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
3379
3850
|
required: false,
|
|
3380
3851
|
control: "select",
|
|
3381
3852
|
type: "string",
|
|
@@ -3391,7 +3862,7 @@ var props5 = {
|
|
|
3391
3862
|
]
|
|
3392
3863
|
},
|
|
3393
3864
|
is: {
|
|
3394
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
3865
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
3395
3866
|
required: false,
|
|
3396
3867
|
control: "text",
|
|
3397
3868
|
type: "string"
|
|
@@ -3416,12 +3887,6 @@ var props5 = {
|
|
|
3416
3887
|
},
|
|
3417
3888
|
nonce: { required: false, control: "text", type: "string" },
|
|
3418
3889
|
optimize: { required: false, control: "boolean", type: "boolean" },
|
|
3419
|
-
placeholder: {
|
|
3420
|
-
required: false,
|
|
3421
|
-
control: "text",
|
|
3422
|
-
type: "string",
|
|
3423
|
-
description: "Provides a hint to the user of what can be entered in the field."
|
|
3424
|
-
},
|
|
3425
3890
|
prefix: { required: false, control: "text", type: "string" },
|
|
3426
3891
|
property: { required: false, control: "text", type: "string" },
|
|
3427
3892
|
quality: { required: false, control: "number", type: "number" },
|
|
@@ -3432,9 +3897,9 @@ var props5 = {
|
|
|
3432
3897
|
type: "string",
|
|
3433
3898
|
options: [
|
|
3434
3899
|
"",
|
|
3900
|
+
"origin",
|
|
3435
3901
|
"no-referrer",
|
|
3436
3902
|
"no-referrer-when-downgrade",
|
|
3437
|
-
"origin",
|
|
3438
3903
|
"origin-when-cross-origin",
|
|
3439
3904
|
"same-origin",
|
|
3440
3905
|
"strict-origin",
|
|
@@ -3537,8 +4002,8 @@ var meta30 = {
|
|
|
3537
4002
|
label: "Preview Image",
|
|
3538
4003
|
requiredAncestors: ["Vimeo"]
|
|
3539
4004
|
};
|
|
3540
|
-
var
|
|
3541
|
-
props: { ...
|
|
4005
|
+
var propsMeta6 = {
|
|
4006
|
+
props: { ...props6, ...propsOverrides },
|
|
3542
4007
|
initialProps: propsMeta3.initialProps
|
|
3543
4008
|
};
|
|
3544
4009
|
|
|
@@ -3580,6 +4045,18 @@ var meta32 = {
|
|
|
3580
4045
|
label: "Spinner",
|
|
3581
4046
|
requiredAncestors: ["Vimeo"]
|
|
3582
4047
|
};
|
|
4048
|
+
|
|
4049
|
+
// src/xml-node.ws.ts
|
|
4050
|
+
import { XmlIcon } from "@webstudio-is/icons/svg";
|
|
4051
|
+
import "@webstudio-is/react-sdk";
|
|
4052
|
+
var meta33 = {
|
|
4053
|
+
category: "xml",
|
|
4054
|
+
order: 6,
|
|
4055
|
+
type: "container",
|
|
4056
|
+
icon: XmlIcon,
|
|
4057
|
+
stylable: false,
|
|
4058
|
+
description: "Xml Node"
|
|
4059
|
+
};
|
|
3583
4060
|
export {
|
|
3584
4061
|
meta20 as Blockquote,
|
|
3585
4062
|
meta4 as Body,
|
|
@@ -3612,5 +4089,6 @@ export {
|
|
|
3612
4089
|
meta29 as Vimeo,
|
|
3613
4090
|
meta31 as VimeoPlayButton,
|
|
3614
4091
|
meta30 as VimeoPreviewImage,
|
|
3615
|
-
meta32 as VimeoSpinner
|
|
4092
|
+
meta32 as VimeoSpinner,
|
|
4093
|
+
meta33 as XmlNode
|
|
3616
4094
|
};
|