@webstudio-is/sdk-components-react 0.145.0 → 0.163.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 +476 -18
- package/lib/metas.js +977 -371
- package/lib/props.js +1271 -1099
- package/lib/types/__generated__/local-date.props.d.ts +2 -0
- package/lib/types/__generated__/time.props.d.ts +2 -0
- 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 +2 -0
- package/lib/types/content-embed.ws.d.ts +2 -0
- package/lib/types/html-embed-patchers.d.ts +2 -0
- package/lib/types/html-embed.d.ts +1 -0
- package/lib/types/metas.d.ts +3 -0
- package/lib/types/props.d.ts +2 -0
- package/lib/types/time.d.ts +16 -0
- package/lib/types/time.ws.d.ts +3 -0
- package/lib/types/xml-node.d.ts +12 -0
- package/lib/types/xml-node.ws.d.ts +3 -0
- package/package.json +11 -14
package/lib/metas.js
CHANGED
|
@@ -63,6 +63,113 @@ var propsMeta = {
|
|
|
63
63
|
initialProps: ["clientOnly", "executeScriptOnCanvas"]
|
|
64
64
|
};
|
|
65
65
|
|
|
66
|
+
// src/content-embed.ws.ts
|
|
67
|
+
import { ContentEmbedIcon } from "@webstudio-is/icons/svg";
|
|
68
|
+
import {
|
|
69
|
+
descendantComponent
|
|
70
|
+
} from "@webstudio-is/react-sdk";
|
|
71
|
+
var imagePlaceholder = `
|
|
72
|
+
<svg
|
|
73
|
+
width="140"
|
|
74
|
+
height="140"
|
|
75
|
+
viewBox="0 0 600 600"
|
|
76
|
+
fill="none"
|
|
77
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
78
|
+
>
|
|
79
|
+
<rect width="600" height="600" fill="#CCCCCC" />
|
|
80
|
+
<path
|
|
81
|
+
fill-rule="evenodd"
|
|
82
|
+
clip-rule="evenodd"
|
|
83
|
+
d="M450 170H150C141.716 170 135 176.716 135 185V415C135 423.284 141.716 430 150 430H450C458.284 430 465 423.284 465 415V185C465 176.716 458.284 170 450 170ZM150 145C127.909 145 110 162.909 110 185V415C110 437.091 127.909 455 150 455H450C472.091 455 490 437.091 490 415V185C490 162.909 472.091 145 450 145H150Z"
|
|
84
|
+
fill="#A2A2A2"
|
|
85
|
+
/>
|
|
86
|
+
<path
|
|
87
|
+
d="M237.135 235.012C237.135 255.723 220.345 272.512 199.635 272.512C178.924 272.512 162.135 255.723 162.135 235.012C162.135 214.301 178.924 197.512 199.635 197.512C220.345 197.512 237.135 214.301 237.135 235.012Z"
|
|
88
|
+
fill="#A2A2A2"
|
|
89
|
+
/>
|
|
90
|
+
<path
|
|
91
|
+
d="M160 405V367.205L221.609 306.364L256.552 338.628L358.161 234L440 316.043V405H160Z"
|
|
92
|
+
fill="#A2A2A2"
|
|
93
|
+
/>
|
|
94
|
+
</svg>
|
|
95
|
+
`.trim();
|
|
96
|
+
var htmlSample = `
|
|
97
|
+
<h1>Styling HTML with Content Embed</h1>
|
|
98
|
+
<p>Content Embed allows styling of HTML, which primarily comes from external data.</p>
|
|
99
|
+
<h2>How to Use Content Embed</h2>
|
|
100
|
+
<ul>
|
|
101
|
+
<li>Every element is shown in the Navigator.</li>
|
|
102
|
+
<li>Apply styles and Tokens to each element.</li>
|
|
103
|
+
<li>Adjustments to elements apply universally within this embed, ensuring consistency across your content.</li>
|
|
104
|
+
</ul>
|
|
105
|
+
<hr>
|
|
106
|
+
<h2>This sample text contains all the elements that can be styled.</h2>
|
|
107
|
+
<p>Any elements that were not used above are used below.</p>
|
|
108
|
+
<h3>Heading 3</h3>
|
|
109
|
+
<h4>Heading 4</h4>
|
|
110
|
+
<h5>Heading 5</h5>
|
|
111
|
+
<h6>Heading 6</h6>
|
|
112
|
+
<p><a href="#">Links</a> connect your content to relevant resources.</p>
|
|
113
|
+
<p><strong>Bold text</strong> makes your important points stand out.</p>
|
|
114
|
+
<p><em>Italic text</em> is great for emphasizing terms.</p>
|
|
115
|
+
<ol>
|
|
116
|
+
<li>First Step</li>
|
|
117
|
+
<li>Second Step</li>
|
|
118
|
+
</ol>
|
|
119
|
+
<img src="data:image/svg+xml;base64,${btoa(imagePlaceholder)}">
|
|
120
|
+
<blockquote>Capture attention with a powerful quote.</blockquote>
|
|
121
|
+
<p>Using <code>console.log("Hello World");</code> will log to the console.</p>
|
|
122
|
+
`.trimStart();
|
|
123
|
+
var descendant = (label2, tag) => {
|
|
124
|
+
return {
|
|
125
|
+
type: "instance",
|
|
126
|
+
component: descendantComponent,
|
|
127
|
+
label: label2,
|
|
128
|
+
props: [{ type: "string", name: "selector", value: ` ${tag}` }],
|
|
129
|
+
children: []
|
|
130
|
+
};
|
|
131
|
+
};
|
|
132
|
+
var meta4 = {
|
|
133
|
+
category: "data",
|
|
134
|
+
type: "control",
|
|
135
|
+
label: "Content Embed",
|
|
136
|
+
description: "Content Embed allows styling of HTML, which can be provided via the Code property statically or loaded dynamically from any Resource, for example, from a CMS.",
|
|
137
|
+
icon: ContentEmbedIcon,
|
|
138
|
+
order: 3,
|
|
139
|
+
template: [
|
|
140
|
+
{
|
|
141
|
+
type: "instance",
|
|
142
|
+
component: "HtmlEmbed",
|
|
143
|
+
label: "Content Embed",
|
|
144
|
+
props: [
|
|
145
|
+
{
|
|
146
|
+
name: "code",
|
|
147
|
+
type: "string",
|
|
148
|
+
value: htmlSample
|
|
149
|
+
}
|
|
150
|
+
],
|
|
151
|
+
children: [
|
|
152
|
+
descendant("Paragraph", "p"),
|
|
153
|
+
descendant("Heading 1", "h1"),
|
|
154
|
+
descendant("Heading 2", "h2"),
|
|
155
|
+
descendant("Heading 3", "h3"),
|
|
156
|
+
descendant("Heading 4", "h4"),
|
|
157
|
+
descendant("Heading 5", "h5"),
|
|
158
|
+
descendant("Heading 6", "h6"),
|
|
159
|
+
descendant("Bold", ":where(strong, b)"),
|
|
160
|
+
descendant("Italic", ":where(em, i)"),
|
|
161
|
+
descendant("Link", "a"),
|
|
162
|
+
descendant("Image", "img"),
|
|
163
|
+
descendant("Blockquote", "blockquote"),
|
|
164
|
+
descendant("Code Text", "code"),
|
|
165
|
+
descendant("List", ":where(ul, ol)"),
|
|
166
|
+
descendant("List Item", "li"),
|
|
167
|
+
descendant("Separator", "hr")
|
|
168
|
+
]
|
|
169
|
+
}
|
|
170
|
+
]
|
|
171
|
+
};
|
|
172
|
+
|
|
66
173
|
// src/body.ws.ts
|
|
67
174
|
import { BodyIcon } from "@webstudio-is/icons/svg";
|
|
68
175
|
import {
|
|
@@ -82,7 +189,7 @@ var presetStyle = {
|
|
|
82
189
|
}
|
|
83
190
|
]
|
|
84
191
|
};
|
|
85
|
-
var
|
|
192
|
+
var meta5 = {
|
|
86
193
|
type: "container",
|
|
87
194
|
label: "Body",
|
|
88
195
|
icon: BodyIcon,
|
|
@@ -119,7 +226,7 @@ var presetStyle2 = {
|
|
|
119
226
|
nav,
|
|
120
227
|
section
|
|
121
228
|
};
|
|
122
|
-
var
|
|
229
|
+
var meta6 = {
|
|
123
230
|
category: "general",
|
|
124
231
|
type: "container",
|
|
125
232
|
label: "Box",
|
|
@@ -145,7 +252,7 @@ var presetStyle3 = {
|
|
|
145
252
|
}
|
|
146
253
|
]
|
|
147
254
|
};
|
|
148
|
-
var
|
|
255
|
+
var meta7 = {
|
|
149
256
|
category: "text",
|
|
150
257
|
type: "container",
|
|
151
258
|
label: "Text",
|
|
@@ -170,7 +277,7 @@ var presetStyle4 = {
|
|
|
170
277
|
h5,
|
|
171
278
|
h6
|
|
172
279
|
};
|
|
173
|
-
var
|
|
280
|
+
var meta8 = {
|
|
174
281
|
category: "text",
|
|
175
282
|
type: "container",
|
|
176
283
|
label: "Heading",
|
|
@@ -191,7 +298,7 @@ import { p } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
191
298
|
var presetStyle5 = {
|
|
192
299
|
p
|
|
193
300
|
};
|
|
194
|
-
var
|
|
301
|
+
var meta9 = {
|
|
195
302
|
category: "text",
|
|
196
303
|
type: "container",
|
|
197
304
|
label: "Paragraph",
|
|
@@ -239,50 +346,50 @@ var props2 = {
|
|
|
239
346
|
options: ["list", "none", "inline", "both"]
|
|
240
347
|
},
|
|
241
348
|
"aria-braillelabel": {
|
|
242
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
349
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
243
350
|
required: false,
|
|
244
351
|
control: "text",
|
|
245
352
|
type: "string"
|
|
246
353
|
},
|
|
247
354
|
"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
|
|
355
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
249
356
|
required: false,
|
|
250
357
|
control: "text",
|
|
251
358
|
type: "string"
|
|
252
359
|
},
|
|
253
360
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
254
361
|
"aria-checked": {
|
|
255
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
362
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
256
363
|
required: false,
|
|
257
364
|
control: "text",
|
|
258
365
|
type: "string"
|
|
259
366
|
},
|
|
260
367
|
"aria-colcount": {
|
|
261
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
368
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
262
369
|
required: false,
|
|
263
370
|
control: "number",
|
|
264
371
|
type: "number"
|
|
265
372
|
},
|
|
266
373
|
"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
|
|
374
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
268
375
|
required: false,
|
|
269
376
|
control: "number",
|
|
270
377
|
type: "number"
|
|
271
378
|
},
|
|
272
379
|
"aria-colindextext": {
|
|
273
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
380
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
274
381
|
required: false,
|
|
275
382
|
control: "text",
|
|
276
383
|
type: "string"
|
|
277
384
|
},
|
|
278
385
|
"aria-colspan": {
|
|
279
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
386
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
280
387
|
required: false,
|
|
281
388
|
control: "number",
|
|
282
389
|
type: "number"
|
|
283
390
|
},
|
|
284
391
|
"aria-controls": {
|
|
285
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
392
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
286
393
|
required: false,
|
|
287
394
|
control: "text",
|
|
288
395
|
type: "string"
|
|
@@ -294,38 +401,38 @@ var props2 = {
|
|
|
294
401
|
type: "string"
|
|
295
402
|
},
|
|
296
403
|
"aria-describedby": {
|
|
297
|
-
description: "Identifies the element (or elements) that describes the object
|
|
404
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
298
405
|
required: false,
|
|
299
406
|
control: "text",
|
|
300
407
|
type: "string"
|
|
301
408
|
},
|
|
302
409
|
"aria-description": {
|
|
303
|
-
description: "Defines a string value that describes or annotates the current element
|
|
410
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
304
411
|
required: false,
|
|
305
412
|
control: "text",
|
|
306
413
|
type: "string"
|
|
307
414
|
},
|
|
308
415
|
"aria-details": {
|
|
309
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
416
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
310
417
|
required: false,
|
|
311
418
|
control: "text",
|
|
312
419
|
type: "string"
|
|
313
420
|
},
|
|
314
421
|
"aria-disabled": {
|
|
315
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
422
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
316
423
|
required: false,
|
|
317
424
|
control: "boolean",
|
|
318
425
|
type: "boolean"
|
|
319
426
|
},
|
|
320
427
|
"aria-dropeffect": {
|
|
321
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
428
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
322
429
|
required: false,
|
|
323
430
|
control: "select",
|
|
324
431
|
type: "string",
|
|
325
432
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
326
433
|
},
|
|
327
434
|
"aria-errormessage": {
|
|
328
|
-
description: "Identifies the element that provides an error message for the object
|
|
435
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
329
436
|
required: false,
|
|
330
437
|
control: "text",
|
|
331
438
|
type: "string"
|
|
@@ -343,8 +450,7 @@ var props2 = {
|
|
|
343
450
|
type: "string"
|
|
344
451
|
},
|
|
345
452
|
"aria-grabbed": {
|
|
346
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
347
|
-
@deprecated in ARIA 1.1`,
|
|
453
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
348
454
|
required: false,
|
|
349
455
|
control: "boolean",
|
|
350
456
|
type: "boolean"
|
|
@@ -356,13 +462,13 @@ var props2 = {
|
|
|
356
462
|
type: "string"
|
|
357
463
|
},
|
|
358
464
|
"aria-hidden": {
|
|
359
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
465
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
360
466
|
required: false,
|
|
361
467
|
control: "boolean",
|
|
362
468
|
type: "boolean"
|
|
363
469
|
},
|
|
364
470
|
"aria-invalid": {
|
|
365
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
471
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
366
472
|
required: false,
|
|
367
473
|
control: "text",
|
|
368
474
|
type: "string"
|
|
@@ -380,7 +486,7 @@ var props2 = {
|
|
|
380
486
|
type: "string"
|
|
381
487
|
},
|
|
382
488
|
"aria-labelledby": {
|
|
383
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
489
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
384
490
|
required: false,
|
|
385
491
|
control: "text",
|
|
386
492
|
type: "string"
|
|
@@ -424,7 +530,7 @@ var props2 = {
|
|
|
424
530
|
options: ["horizontal", "vertical"]
|
|
425
531
|
},
|
|
426
532
|
"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
|
|
533
|
+
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
534
|
required: false,
|
|
429
535
|
control: "text",
|
|
430
536
|
type: "string"
|
|
@@ -436,25 +542,25 @@ var props2 = {
|
|
|
436
542
|
type: "string"
|
|
437
543
|
},
|
|
438
544
|
"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
|
|
545
|
+
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
546
|
required: false,
|
|
441
547
|
control: "number",
|
|
442
548
|
type: "number"
|
|
443
549
|
},
|
|
444
550
|
"aria-pressed": {
|
|
445
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
551
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
446
552
|
required: false,
|
|
447
553
|
control: "text",
|
|
448
554
|
type: "string"
|
|
449
555
|
},
|
|
450
556
|
"aria-readonly": {
|
|
451
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
557
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
452
558
|
required: false,
|
|
453
559
|
control: "boolean",
|
|
454
560
|
type: "boolean"
|
|
455
561
|
},
|
|
456
562
|
"aria-relevant": {
|
|
457
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
563
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
458
564
|
required: false,
|
|
459
565
|
control: "select",
|
|
460
566
|
type: "string",
|
|
@@ -484,37 +590,37 @@ var props2 = {
|
|
|
484
590
|
type: "string"
|
|
485
591
|
},
|
|
486
592
|
"aria-rowcount": {
|
|
487
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
593
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
488
594
|
required: false,
|
|
489
595
|
control: "number",
|
|
490
596
|
type: "number"
|
|
491
597
|
},
|
|
492
598
|
"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
|
|
599
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
494
600
|
required: false,
|
|
495
601
|
control: "number",
|
|
496
602
|
type: "number"
|
|
497
603
|
},
|
|
498
604
|
"aria-rowindextext": {
|
|
499
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
605
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
500
606
|
required: false,
|
|
501
607
|
control: "text",
|
|
502
608
|
type: "string"
|
|
503
609
|
},
|
|
504
610
|
"aria-rowspan": {
|
|
505
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
611
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
506
612
|
required: false,
|
|
507
613
|
control: "number",
|
|
508
614
|
type: "number"
|
|
509
615
|
},
|
|
510
616
|
"aria-selected": {
|
|
511
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
617
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
512
618
|
required: false,
|
|
513
619
|
control: "boolean",
|
|
514
620
|
type: "boolean"
|
|
515
621
|
},
|
|
516
622
|
"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
|
|
623
|
+
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
624
|
required: false,
|
|
519
625
|
control: "number",
|
|
520
626
|
type: "number"
|
|
@@ -539,7 +645,7 @@ var props2 = {
|
|
|
539
645
|
type: "number"
|
|
540
646
|
},
|
|
541
647
|
"aria-valuenow": {
|
|
542
|
-
description: "Defines the current value for a range widget
|
|
648
|
+
description: "Defines the current value for a range widget.",
|
|
543
649
|
required: false,
|
|
544
650
|
control: "number",
|
|
545
651
|
type: "number"
|
|
@@ -622,7 +728,7 @@ var props2 = {
|
|
|
622
728
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
623
729
|
},
|
|
624
730
|
inputMode: {
|
|
625
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
731
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
626
732
|
required: false,
|
|
627
733
|
control: "select",
|
|
628
734
|
type: "string",
|
|
@@ -638,7 +744,7 @@ var props2 = {
|
|
|
638
744
|
]
|
|
639
745
|
},
|
|
640
746
|
is: {
|
|
641
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
747
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
642
748
|
required: false,
|
|
643
749
|
control: "text",
|
|
644
750
|
type: "string"
|
|
@@ -667,12 +773,6 @@ var props2 = {
|
|
|
667
773
|
type: "string",
|
|
668
774
|
description: "The ping attribute specifies a space-separated list of URLs to be notified if a user follows the hyperlink."
|
|
669
775
|
},
|
|
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
776
|
prefix: { required: false, control: "text", type: "string" },
|
|
677
777
|
property: { required: false, control: "text", type: "string" },
|
|
678
778
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
@@ -787,7 +887,7 @@ var presetStyle6 = {
|
|
|
787
887
|
}
|
|
788
888
|
]
|
|
789
889
|
};
|
|
790
|
-
var
|
|
890
|
+
var meta10 = {
|
|
791
891
|
category: "general",
|
|
792
892
|
type: "container",
|
|
793
893
|
label: "Link",
|
|
@@ -822,8 +922,8 @@ var propsMeta2 = {
|
|
|
822
922
|
};
|
|
823
923
|
|
|
824
924
|
// src/rich-text-link.ws.ts
|
|
825
|
-
var
|
|
826
|
-
...
|
|
925
|
+
var meta11 = {
|
|
926
|
+
...meta10,
|
|
827
927
|
category: "hidden",
|
|
828
928
|
type: "rich-text-child",
|
|
829
929
|
template: []
|
|
@@ -838,7 +938,7 @@ import { span } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
838
938
|
var presetStyle7 = {
|
|
839
939
|
span
|
|
840
940
|
};
|
|
841
|
-
var
|
|
941
|
+
var meta12 = {
|
|
842
942
|
type: "rich-text-child",
|
|
843
943
|
label: "Text",
|
|
844
944
|
icon: PaintBrushIcon,
|
|
@@ -855,7 +955,7 @@ import { b } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
855
955
|
var presetStyle8 = {
|
|
856
956
|
b
|
|
857
957
|
};
|
|
858
|
-
var
|
|
958
|
+
var meta13 = {
|
|
859
959
|
type: "rich-text-child",
|
|
860
960
|
label: "Bold Text",
|
|
861
961
|
icon: BoldIcon,
|
|
@@ -878,7 +978,7 @@ var presetStyle9 = {
|
|
|
878
978
|
}
|
|
879
979
|
]
|
|
880
980
|
};
|
|
881
|
-
var
|
|
981
|
+
var meta14 = {
|
|
882
982
|
type: "rich-text-child",
|
|
883
983
|
label: "Italic Text",
|
|
884
984
|
icon: TextItalicIcon,
|
|
@@ -895,7 +995,7 @@ import { sup } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
895
995
|
var presetStyle10 = {
|
|
896
996
|
sup
|
|
897
997
|
};
|
|
898
|
-
var
|
|
998
|
+
var meta15 = {
|
|
899
999
|
type: "rich-text-child",
|
|
900
1000
|
label: "Superscript Text",
|
|
901
1001
|
icon: SuperscriptIcon,
|
|
@@ -912,7 +1012,7 @@ import { sub } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
912
1012
|
var presetStyle11 = {
|
|
913
1013
|
sub
|
|
914
1014
|
};
|
|
915
|
-
var
|
|
1015
|
+
var meta16 = {
|
|
916
1016
|
type: "rich-text-child",
|
|
917
1017
|
label: "Subscript Text",
|
|
918
1018
|
icon: SubscriptIcon,
|
|
@@ -929,7 +1029,7 @@ import { button } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
929
1029
|
var presetStyle12 = {
|
|
930
1030
|
button
|
|
931
1031
|
};
|
|
932
|
-
var
|
|
1032
|
+
var meta17 = {
|
|
933
1033
|
category: "forms",
|
|
934
1034
|
type: "container",
|
|
935
1035
|
invalidAncestors: ["Button", "Link"],
|
|
@@ -942,7 +1042,7 @@ var meta16 = {
|
|
|
942
1042
|
{ selector: ":disabled", label: "Disabled" },
|
|
943
1043
|
{ selector: ":enabled", label: "Enabled" }
|
|
944
1044
|
],
|
|
945
|
-
order:
|
|
1045
|
+
order: 2
|
|
946
1046
|
};
|
|
947
1047
|
|
|
948
1048
|
// src/input.ws.ts
|
|
@@ -960,7 +1060,7 @@ var presetStyle13 = {
|
|
|
960
1060
|
}
|
|
961
1061
|
]
|
|
962
1062
|
};
|
|
963
|
-
var
|
|
1063
|
+
var meta18 = {
|
|
964
1064
|
category: "forms",
|
|
965
1065
|
invalidAncestors: ["Button", "Link"],
|
|
966
1066
|
type: "control",
|
|
@@ -996,51 +1096,16 @@ var presetStyle14 = {
|
|
|
996
1096
|
{ property: "minHeight", value: { type: "unit", unit: "px", value: 20 } }
|
|
997
1097
|
]
|
|
998
1098
|
};
|
|
999
|
-
var
|
|
1099
|
+
var meta19 = {
|
|
1000
1100
|
category: "forms",
|
|
1001
1101
|
type: "container",
|
|
1002
1102
|
invalidAncestors: ["Form", "Button", "Link"],
|
|
1003
1103
|
label: "Form",
|
|
1004
|
-
description: "
|
|
1104
|
+
description: "Create filters, surveys, searches and more.",
|
|
1005
1105
|
icon: FormIcon,
|
|
1006
1106
|
states: defaultStates14,
|
|
1007
1107
|
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
|
-
]
|
|
1108
|
+
order: 0
|
|
1044
1109
|
};
|
|
1045
1110
|
|
|
1046
1111
|
// src/image.ws.ts
|
|
@@ -1085,50 +1150,50 @@ var props3 = {
|
|
|
1085
1150
|
options: ["list", "none", "inline", "both"]
|
|
1086
1151
|
},
|
|
1087
1152
|
"aria-braillelabel": {
|
|
1088
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
1153
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
1089
1154
|
required: false,
|
|
1090
1155
|
control: "text",
|
|
1091
1156
|
type: "string"
|
|
1092
1157
|
},
|
|
1093
1158
|
"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
|
|
1159
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
1095
1160
|
required: false,
|
|
1096
1161
|
control: "text",
|
|
1097
1162
|
type: "string"
|
|
1098
1163
|
},
|
|
1099
1164
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
1100
1165
|
"aria-checked": {
|
|
1101
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
1166
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
1102
1167
|
required: false,
|
|
1103
1168
|
control: "text",
|
|
1104
1169
|
type: "string"
|
|
1105
1170
|
},
|
|
1106
1171
|
"aria-colcount": {
|
|
1107
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
1172
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
1108
1173
|
required: false,
|
|
1109
1174
|
control: "number",
|
|
1110
1175
|
type: "number"
|
|
1111
1176
|
},
|
|
1112
1177
|
"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
|
|
1178
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
1114
1179
|
required: false,
|
|
1115
1180
|
control: "number",
|
|
1116
1181
|
type: "number"
|
|
1117
1182
|
},
|
|
1118
1183
|
"aria-colindextext": {
|
|
1119
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
1184
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
1120
1185
|
required: false,
|
|
1121
1186
|
control: "text",
|
|
1122
1187
|
type: "string"
|
|
1123
1188
|
},
|
|
1124
1189
|
"aria-colspan": {
|
|
1125
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
1190
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
1126
1191
|
required: false,
|
|
1127
1192
|
control: "number",
|
|
1128
1193
|
type: "number"
|
|
1129
1194
|
},
|
|
1130
1195
|
"aria-controls": {
|
|
1131
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
1196
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
1132
1197
|
required: false,
|
|
1133
1198
|
control: "text",
|
|
1134
1199
|
type: "string"
|
|
@@ -1140,38 +1205,38 @@ var props3 = {
|
|
|
1140
1205
|
type: "string"
|
|
1141
1206
|
},
|
|
1142
1207
|
"aria-describedby": {
|
|
1143
|
-
description: "Identifies the element (or elements) that describes the object
|
|
1208
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
1144
1209
|
required: false,
|
|
1145
1210
|
control: "text",
|
|
1146
1211
|
type: "string"
|
|
1147
1212
|
},
|
|
1148
1213
|
"aria-description": {
|
|
1149
|
-
description: "Defines a string value that describes or annotates the current element
|
|
1214
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
1150
1215
|
required: false,
|
|
1151
1216
|
control: "text",
|
|
1152
1217
|
type: "string"
|
|
1153
1218
|
},
|
|
1154
1219
|
"aria-details": {
|
|
1155
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
1220
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
1156
1221
|
required: false,
|
|
1157
1222
|
control: "text",
|
|
1158
1223
|
type: "string"
|
|
1159
1224
|
},
|
|
1160
1225
|
"aria-disabled": {
|
|
1161
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
1226
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
1162
1227
|
required: false,
|
|
1163
1228
|
control: "boolean",
|
|
1164
1229
|
type: "boolean"
|
|
1165
1230
|
},
|
|
1166
1231
|
"aria-dropeffect": {
|
|
1167
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
1232
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
1168
1233
|
required: false,
|
|
1169
1234
|
control: "select",
|
|
1170
1235
|
type: "string",
|
|
1171
1236
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
1172
1237
|
},
|
|
1173
1238
|
"aria-errormessage": {
|
|
1174
|
-
description: "Identifies the element that provides an error message for the object
|
|
1239
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
1175
1240
|
required: false,
|
|
1176
1241
|
control: "text",
|
|
1177
1242
|
type: "string"
|
|
@@ -1189,8 +1254,7 @@ var props3 = {
|
|
|
1189
1254
|
type: "string"
|
|
1190
1255
|
},
|
|
1191
1256
|
"aria-grabbed": {
|
|
1192
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
1193
|
-
@deprecated in ARIA 1.1`,
|
|
1257
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
1194
1258
|
required: false,
|
|
1195
1259
|
control: "boolean",
|
|
1196
1260
|
type: "boolean"
|
|
@@ -1202,13 +1266,13 @@ var props3 = {
|
|
|
1202
1266
|
type: "string"
|
|
1203
1267
|
},
|
|
1204
1268
|
"aria-hidden": {
|
|
1205
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
1269
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
1206
1270
|
required: false,
|
|
1207
1271
|
control: "boolean",
|
|
1208
1272
|
type: "boolean"
|
|
1209
1273
|
},
|
|
1210
1274
|
"aria-invalid": {
|
|
1211
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
1275
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
1212
1276
|
required: false,
|
|
1213
1277
|
control: "text",
|
|
1214
1278
|
type: "string"
|
|
@@ -1226,7 +1290,7 @@ var props3 = {
|
|
|
1226
1290
|
type: "string"
|
|
1227
1291
|
},
|
|
1228
1292
|
"aria-labelledby": {
|
|
1229
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
1293
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
1230
1294
|
required: false,
|
|
1231
1295
|
control: "text",
|
|
1232
1296
|
type: "string"
|
|
@@ -1270,7 +1334,7 @@ var props3 = {
|
|
|
1270
1334
|
options: ["horizontal", "vertical"]
|
|
1271
1335
|
},
|
|
1272
1336
|
"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
|
|
1337
|
+
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
1338
|
required: false,
|
|
1275
1339
|
control: "text",
|
|
1276
1340
|
type: "string"
|
|
@@ -1282,25 +1346,25 @@ var props3 = {
|
|
|
1282
1346
|
type: "string"
|
|
1283
1347
|
},
|
|
1284
1348
|
"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
|
|
1349
|
+
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
1350
|
required: false,
|
|
1287
1351
|
control: "number",
|
|
1288
1352
|
type: "number"
|
|
1289
1353
|
},
|
|
1290
1354
|
"aria-pressed": {
|
|
1291
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
1355
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
1292
1356
|
required: false,
|
|
1293
1357
|
control: "text",
|
|
1294
1358
|
type: "string"
|
|
1295
1359
|
},
|
|
1296
1360
|
"aria-readonly": {
|
|
1297
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
1361
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
1298
1362
|
required: false,
|
|
1299
1363
|
control: "boolean",
|
|
1300
1364
|
type: "boolean"
|
|
1301
1365
|
},
|
|
1302
1366
|
"aria-relevant": {
|
|
1303
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
1367
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
1304
1368
|
required: false,
|
|
1305
1369
|
control: "select",
|
|
1306
1370
|
type: "string",
|
|
@@ -1330,37 +1394,37 @@ var props3 = {
|
|
|
1330
1394
|
type: "string"
|
|
1331
1395
|
},
|
|
1332
1396
|
"aria-rowcount": {
|
|
1333
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
1397
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
1334
1398
|
required: false,
|
|
1335
1399
|
control: "number",
|
|
1336
1400
|
type: "number"
|
|
1337
1401
|
},
|
|
1338
1402
|
"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
|
|
1403
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
1340
1404
|
required: false,
|
|
1341
1405
|
control: "number",
|
|
1342
1406
|
type: "number"
|
|
1343
1407
|
},
|
|
1344
1408
|
"aria-rowindextext": {
|
|
1345
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
1409
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
1346
1410
|
required: false,
|
|
1347
1411
|
control: "text",
|
|
1348
1412
|
type: "string"
|
|
1349
1413
|
},
|
|
1350
1414
|
"aria-rowspan": {
|
|
1351
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
1415
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
1352
1416
|
required: false,
|
|
1353
1417
|
control: "number",
|
|
1354
1418
|
type: "number"
|
|
1355
1419
|
},
|
|
1356
1420
|
"aria-selected": {
|
|
1357
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
1421
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
1358
1422
|
required: false,
|
|
1359
1423
|
control: "boolean",
|
|
1360
1424
|
type: "boolean"
|
|
1361
1425
|
},
|
|
1362
1426
|
"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
|
|
1427
|
+
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
1428
|
required: false,
|
|
1365
1429
|
control: "number",
|
|
1366
1430
|
type: "number"
|
|
@@ -1385,7 +1449,7 @@ var props3 = {
|
|
|
1385
1449
|
type: "number"
|
|
1386
1450
|
},
|
|
1387
1451
|
"aria-valuenow": {
|
|
1388
|
-
description: "Defines the current value for a range widget
|
|
1452
|
+
description: "Defines the current value for a range widget.",
|
|
1389
1453
|
required: false,
|
|
1390
1454
|
control: "number",
|
|
1391
1455
|
type: "number"
|
|
@@ -1457,6 +1521,12 @@ var props3 = {
|
|
|
1457
1521
|
type: "boolean",
|
|
1458
1522
|
description: "Defines whether the element can be dragged."
|
|
1459
1523
|
},
|
|
1524
|
+
fetchPriority: {
|
|
1525
|
+
required: false,
|
|
1526
|
+
control: "radio",
|
|
1527
|
+
type: "string",
|
|
1528
|
+
options: ["high", "low", "auto"]
|
|
1529
|
+
},
|
|
1460
1530
|
height: {
|
|
1461
1531
|
required: false,
|
|
1462
1532
|
control: "number",
|
|
@@ -1476,7 +1546,7 @@ var props3 = {
|
|
|
1476
1546
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
1477
1547
|
},
|
|
1478
1548
|
inputMode: {
|
|
1479
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
1549
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
1480
1550
|
required: false,
|
|
1481
1551
|
control: "select",
|
|
1482
1552
|
type: "string",
|
|
@@ -1492,7 +1562,7 @@ var props3 = {
|
|
|
1492
1562
|
]
|
|
1493
1563
|
},
|
|
1494
1564
|
is: {
|
|
1495
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
1565
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
1496
1566
|
required: false,
|
|
1497
1567
|
control: "text",
|
|
1498
1568
|
type: "string"
|
|
@@ -1518,12 +1588,6 @@ var props3 = {
|
|
|
1518
1588
|
},
|
|
1519
1589
|
nonce: { required: false, control: "text", type: "string" },
|
|
1520
1590
|
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
1591
|
prefix: { required: false, control: "text", type: "string" },
|
|
1528
1592
|
property: { required: false, control: "text", type: "string" },
|
|
1529
1593
|
quality: { required: false, control: "number", type: "number" },
|
|
@@ -1534,9 +1598,9 @@ var props3 = {
|
|
|
1534
1598
|
type: "string",
|
|
1535
1599
|
options: [
|
|
1536
1600
|
"",
|
|
1601
|
+
"origin",
|
|
1537
1602
|
"no-referrer",
|
|
1538
1603
|
"no-referrer-when-downgrade",
|
|
1539
|
-
"origin",
|
|
1540
1604
|
"origin-when-cross-origin",
|
|
1541
1605
|
"same-origin",
|
|
1542
1606
|
"strict-origin",
|
|
@@ -1656,7 +1720,7 @@ var presetStyle15 = {
|
|
|
1656
1720
|
}
|
|
1657
1721
|
]
|
|
1658
1722
|
};
|
|
1659
|
-
var
|
|
1723
|
+
var meta20 = {
|
|
1660
1724
|
category: "media",
|
|
1661
1725
|
type: "embed",
|
|
1662
1726
|
label: "Image",
|
|
@@ -1735,7 +1799,7 @@ var presetStyle16 = {
|
|
|
1735
1799
|
}
|
|
1736
1800
|
]
|
|
1737
1801
|
};
|
|
1738
|
-
var
|
|
1802
|
+
var meta21 = {
|
|
1739
1803
|
category: "text",
|
|
1740
1804
|
type: "container",
|
|
1741
1805
|
label: "Blockquote",
|
|
@@ -1784,7 +1848,7 @@ var presetStyle17 = {
|
|
|
1784
1848
|
}
|
|
1785
1849
|
]
|
|
1786
1850
|
};
|
|
1787
|
-
var
|
|
1851
|
+
var meta22 = {
|
|
1788
1852
|
category: "general",
|
|
1789
1853
|
type: "container",
|
|
1790
1854
|
label: "List",
|
|
@@ -1827,7 +1891,7 @@ import { li } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
1827
1891
|
var presetStyle18 = {
|
|
1828
1892
|
li
|
|
1829
1893
|
};
|
|
1830
|
-
var
|
|
1894
|
+
var meta23 = {
|
|
1831
1895
|
category: "general",
|
|
1832
1896
|
type: "container",
|
|
1833
1897
|
requiredAncestors: ["List"],
|
|
@@ -1874,7 +1938,7 @@ var presetStyle19 = {
|
|
|
1874
1938
|
}
|
|
1875
1939
|
]
|
|
1876
1940
|
};
|
|
1877
|
-
var
|
|
1941
|
+
var meta24 = {
|
|
1878
1942
|
category: "general",
|
|
1879
1943
|
type: "embed",
|
|
1880
1944
|
label: "Separator",
|
|
@@ -1891,51 +1955,8 @@ import {
|
|
|
1891
1955
|
defaultStates as defaultStates20
|
|
1892
1956
|
} from "@webstudio-is/react-sdk";
|
|
1893
1957
|
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
1958
|
|
|
1938
|
-
// src/__generated__/
|
|
1959
|
+
// src/__generated__/code-text.props.ts
|
|
1939
1960
|
var props4 = {
|
|
1940
1961
|
about: { required: false, control: "text", type: "string" },
|
|
1941
1962
|
accessKey: {
|
|
@@ -1964,50 +1985,50 @@ var props4 = {
|
|
|
1964
1985
|
options: ["list", "none", "inline", "both"]
|
|
1965
1986
|
},
|
|
1966
1987
|
"aria-braillelabel": {
|
|
1967
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
1988
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
1968
1989
|
required: false,
|
|
1969
1990
|
control: "text",
|
|
1970
1991
|
type: "string"
|
|
1971
1992
|
},
|
|
1972
1993
|
"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
|
|
1994
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
1974
1995
|
required: false,
|
|
1975
1996
|
control: "text",
|
|
1976
1997
|
type: "string"
|
|
1977
1998
|
},
|
|
1978
1999
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
1979
2000
|
"aria-checked": {
|
|
1980
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
2001
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
1981
2002
|
required: false,
|
|
1982
2003
|
control: "text",
|
|
1983
2004
|
type: "string"
|
|
1984
2005
|
},
|
|
1985
2006
|
"aria-colcount": {
|
|
1986
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
2007
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
1987
2008
|
required: false,
|
|
1988
2009
|
control: "number",
|
|
1989
2010
|
type: "number"
|
|
1990
2011
|
},
|
|
1991
2012
|
"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
|
|
2013
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
1993
2014
|
required: false,
|
|
1994
2015
|
control: "number",
|
|
1995
2016
|
type: "number"
|
|
1996
2017
|
},
|
|
1997
2018
|
"aria-colindextext": {
|
|
1998
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
2019
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
1999
2020
|
required: false,
|
|
2000
2021
|
control: "text",
|
|
2001
2022
|
type: "string"
|
|
2002
2023
|
},
|
|
2003
2024
|
"aria-colspan": {
|
|
2004
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
2025
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2005
2026
|
required: false,
|
|
2006
2027
|
control: "number",
|
|
2007
2028
|
type: "number"
|
|
2008
2029
|
},
|
|
2009
2030
|
"aria-controls": {
|
|
2010
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
2031
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
2011
2032
|
required: false,
|
|
2012
2033
|
control: "text",
|
|
2013
2034
|
type: "string"
|
|
@@ -2019,38 +2040,38 @@ var props4 = {
|
|
|
2019
2040
|
type: "string"
|
|
2020
2041
|
},
|
|
2021
2042
|
"aria-describedby": {
|
|
2022
|
-
description: "Identifies the element (or elements) that describes the object
|
|
2043
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
2023
2044
|
required: false,
|
|
2024
2045
|
control: "text",
|
|
2025
2046
|
type: "string"
|
|
2026
2047
|
},
|
|
2027
2048
|
"aria-description": {
|
|
2028
|
-
description: "Defines a string value that describes or annotates the current element
|
|
2049
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
2029
2050
|
required: false,
|
|
2030
2051
|
control: "text",
|
|
2031
2052
|
type: "string"
|
|
2032
2053
|
},
|
|
2033
2054
|
"aria-details": {
|
|
2034
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
2055
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
2035
2056
|
required: false,
|
|
2036
2057
|
control: "text",
|
|
2037
2058
|
type: "string"
|
|
2038
2059
|
},
|
|
2039
2060
|
"aria-disabled": {
|
|
2040
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
2061
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
2041
2062
|
required: false,
|
|
2042
2063
|
control: "boolean",
|
|
2043
2064
|
type: "boolean"
|
|
2044
2065
|
},
|
|
2045
2066
|
"aria-dropeffect": {
|
|
2046
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
2067
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
2047
2068
|
required: false,
|
|
2048
2069
|
control: "select",
|
|
2049
2070
|
type: "string",
|
|
2050
2071
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
2051
2072
|
},
|
|
2052
2073
|
"aria-errormessage": {
|
|
2053
|
-
description: "Identifies the element that provides an error message for the object
|
|
2074
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
2054
2075
|
required: false,
|
|
2055
2076
|
control: "text",
|
|
2056
2077
|
type: "string"
|
|
@@ -2068,8 +2089,7 @@ var props4 = {
|
|
|
2068
2089
|
type: "string"
|
|
2069
2090
|
},
|
|
2070
2091
|
"aria-grabbed": {
|
|
2071
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
2072
|
-
@deprecated in ARIA 1.1`,
|
|
2092
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
2073
2093
|
required: false,
|
|
2074
2094
|
control: "boolean",
|
|
2075
2095
|
type: "boolean"
|
|
@@ -2081,13 +2101,13 @@ var props4 = {
|
|
|
2081
2101
|
type: "string"
|
|
2082
2102
|
},
|
|
2083
2103
|
"aria-hidden": {
|
|
2084
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
2104
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
2085
2105
|
required: false,
|
|
2086
2106
|
control: "boolean",
|
|
2087
2107
|
type: "boolean"
|
|
2088
2108
|
},
|
|
2089
2109
|
"aria-invalid": {
|
|
2090
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
2110
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
2091
2111
|
required: false,
|
|
2092
2112
|
control: "text",
|
|
2093
2113
|
type: "string"
|
|
@@ -2105,7 +2125,7 @@ var props4 = {
|
|
|
2105
2125
|
type: "string"
|
|
2106
2126
|
},
|
|
2107
2127
|
"aria-labelledby": {
|
|
2108
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
2128
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
2109
2129
|
required: false,
|
|
2110
2130
|
control: "text",
|
|
2111
2131
|
type: "string"
|
|
@@ -2149,7 +2169,7 @@ var props4 = {
|
|
|
2149
2169
|
options: ["horizontal", "vertical"]
|
|
2150
2170
|
},
|
|
2151
2171
|
"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
|
|
2172
|
+
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
2173
|
required: false,
|
|
2154
2174
|
control: "text",
|
|
2155
2175
|
type: "string"
|
|
@@ -2161,25 +2181,25 @@ var props4 = {
|
|
|
2161
2181
|
type: "string"
|
|
2162
2182
|
},
|
|
2163
2183
|
"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
|
|
2184
|
+
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
2185
|
required: false,
|
|
2166
2186
|
control: "number",
|
|
2167
2187
|
type: "number"
|
|
2168
2188
|
},
|
|
2169
2189
|
"aria-pressed": {
|
|
2170
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
2190
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
2171
2191
|
required: false,
|
|
2172
2192
|
control: "text",
|
|
2173
2193
|
type: "string"
|
|
2174
2194
|
},
|
|
2175
2195
|
"aria-readonly": {
|
|
2176
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
2196
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
2177
2197
|
required: false,
|
|
2178
2198
|
control: "boolean",
|
|
2179
2199
|
type: "boolean"
|
|
2180
2200
|
},
|
|
2181
2201
|
"aria-relevant": {
|
|
2182
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
2202
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
2183
2203
|
required: false,
|
|
2184
2204
|
control: "select",
|
|
2185
2205
|
type: "string",
|
|
@@ -2209,37 +2229,37 @@ var props4 = {
|
|
|
2209
2229
|
type: "string"
|
|
2210
2230
|
},
|
|
2211
2231
|
"aria-rowcount": {
|
|
2212
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
2232
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
2213
2233
|
required: false,
|
|
2214
2234
|
control: "number",
|
|
2215
2235
|
type: "number"
|
|
2216
2236
|
},
|
|
2217
2237
|
"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
|
|
2238
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
2219
2239
|
required: false,
|
|
2220
2240
|
control: "number",
|
|
2221
2241
|
type: "number"
|
|
2222
2242
|
},
|
|
2223
2243
|
"aria-rowindextext": {
|
|
2224
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
2244
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
2225
2245
|
required: false,
|
|
2226
2246
|
control: "text",
|
|
2227
2247
|
type: "string"
|
|
2228
2248
|
},
|
|
2229
2249
|
"aria-rowspan": {
|
|
2230
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
2250
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2231
2251
|
required: false,
|
|
2232
2252
|
control: "number",
|
|
2233
2253
|
type: "number"
|
|
2234
2254
|
},
|
|
2235
2255
|
"aria-selected": {
|
|
2236
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
2256
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
2237
2257
|
required: false,
|
|
2238
2258
|
control: "boolean",
|
|
2239
2259
|
type: "boolean"
|
|
2240
2260
|
},
|
|
2241
2261
|
"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
|
|
2262
|
+
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
2263
|
required: false,
|
|
2244
2264
|
control: "number",
|
|
2245
2265
|
type: "number"
|
|
@@ -2264,7 +2284,7 @@ var props4 = {
|
|
|
2264
2284
|
type: "number"
|
|
2265
2285
|
},
|
|
2266
2286
|
"aria-valuenow": {
|
|
2267
|
-
description: "Defines the current value for a range widget
|
|
2287
|
+
description: "Defines the current value for a range widget.",
|
|
2268
2288
|
required: false,
|
|
2269
2289
|
control: "number",
|
|
2270
2290
|
type: "number"
|
|
@@ -2290,6 +2310,7 @@ var props4 = {
|
|
|
2290
2310
|
},
|
|
2291
2311
|
autoSave: { required: false, control: "text", type: "string" },
|
|
2292
2312
|
className: { required: false, control: "text", type: "string" },
|
|
2313
|
+
code: { required: false, control: "text", type: "string" },
|
|
2293
2314
|
color: {
|
|
2294
2315
|
required: false,
|
|
2295
2316
|
control: "color",
|
|
@@ -2322,24 +2343,12 @@ var props4 = {
|
|
|
2322
2343
|
type: "boolean",
|
|
2323
2344
|
description: "Defines whether the element can be dragged."
|
|
2324
2345
|
},
|
|
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
2346
|
hidden: {
|
|
2332
2347
|
required: false,
|
|
2333
2348
|
control: "boolean",
|
|
2334
2349
|
type: "boolean",
|
|
2335
2350
|
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
2336
2351
|
},
|
|
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
2352
|
id: {
|
|
2344
2353
|
required: false,
|
|
2345
2354
|
control: "text",
|
|
@@ -2347,7 +2356,7 @@ var props4 = {
|
|
|
2347
2356
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
2348
2357
|
},
|
|
2349
2358
|
inputMode: {
|
|
2350
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
2359
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
2351
2360
|
required: false,
|
|
2352
2361
|
control: "select",
|
|
2353
2362
|
type: "string",
|
|
@@ -2363,7 +2372,7 @@ var props4 = {
|
|
|
2363
2372
|
]
|
|
2364
2373
|
},
|
|
2365
2374
|
is: {
|
|
2366
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
2375
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
2367
2376
|
required: false,
|
|
2368
2377
|
control: "text",
|
|
2369
2378
|
type: "string"
|
|
@@ -2380,12 +2389,6 @@ var props4 = {
|
|
|
2380
2389
|
description: "Defines the language used in the element."
|
|
2381
2390
|
},
|
|
2382
2391
|
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
2392
|
prefix: { required: false, control: "text", type: "string" },
|
|
2390
2393
|
property: { required: false, control: "text", type: "string" },
|
|
2391
2394
|
radioGroup: { required: false, control: "text", type: "string" },
|
|
@@ -2456,78 +2459,648 @@ var props4 = {
|
|
|
2456
2459
|
vocab: { required: false, control: "text", type: "string" }
|
|
2457
2460
|
};
|
|
2458
2461
|
|
|
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: [
|
|
2462
|
+
// src/code-text.ws.ts
|
|
2463
|
+
var presetStyle20 = {
|
|
2464
|
+
code: [
|
|
2465
|
+
...code,
|
|
2476
2466
|
{
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2467
|
+
property: "display",
|
|
2468
|
+
value: { type: "keyword", value: "block" }
|
|
2469
|
+
},
|
|
2470
|
+
{
|
|
2471
|
+
property: "whiteSpace",
|
|
2472
|
+
value: { type: "keyword", value: "pre-wrap" }
|
|
2473
|
+
},
|
|
2474
|
+
{
|
|
2475
|
+
property: "paddingLeft",
|
|
2476
|
+
value: { type: "unit", value: 0.2, unit: "em" }
|
|
2477
|
+
},
|
|
2478
|
+
{
|
|
2479
|
+
property: "paddingRight",
|
|
2480
|
+
value: { type: "unit", value: 0.2, unit: "em" }
|
|
2481
|
+
},
|
|
2482
|
+
{
|
|
2483
|
+
property: "backgroundColor",
|
|
2484
|
+
value: { type: "rgb", r: 238, g: 238, b: 238, alpha: 1 }
|
|
2480
2485
|
}
|
|
2481
2486
|
]
|
|
2482
2487
|
};
|
|
2488
|
+
var meta25 = {
|
|
2489
|
+
category: "general",
|
|
2490
|
+
type: "embed",
|
|
2491
|
+
label: "Code Text",
|
|
2492
|
+
description: "Use this component when you want to display code as text on the page.",
|
|
2493
|
+
icon: CodeTextIcon,
|
|
2494
|
+
invalidAncestors: ["CodeText"],
|
|
2495
|
+
states: defaultStates20,
|
|
2496
|
+
presetStyle: presetStyle20,
|
|
2497
|
+
order: 9
|
|
2498
|
+
};
|
|
2483
2499
|
var propsMeta4 = {
|
|
2484
2500
|
props: {
|
|
2485
2501
|
...props4,
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2502
|
+
code: {
|
|
2503
|
+
required: true,
|
|
2504
|
+
control: "codetext",
|
|
2505
|
+
type: "string"
|
|
2489
2506
|
}
|
|
2490
2507
|
},
|
|
2491
|
-
initialProps: ["id", "className", "
|
|
2508
|
+
initialProps: ["id", "className", "lang", "code"]
|
|
2492
2509
|
};
|
|
2493
2510
|
|
|
2494
|
-
// src/
|
|
2495
|
-
import {
|
|
2511
|
+
// src/label.ws.ts
|
|
2512
|
+
import { LabelIcon } from "@webstudio-is/icons/svg";
|
|
2496
2513
|
import {
|
|
2497
|
-
defaultStates as
|
|
2514
|
+
defaultStates as defaultStates21
|
|
2498
2515
|
} from "@webstudio-is/react-sdk";
|
|
2499
|
-
import {
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2516
|
+
import { label } from "@webstudio-is/react-sdk/css-normalize";
|
|
2517
|
+
|
|
2518
|
+
// src/__generated__/label.props.ts
|
|
2519
|
+
var props5 = {
|
|
2520
|
+
about: { required: false, control: "text", type: "string" },
|
|
2521
|
+
accessKey: {
|
|
2522
|
+
required: false,
|
|
2523
|
+
control: "text",
|
|
2524
|
+
type: "string",
|
|
2525
|
+
description: "Keyboard shortcut to activate or add focus to the element."
|
|
2526
|
+
},
|
|
2527
|
+
"aria-activedescendant": {
|
|
2528
|
+
description: "Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.",
|
|
2529
|
+
required: false,
|
|
2530
|
+
control: "text",
|
|
2531
|
+
type: "string"
|
|
2532
|
+
},
|
|
2533
|
+
"aria-atomic": {
|
|
2534
|
+
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.",
|
|
2535
|
+
required: false,
|
|
2536
|
+
control: "boolean",
|
|
2537
|
+
type: "boolean"
|
|
2538
|
+
},
|
|
2539
|
+
"aria-autocomplete": {
|
|
2540
|
+
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.",
|
|
2541
|
+
required: false,
|
|
2542
|
+
control: "select",
|
|
2543
|
+
type: "string",
|
|
2544
|
+
options: ["list", "none", "inline", "both"]
|
|
2545
|
+
},
|
|
2546
|
+
"aria-braillelabel": {
|
|
2547
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
2548
|
+
required: false,
|
|
2549
|
+
control: "text",
|
|
2550
|
+
type: "string"
|
|
2551
|
+
},
|
|
2552
|
+
"aria-brailleroledescription": {
|
|
2553
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
2554
|
+
required: false,
|
|
2555
|
+
control: "text",
|
|
2556
|
+
type: "string"
|
|
2557
|
+
},
|
|
2558
|
+
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
2559
|
+
"aria-checked": {
|
|
2560
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
2561
|
+
required: false,
|
|
2562
|
+
control: "text",
|
|
2563
|
+
type: "string"
|
|
2564
|
+
},
|
|
2565
|
+
"aria-colcount": {
|
|
2566
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
2567
|
+
required: false,
|
|
2568
|
+
control: "number",
|
|
2569
|
+
type: "number"
|
|
2570
|
+
},
|
|
2571
|
+
"aria-colindex": {
|
|
2572
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
2573
|
+
required: false,
|
|
2574
|
+
control: "number",
|
|
2575
|
+
type: "number"
|
|
2576
|
+
},
|
|
2577
|
+
"aria-colindextext": {
|
|
2578
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
2579
|
+
required: false,
|
|
2580
|
+
control: "text",
|
|
2581
|
+
type: "string"
|
|
2582
|
+
},
|
|
2583
|
+
"aria-colspan": {
|
|
2584
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2585
|
+
required: false,
|
|
2586
|
+
control: "number",
|
|
2587
|
+
type: "number"
|
|
2588
|
+
},
|
|
2589
|
+
"aria-controls": {
|
|
2590
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
2591
|
+
required: false,
|
|
2592
|
+
control: "text",
|
|
2593
|
+
type: "string"
|
|
2594
|
+
},
|
|
2595
|
+
"aria-current": {
|
|
2596
|
+
description: "Indicates the element that represents the current item within a container or set of related elements.",
|
|
2597
|
+
required: false,
|
|
2598
|
+
control: "text",
|
|
2599
|
+
type: "string"
|
|
2600
|
+
},
|
|
2601
|
+
"aria-describedby": {
|
|
2602
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
2603
|
+
required: false,
|
|
2604
|
+
control: "text",
|
|
2605
|
+
type: "string"
|
|
2606
|
+
},
|
|
2607
|
+
"aria-description": {
|
|
2608
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
2609
|
+
required: false,
|
|
2610
|
+
control: "text",
|
|
2611
|
+
type: "string"
|
|
2612
|
+
},
|
|
2613
|
+
"aria-details": {
|
|
2614
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
2615
|
+
required: false,
|
|
2616
|
+
control: "text",
|
|
2617
|
+
type: "string"
|
|
2618
|
+
},
|
|
2619
|
+
"aria-disabled": {
|
|
2620
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
2621
|
+
required: false,
|
|
2622
|
+
control: "boolean",
|
|
2623
|
+
type: "boolean"
|
|
2624
|
+
},
|
|
2625
|
+
"aria-dropeffect": {
|
|
2626
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
2627
|
+
required: false,
|
|
2628
|
+
control: "select",
|
|
2629
|
+
type: "string",
|
|
2630
|
+
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
2631
|
+
},
|
|
2632
|
+
"aria-errormessage": {
|
|
2633
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
2634
|
+
required: false,
|
|
2635
|
+
control: "text",
|
|
2636
|
+
type: "string"
|
|
2637
|
+
},
|
|
2638
|
+
"aria-expanded": {
|
|
2639
|
+
description: "Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.",
|
|
2640
|
+
required: false,
|
|
2641
|
+
control: "boolean",
|
|
2642
|
+
type: "boolean"
|
|
2643
|
+
},
|
|
2644
|
+
"aria-flowto": {
|
|
2645
|
+
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.",
|
|
2646
|
+
required: false,
|
|
2647
|
+
control: "text",
|
|
2648
|
+
type: "string"
|
|
2649
|
+
},
|
|
2650
|
+
"aria-grabbed": {
|
|
2651
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
2652
|
+
required: false,
|
|
2653
|
+
control: "boolean",
|
|
2654
|
+
type: "boolean"
|
|
2655
|
+
},
|
|
2656
|
+
"aria-haspopup": {
|
|
2657
|
+
description: "Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.",
|
|
2658
|
+
required: false,
|
|
2659
|
+
control: "text",
|
|
2660
|
+
type: "string"
|
|
2661
|
+
},
|
|
2662
|
+
"aria-hidden": {
|
|
2663
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
2664
|
+
required: false,
|
|
2665
|
+
control: "boolean",
|
|
2666
|
+
type: "boolean"
|
|
2667
|
+
},
|
|
2668
|
+
"aria-invalid": {
|
|
2669
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
2670
|
+
required: false,
|
|
2671
|
+
control: "text",
|
|
2672
|
+
type: "string"
|
|
2673
|
+
},
|
|
2674
|
+
"aria-keyshortcuts": {
|
|
2675
|
+
description: "Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.",
|
|
2676
|
+
required: false,
|
|
2677
|
+
control: "text",
|
|
2678
|
+
type: "string"
|
|
2679
|
+
},
|
|
2680
|
+
"aria-label": {
|
|
2681
|
+
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.",
|
|
2682
|
+
required: false,
|
|
2683
|
+
control: "text",
|
|
2684
|
+
type: "string"
|
|
2685
|
+
},
|
|
2686
|
+
"aria-labelledby": {
|
|
2687
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
2688
|
+
required: false,
|
|
2689
|
+
control: "text",
|
|
2690
|
+
type: "string"
|
|
2691
|
+
},
|
|
2692
|
+
"aria-level": {
|
|
2693
|
+
description: "Defines the hierarchical level of an element within a structure.",
|
|
2694
|
+
required: false,
|
|
2695
|
+
control: "number",
|
|
2696
|
+
type: "number"
|
|
2697
|
+
},
|
|
2698
|
+
"aria-live": {
|
|
2699
|
+
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.",
|
|
2700
|
+
required: false,
|
|
2701
|
+
control: "radio",
|
|
2702
|
+
type: "string",
|
|
2703
|
+
options: ["off", "assertive", "polite"]
|
|
2704
|
+
},
|
|
2705
|
+
"aria-modal": {
|
|
2706
|
+
description: "Indicates whether an element is modal when displayed.",
|
|
2707
|
+
required: false,
|
|
2708
|
+
control: "boolean",
|
|
2709
|
+
type: "boolean"
|
|
2710
|
+
},
|
|
2711
|
+
"aria-multiline": {
|
|
2712
|
+
description: "Indicates whether a text box accepts multiple lines of input or only a single line.",
|
|
2713
|
+
required: false,
|
|
2714
|
+
control: "boolean",
|
|
2715
|
+
type: "boolean"
|
|
2716
|
+
},
|
|
2717
|
+
"aria-multiselectable": {
|
|
2718
|
+
description: "Indicates that the user may select more than one item from the current selectable descendants.",
|
|
2719
|
+
required: false,
|
|
2720
|
+
control: "boolean",
|
|
2721
|
+
type: "boolean"
|
|
2722
|
+
},
|
|
2723
|
+
"aria-orientation": {
|
|
2724
|
+
description: "Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.",
|
|
2725
|
+
required: false,
|
|
2726
|
+
control: "radio",
|
|
2727
|
+
type: "string",
|
|
2728
|
+
options: ["horizontal", "vertical"]
|
|
2729
|
+
},
|
|
2730
|
+
"aria-owns": {
|
|
2731
|
+
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.",
|
|
2732
|
+
required: false,
|
|
2733
|
+
control: "text",
|
|
2734
|
+
type: "string"
|
|
2735
|
+
},
|
|
2736
|
+
"aria-placeholder": {
|
|
2737
|
+
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.",
|
|
2738
|
+
required: false,
|
|
2739
|
+
control: "text",
|
|
2740
|
+
type: "string"
|
|
2741
|
+
},
|
|
2742
|
+
"aria-posinset": {
|
|
2743
|
+
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.",
|
|
2744
|
+
required: false,
|
|
2745
|
+
control: "number",
|
|
2746
|
+
type: "number"
|
|
2747
|
+
},
|
|
2748
|
+
"aria-pressed": {
|
|
2749
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
2750
|
+
required: false,
|
|
2751
|
+
control: "text",
|
|
2752
|
+
type: "string"
|
|
2753
|
+
},
|
|
2754
|
+
"aria-readonly": {
|
|
2755
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
2756
|
+
required: false,
|
|
2757
|
+
control: "boolean",
|
|
2758
|
+
type: "boolean"
|
|
2759
|
+
},
|
|
2760
|
+
"aria-relevant": {
|
|
2761
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
2762
|
+
required: false,
|
|
2763
|
+
control: "select",
|
|
2764
|
+
type: "string",
|
|
2765
|
+
options: [
|
|
2766
|
+
"text",
|
|
2767
|
+
"additions",
|
|
2768
|
+
"additions removals",
|
|
2769
|
+
"additions text",
|
|
2770
|
+
"all",
|
|
2771
|
+
"removals",
|
|
2772
|
+
"removals additions",
|
|
2773
|
+
"removals text",
|
|
2774
|
+
"text additions",
|
|
2775
|
+
"text removals"
|
|
2776
|
+
]
|
|
2777
|
+
},
|
|
2778
|
+
"aria-required": {
|
|
2779
|
+
description: "Indicates that user input is required on the element before a form may be submitted.",
|
|
2780
|
+
required: false,
|
|
2781
|
+
control: "boolean",
|
|
2782
|
+
type: "boolean"
|
|
2783
|
+
},
|
|
2784
|
+
"aria-roledescription": {
|
|
2785
|
+
description: "Defines a human-readable, author-localized description for the role of an element.",
|
|
2786
|
+
required: false,
|
|
2787
|
+
control: "text",
|
|
2788
|
+
type: "string"
|
|
2789
|
+
},
|
|
2790
|
+
"aria-rowcount": {
|
|
2791
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
2792
|
+
required: false,
|
|
2793
|
+
control: "number",
|
|
2794
|
+
type: "number"
|
|
2795
|
+
},
|
|
2796
|
+
"aria-rowindex": {
|
|
2797
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
2798
|
+
required: false,
|
|
2799
|
+
control: "number",
|
|
2800
|
+
type: "number"
|
|
2801
|
+
},
|
|
2802
|
+
"aria-rowindextext": {
|
|
2803
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
2804
|
+
required: false,
|
|
2805
|
+
control: "text",
|
|
2806
|
+
type: "string"
|
|
2807
|
+
},
|
|
2808
|
+
"aria-rowspan": {
|
|
2809
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
2810
|
+
required: false,
|
|
2811
|
+
control: "number",
|
|
2812
|
+
type: "number"
|
|
2813
|
+
},
|
|
2814
|
+
"aria-selected": {
|
|
2815
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
2816
|
+
required: false,
|
|
2817
|
+
control: "boolean",
|
|
2818
|
+
type: "boolean"
|
|
2819
|
+
},
|
|
2820
|
+
"aria-setsize": {
|
|
2821
|
+
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.",
|
|
2822
|
+
required: false,
|
|
2823
|
+
control: "number",
|
|
2824
|
+
type: "number"
|
|
2825
|
+
},
|
|
2826
|
+
"aria-sort": {
|
|
2827
|
+
description: "Indicates if items in a table or grid are sorted in ascending or descending order.",
|
|
2828
|
+
required: false,
|
|
2829
|
+
control: "select",
|
|
2830
|
+
type: "string",
|
|
2831
|
+
options: ["none", "ascending", "descending", "other"]
|
|
2832
|
+
},
|
|
2833
|
+
"aria-valuemax": {
|
|
2834
|
+
description: "Defines the maximum allowed value for a range widget.",
|
|
2835
|
+
required: false,
|
|
2836
|
+
control: "number",
|
|
2837
|
+
type: "number"
|
|
2838
|
+
},
|
|
2839
|
+
"aria-valuemin": {
|
|
2840
|
+
description: "Defines the minimum allowed value for a range widget.",
|
|
2841
|
+
required: false,
|
|
2842
|
+
control: "number",
|
|
2843
|
+
type: "number"
|
|
2844
|
+
},
|
|
2845
|
+
"aria-valuenow": {
|
|
2846
|
+
description: "Defines the current value for a range widget.",
|
|
2847
|
+
required: false,
|
|
2848
|
+
control: "number",
|
|
2849
|
+
type: "number"
|
|
2850
|
+
},
|
|
2851
|
+
"aria-valuetext": {
|
|
2852
|
+
description: "Defines the human readable text alternative of aria-valuenow for a range widget.",
|
|
2853
|
+
required: false,
|
|
2854
|
+
control: "text",
|
|
2855
|
+
type: "string"
|
|
2856
|
+
},
|
|
2857
|
+
autoCapitalize: {
|
|
2858
|
+
required: false,
|
|
2859
|
+
control: "text",
|
|
2860
|
+
type: "string",
|
|
2861
|
+
description: "Sets whether input is automatically capitalized when entered by user."
|
|
2862
|
+
},
|
|
2863
|
+
autoCorrect: { required: false, control: "text", type: "string" },
|
|
2864
|
+
autoFocus: {
|
|
2865
|
+
required: false,
|
|
2866
|
+
control: "boolean",
|
|
2867
|
+
type: "boolean",
|
|
2868
|
+
description: "Indicates that an element should be focused on page load, or when its parent dialog is displayed."
|
|
2869
|
+
},
|
|
2870
|
+
autoSave: { required: false, control: "text", type: "string" },
|
|
2871
|
+
className: { required: false, control: "text", type: "string" },
|
|
2872
|
+
color: {
|
|
2873
|
+
required: false,
|
|
2874
|
+
control: "color",
|
|
2875
|
+
type: "string",
|
|
2876
|
+
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."
|
|
2877
|
+
},
|
|
2878
|
+
content: {
|
|
2879
|
+
required: false,
|
|
2880
|
+
control: "text",
|
|
2881
|
+
type: "string",
|
|
2882
|
+
description: "A value associated with http-equiv orname depending on the context."
|
|
2883
|
+
},
|
|
2884
|
+
contextMenu: {
|
|
2885
|
+
required: false,
|
|
2886
|
+
control: "text",
|
|
2887
|
+
type: "string",
|
|
2888
|
+
description: "Defines the ID of a menu element which willserve as the element's context menu."
|
|
2889
|
+
},
|
|
2890
|
+
datatype: { required: false, control: "text", type: "string" },
|
|
2891
|
+
defaultChecked: { required: false, control: "boolean", type: "boolean" },
|
|
2892
|
+
dir: {
|
|
2893
|
+
required: false,
|
|
2894
|
+
control: "text",
|
|
2895
|
+
type: "string",
|
|
2896
|
+
description: "Defines the text direction. Allowed values are ltr (Left-To-Right) or rtl (Right-To-Left)"
|
|
2897
|
+
},
|
|
2898
|
+
draggable: {
|
|
2899
|
+
required: false,
|
|
2900
|
+
control: "boolean",
|
|
2901
|
+
type: "boolean",
|
|
2902
|
+
description: "Defines whether the element can be dragged."
|
|
2903
|
+
},
|
|
2904
|
+
form: {
|
|
2905
|
+
required: false,
|
|
2906
|
+
control: "text",
|
|
2907
|
+
type: "string",
|
|
2908
|
+
description: "Indicates the form that is the owner of the element."
|
|
2909
|
+
},
|
|
2910
|
+
hidden: {
|
|
2911
|
+
required: false,
|
|
2912
|
+
control: "boolean",
|
|
2913
|
+
type: "boolean",
|
|
2914
|
+
description: "Prevents rendering of given element, while keeping child elements, e.g. script elements, active."
|
|
2915
|
+
},
|
|
2916
|
+
htmlFor: {
|
|
2917
|
+
required: false,
|
|
2918
|
+
control: "text",
|
|
2919
|
+
type: "string",
|
|
2920
|
+
description: "Associates this Label with an Input. The value of the \u201CFor\u201D attribute should match the ID attribute of the corresponding Input element"
|
|
2921
|
+
},
|
|
2922
|
+
id: {
|
|
2923
|
+
required: false,
|
|
2924
|
+
control: "text",
|
|
2925
|
+
type: "string",
|
|
2926
|
+
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
2927
|
+
},
|
|
2928
|
+
inputMode: {
|
|
2929
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
2930
|
+
required: false,
|
|
2931
|
+
control: "select",
|
|
2932
|
+
type: "string",
|
|
2933
|
+
options: [
|
|
2934
|
+
"search",
|
|
2935
|
+
"text",
|
|
2936
|
+
"none",
|
|
2937
|
+
"tel",
|
|
2938
|
+
"url",
|
|
2939
|
+
"email",
|
|
2940
|
+
"numeric",
|
|
2941
|
+
"decimal"
|
|
2942
|
+
]
|
|
2943
|
+
},
|
|
2944
|
+
is: {
|
|
2945
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
2946
|
+
required: false,
|
|
2947
|
+
control: "text",
|
|
2948
|
+
type: "string"
|
|
2949
|
+
},
|
|
2950
|
+
itemID: { required: false, control: "text", type: "string" },
|
|
2951
|
+
itemProp: { required: false, control: "text", type: "string" },
|
|
2952
|
+
itemRef: { required: false, control: "text", type: "string" },
|
|
2953
|
+
itemScope: { required: false, control: "boolean", type: "boolean" },
|
|
2954
|
+
itemType: { required: false, control: "text", type: "string" },
|
|
2955
|
+
lang: {
|
|
2956
|
+
required: false,
|
|
2957
|
+
control: "text",
|
|
2958
|
+
type: "string",
|
|
2959
|
+
description: "Defines the language used in the element."
|
|
2960
|
+
},
|
|
2961
|
+
nonce: { required: false, control: "text", type: "string" },
|
|
2962
|
+
prefix: { required: false, control: "text", type: "string" },
|
|
2963
|
+
property: { required: false, control: "text", type: "string" },
|
|
2964
|
+
radioGroup: { required: false, control: "text", type: "string" },
|
|
2965
|
+
rel: {
|
|
2966
|
+
required: false,
|
|
2967
|
+
control: "text",
|
|
2968
|
+
type: "string",
|
|
2969
|
+
description: "Specifies the relationship of the target object to the link object."
|
|
2970
|
+
},
|
|
2971
|
+
resource: { required: false, control: "text", type: "string" },
|
|
2972
|
+
results: { required: false, control: "number", type: "number" },
|
|
2973
|
+
rev: { required: false, control: "text", type: "string" },
|
|
2974
|
+
role: {
|
|
2975
|
+
required: false,
|
|
2976
|
+
control: "text",
|
|
2977
|
+
type: "string",
|
|
2978
|
+
description: "Defines an explicit role for an element for use by assistive technologies."
|
|
2979
|
+
},
|
|
2980
|
+
security: { required: false, control: "text", type: "string" },
|
|
2981
|
+
slot: {
|
|
2982
|
+
required: false,
|
|
2983
|
+
control: "text",
|
|
2984
|
+
type: "string",
|
|
2985
|
+
description: "Assigns a slot in a shadow DOM shadow tree to an element."
|
|
2986
|
+
},
|
|
2987
|
+
spellCheck: {
|
|
2988
|
+
required: false,
|
|
2989
|
+
control: "boolean",
|
|
2990
|
+
type: "boolean",
|
|
2991
|
+
description: "Indicates whether spell checking is allowed for the element."
|
|
2992
|
+
},
|
|
2993
|
+
suppressContentEditableWarning: {
|
|
2994
|
+
required: false,
|
|
2995
|
+
control: "boolean",
|
|
2996
|
+
type: "boolean"
|
|
2997
|
+
},
|
|
2998
|
+
suppressHydrationWarning: {
|
|
2999
|
+
required: false,
|
|
3000
|
+
control: "boolean",
|
|
3001
|
+
type: "boolean"
|
|
3002
|
+
},
|
|
3003
|
+
tabIndex: {
|
|
3004
|
+
required: false,
|
|
3005
|
+
control: "number",
|
|
3006
|
+
type: "number",
|
|
3007
|
+
description: "Overrides the browser's default tab order and follows the one specified instead."
|
|
3008
|
+
},
|
|
3009
|
+
title: {
|
|
3010
|
+
required: false,
|
|
3011
|
+
control: "text",
|
|
3012
|
+
type: "string",
|
|
3013
|
+
description: "Text to be displayed in a tooltip when hovering over the element."
|
|
3014
|
+
},
|
|
3015
|
+
translate: {
|
|
3016
|
+
required: false,
|
|
3017
|
+
control: "radio",
|
|
3018
|
+
type: "string",
|
|
3019
|
+
options: ["yes", "no"],
|
|
3020
|
+
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."
|
|
3021
|
+
},
|
|
3022
|
+
typeof: { required: false, control: "text", type: "string" },
|
|
3023
|
+
unselectable: {
|
|
3024
|
+
required: false,
|
|
3025
|
+
control: "radio",
|
|
3026
|
+
type: "string",
|
|
3027
|
+
options: ["on", "off"]
|
|
3028
|
+
},
|
|
3029
|
+
vocab: { required: false, control: "text", type: "string" }
|
|
3030
|
+
};
|
|
3031
|
+
|
|
3032
|
+
// src/label.ws.ts
|
|
3033
|
+
var presetStyle21 = {
|
|
3034
|
+
label: [
|
|
3035
|
+
...label,
|
|
3036
|
+
{ property: "display", value: { type: "keyword", value: "block" } }
|
|
3037
|
+
]
|
|
3038
|
+
};
|
|
3039
|
+
var meta26 = {
|
|
3040
|
+
category: "forms",
|
|
3041
|
+
invalidAncestors: ["Button", "Label"],
|
|
3042
|
+
type: "container",
|
|
3043
|
+
label: "Input Label",
|
|
3044
|
+
icon: LabelIcon,
|
|
3045
|
+
states: defaultStates21,
|
|
3046
|
+
presetStyle: presetStyle21,
|
|
3047
|
+
order: 2,
|
|
3048
|
+
template: [
|
|
3049
|
+
{
|
|
3050
|
+
type: "instance",
|
|
3051
|
+
component: "Label",
|
|
3052
|
+
children: [{ type: "text", value: "Form Label" }]
|
|
3053
|
+
}
|
|
3054
|
+
]
|
|
3055
|
+
};
|
|
3056
|
+
var propsMeta5 = {
|
|
3057
|
+
props: {
|
|
3058
|
+
...props5,
|
|
3059
|
+
htmlFor: {
|
|
3060
|
+
...props5.htmlFor,
|
|
3061
|
+
label: "For"
|
|
3062
|
+
}
|
|
3063
|
+
},
|
|
3064
|
+
initialProps: ["id", "className", "htmlFor"]
|
|
3065
|
+
};
|
|
3066
|
+
|
|
3067
|
+
// src/textarea.ws.ts
|
|
3068
|
+
import { FormTextAreaIcon } from "@webstudio-is/icons/svg";
|
|
3069
|
+
import {
|
|
3070
|
+
defaultStates as defaultStates22
|
|
3071
|
+
} from "@webstudio-is/react-sdk";
|
|
3072
|
+
import { textarea } from "@webstudio-is/react-sdk/css-normalize";
|
|
3073
|
+
var presetStyle22 = {
|
|
3074
|
+
textarea: [
|
|
3075
|
+
...textarea,
|
|
3076
|
+
// resize doesn't work well while on canvas
|
|
3077
|
+
{ property: "resize", value: { type: "keyword", value: "none" } },
|
|
3078
|
+
{
|
|
3079
|
+
property: "display",
|
|
3080
|
+
value: { type: "keyword", value: "block" }
|
|
3081
|
+
}
|
|
3082
|
+
]
|
|
3083
|
+
};
|
|
3084
|
+
var meta27 = {
|
|
3085
|
+
category: "forms",
|
|
3086
|
+
type: "control",
|
|
3087
|
+
label: "Text Area",
|
|
3088
|
+
description: "A multi-line text input for collecting longer string data from your users.",
|
|
3089
|
+
icon: FormTextAreaIcon,
|
|
3090
|
+
presetStyle: presetStyle22,
|
|
3091
|
+
order: 4,
|
|
3092
|
+
invalidAncestors: ["Button", "Link"],
|
|
3093
|
+
states: [
|
|
3094
|
+
...defaultStates22,
|
|
3095
|
+
{ selector: "::placeholder", label: "Placeholder" },
|
|
3096
|
+
{ selector: ":valid", label: "Valid" },
|
|
3097
|
+
{ selector: ":invalid", label: "Invalid" },
|
|
3098
|
+
{ selector: ":required", label: "Required" },
|
|
3099
|
+
{ selector: ":optional", label: "Optional" }
|
|
3100
|
+
// Additional states will go into submenu
|
|
3101
|
+
//{ selector: ":disabled", label: "Disabled" },
|
|
3102
|
+
//{ selector: ":enabled", label: "Enabled" },
|
|
3103
|
+
//{ selector: ":read-only", label: "Read Only" },
|
|
2531
3104
|
//{ selector: ":read-write", label: "Read Write" },
|
|
2532
3105
|
]
|
|
2533
3106
|
};
|
|
@@ -2547,7 +3120,7 @@ var presetStyle23 = {
|
|
|
2547
3120
|
}
|
|
2548
3121
|
]
|
|
2549
3122
|
};
|
|
2550
|
-
var
|
|
3123
|
+
var meta28 = {
|
|
2551
3124
|
category: "forms",
|
|
2552
3125
|
invalidAncestors: ["Button", "Link"],
|
|
2553
3126
|
type: "control",
|
|
@@ -2601,7 +3174,7 @@ var presetStyle24 = {
|
|
|
2601
3174
|
}
|
|
2602
3175
|
]
|
|
2603
3176
|
};
|
|
2604
|
-
var
|
|
3177
|
+
var meta29 = {
|
|
2605
3178
|
category: "forms",
|
|
2606
3179
|
invalidAncestors: ["Button", "Link"],
|
|
2607
3180
|
type: "control",
|
|
@@ -2648,7 +3221,7 @@ import { div as div3 } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
2648
3221
|
var presetStyle25 = {
|
|
2649
3222
|
div: div3
|
|
2650
3223
|
};
|
|
2651
|
-
var
|
|
3224
|
+
var meta30 = {
|
|
2652
3225
|
category: "media",
|
|
2653
3226
|
type: "container",
|
|
2654
3227
|
label: "Vimeo",
|
|
@@ -2950,7 +3523,7 @@ var meta29 = {
|
|
|
2950
3523
|
import "@webstudio-is/react-sdk";
|
|
2951
3524
|
|
|
2952
3525
|
// src/__generated__/vimeo-preview-image.props.ts
|
|
2953
|
-
var
|
|
3526
|
+
var props6 = {
|
|
2954
3527
|
about: { required: false, control: "text", type: "string" },
|
|
2955
3528
|
accessKey: {
|
|
2956
3529
|
required: false,
|
|
@@ -2984,50 +3557,50 @@ var props5 = {
|
|
|
2984
3557
|
options: ["list", "none", "inline", "both"]
|
|
2985
3558
|
},
|
|
2986
3559
|
"aria-braillelabel": {
|
|
2987
|
-
description: "Defines a string value that labels the current element, which is intended to be converted into Braille
|
|
3560
|
+
description: "Defines a string value that labels the current element, which is intended to be converted into Braille.",
|
|
2988
3561
|
required: false,
|
|
2989
3562
|
control: "text",
|
|
2990
3563
|
type: "string"
|
|
2991
3564
|
},
|
|
2992
3565
|
"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
|
|
3566
|
+
description: "Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.",
|
|
2994
3567
|
required: false,
|
|
2995
3568
|
control: "text",
|
|
2996
3569
|
type: "string"
|
|
2997
3570
|
},
|
|
2998
3571
|
"aria-busy": { required: false, control: "boolean", type: "boolean" },
|
|
2999
3572
|
"aria-checked": {
|
|
3000
|
-
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets
|
|
3573
|
+
description: 'Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.',
|
|
3001
3574
|
required: false,
|
|
3002
3575
|
control: "text",
|
|
3003
3576
|
type: "string"
|
|
3004
3577
|
},
|
|
3005
3578
|
"aria-colcount": {
|
|
3006
|
-
description: "Defines the total number of columns in a table, grid, or treegrid
|
|
3579
|
+
description: "Defines the total number of columns in a table, grid, or treegrid.",
|
|
3007
3580
|
required: false,
|
|
3008
3581
|
control: "number",
|
|
3009
3582
|
type: "number"
|
|
3010
3583
|
},
|
|
3011
3584
|
"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
|
|
3585
|
+
description: "Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.",
|
|
3013
3586
|
required: false,
|
|
3014
3587
|
control: "number",
|
|
3015
3588
|
type: "number"
|
|
3016
3589
|
},
|
|
3017
3590
|
"aria-colindextext": {
|
|
3018
|
-
description: "Defines a human readable text alternative of aria-colindex
|
|
3591
|
+
description: "Defines a human readable text alternative of aria-colindex.",
|
|
3019
3592
|
required: false,
|
|
3020
3593
|
control: "text",
|
|
3021
3594
|
type: "string"
|
|
3022
3595
|
},
|
|
3023
3596
|
"aria-colspan": {
|
|
3024
|
-
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid
|
|
3597
|
+
description: "Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
3025
3598
|
required: false,
|
|
3026
3599
|
control: "number",
|
|
3027
3600
|
type: "number"
|
|
3028
3601
|
},
|
|
3029
3602
|
"aria-controls": {
|
|
3030
|
-
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element
|
|
3603
|
+
description: "Identifies the element (or elements) whose contents or presence are controlled by the current element.",
|
|
3031
3604
|
required: false,
|
|
3032
3605
|
control: "text",
|
|
3033
3606
|
type: "string"
|
|
@@ -3039,38 +3612,38 @@ var props5 = {
|
|
|
3039
3612
|
type: "string"
|
|
3040
3613
|
},
|
|
3041
3614
|
"aria-describedby": {
|
|
3042
|
-
description: "Identifies the element (or elements) that describes the object
|
|
3615
|
+
description: "Identifies the element (or elements) that describes the object.",
|
|
3043
3616
|
required: false,
|
|
3044
3617
|
control: "text",
|
|
3045
3618
|
type: "string"
|
|
3046
3619
|
},
|
|
3047
3620
|
"aria-description": {
|
|
3048
|
-
description: "Defines a string value that describes or annotates the current element
|
|
3621
|
+
description: "Defines a string value that describes or annotates the current element.",
|
|
3049
3622
|
required: false,
|
|
3050
3623
|
control: "text",
|
|
3051
3624
|
type: "string"
|
|
3052
3625
|
},
|
|
3053
3626
|
"aria-details": {
|
|
3054
|
-
description: "Identifies the element that provides a detailed, extended description for the object
|
|
3627
|
+
description: "Identifies the element that provides a detailed, extended description for the object.",
|
|
3055
3628
|
required: false,
|
|
3056
3629
|
control: "text",
|
|
3057
3630
|
type: "string"
|
|
3058
3631
|
},
|
|
3059
3632
|
"aria-disabled": {
|
|
3060
|
-
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable
|
|
3633
|
+
description: "Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.",
|
|
3061
3634
|
required: false,
|
|
3062
3635
|
control: "boolean",
|
|
3063
3636
|
type: "boolean"
|
|
3064
3637
|
},
|
|
3065
3638
|
"aria-dropeffect": {
|
|
3066
|
-
description: "Indicates what functions can be performed when a dragged object is released on the drop target
|
|
3639
|
+
description: "Indicates what functions can be performed when a dragged object is released on the drop target.",
|
|
3067
3640
|
required: false,
|
|
3068
3641
|
control: "select",
|
|
3069
3642
|
type: "string",
|
|
3070
3643
|
options: ["link", "none", "copy", "execute", "move", "popup"]
|
|
3071
3644
|
},
|
|
3072
3645
|
"aria-errormessage": {
|
|
3073
|
-
description: "Identifies the element that provides an error message for the object
|
|
3646
|
+
description: "Identifies the element that provides an error message for the object.",
|
|
3074
3647
|
required: false,
|
|
3075
3648
|
control: "text",
|
|
3076
3649
|
type: "string"
|
|
@@ -3088,8 +3661,7 @@ var props5 = {
|
|
|
3088
3661
|
type: "string"
|
|
3089
3662
|
},
|
|
3090
3663
|
"aria-grabbed": {
|
|
3091
|
-
description: `Indicates an element's "grabbed" state in a drag-and-drop operation
|
|
3092
|
-
@deprecated in ARIA 1.1`,
|
|
3664
|
+
description: `Indicates an element's "grabbed" state in a drag-and-drop operation.`,
|
|
3093
3665
|
required: false,
|
|
3094
3666
|
control: "boolean",
|
|
3095
3667
|
type: "boolean"
|
|
@@ -3101,13 +3673,13 @@ var props5 = {
|
|
|
3101
3673
|
type: "string"
|
|
3102
3674
|
},
|
|
3103
3675
|
"aria-hidden": {
|
|
3104
|
-
description: "Indicates whether the element is exposed to an accessibility API
|
|
3676
|
+
description: "Indicates whether the element is exposed to an accessibility API.",
|
|
3105
3677
|
required: false,
|
|
3106
3678
|
control: "boolean",
|
|
3107
3679
|
type: "boolean"
|
|
3108
3680
|
},
|
|
3109
3681
|
"aria-invalid": {
|
|
3110
|
-
description: "Indicates the entered value does not conform to the format expected by the application
|
|
3682
|
+
description: "Indicates the entered value does not conform to the format expected by the application.",
|
|
3111
3683
|
required: false,
|
|
3112
3684
|
control: "text",
|
|
3113
3685
|
type: "string"
|
|
@@ -3125,7 +3697,7 @@ var props5 = {
|
|
|
3125
3697
|
type: "string"
|
|
3126
3698
|
},
|
|
3127
3699
|
"aria-labelledby": {
|
|
3128
|
-
description: "Identifies the element (or elements) that labels the current element
|
|
3700
|
+
description: "Identifies the element (or elements) that labels the current element.",
|
|
3129
3701
|
required: false,
|
|
3130
3702
|
control: "text",
|
|
3131
3703
|
type: "string"
|
|
@@ -3169,7 +3741,7 @@ var props5 = {
|
|
|
3169
3741
|
options: ["horizontal", "vertical"]
|
|
3170
3742
|
},
|
|
3171
3743
|
"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
|
|
3744
|
+
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
3745
|
required: false,
|
|
3174
3746
|
control: "text",
|
|
3175
3747
|
type: "string"
|
|
@@ -3181,25 +3753,25 @@ var props5 = {
|
|
|
3181
3753
|
type: "string"
|
|
3182
3754
|
},
|
|
3183
3755
|
"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
|
|
3756
|
+
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
3757
|
required: false,
|
|
3186
3758
|
control: "number",
|
|
3187
3759
|
type: "number"
|
|
3188
3760
|
},
|
|
3189
3761
|
"aria-pressed": {
|
|
3190
|
-
description: 'Indicates the current "pressed" state of toggle buttons
|
|
3762
|
+
description: 'Indicates the current "pressed" state of toggle buttons.',
|
|
3191
3763
|
required: false,
|
|
3192
3764
|
control: "text",
|
|
3193
3765
|
type: "string"
|
|
3194
3766
|
},
|
|
3195
3767
|
"aria-readonly": {
|
|
3196
|
-
description: "Indicates that the element is not editable, but is otherwise operable
|
|
3768
|
+
description: "Indicates that the element is not editable, but is otherwise operable.",
|
|
3197
3769
|
required: false,
|
|
3198
3770
|
control: "boolean",
|
|
3199
3771
|
type: "boolean"
|
|
3200
3772
|
},
|
|
3201
3773
|
"aria-relevant": {
|
|
3202
|
-
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified
|
|
3774
|
+
description: "Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.",
|
|
3203
3775
|
required: false,
|
|
3204
3776
|
control: "select",
|
|
3205
3777
|
type: "string",
|
|
@@ -3229,37 +3801,37 @@ var props5 = {
|
|
|
3229
3801
|
type: "string"
|
|
3230
3802
|
},
|
|
3231
3803
|
"aria-rowcount": {
|
|
3232
|
-
description: "Defines the total number of rows in a table, grid, or treegrid
|
|
3804
|
+
description: "Defines the total number of rows in a table, grid, or treegrid.",
|
|
3233
3805
|
required: false,
|
|
3234
3806
|
control: "number",
|
|
3235
3807
|
type: "number"
|
|
3236
3808
|
},
|
|
3237
3809
|
"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
|
|
3810
|
+
description: "Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.",
|
|
3239
3811
|
required: false,
|
|
3240
3812
|
control: "number",
|
|
3241
3813
|
type: "number"
|
|
3242
3814
|
},
|
|
3243
3815
|
"aria-rowindextext": {
|
|
3244
|
-
description: "Defines a human readable text alternative of aria-rowindex
|
|
3816
|
+
description: "Defines a human readable text alternative of aria-rowindex.",
|
|
3245
3817
|
required: false,
|
|
3246
3818
|
control: "text",
|
|
3247
3819
|
type: "string"
|
|
3248
3820
|
},
|
|
3249
3821
|
"aria-rowspan": {
|
|
3250
|
-
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid
|
|
3822
|
+
description: "Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.",
|
|
3251
3823
|
required: false,
|
|
3252
3824
|
control: "number",
|
|
3253
3825
|
type: "number"
|
|
3254
3826
|
},
|
|
3255
3827
|
"aria-selected": {
|
|
3256
|
-
description: 'Indicates the current "selected" state of various widgets
|
|
3828
|
+
description: 'Indicates the current "selected" state of various widgets.',
|
|
3257
3829
|
required: false,
|
|
3258
3830
|
control: "boolean",
|
|
3259
3831
|
type: "boolean"
|
|
3260
3832
|
},
|
|
3261
3833
|
"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
|
|
3834
|
+
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
3835
|
required: false,
|
|
3264
3836
|
control: "number",
|
|
3265
3837
|
type: "number"
|
|
@@ -3284,7 +3856,7 @@ var props5 = {
|
|
|
3284
3856
|
type: "number"
|
|
3285
3857
|
},
|
|
3286
3858
|
"aria-valuenow": {
|
|
3287
|
-
description: "Defines the current value for a range widget
|
|
3859
|
+
description: "Defines the current value for a range widget.",
|
|
3288
3860
|
required: false,
|
|
3289
3861
|
control: "number",
|
|
3290
3862
|
type: "number"
|
|
@@ -3356,6 +3928,12 @@ var props5 = {
|
|
|
3356
3928
|
type: "boolean",
|
|
3357
3929
|
description: "Defines whether the element can be dragged."
|
|
3358
3930
|
},
|
|
3931
|
+
fetchPriority: {
|
|
3932
|
+
required: false,
|
|
3933
|
+
control: "radio",
|
|
3934
|
+
type: "string",
|
|
3935
|
+
options: ["high", "low", "auto"]
|
|
3936
|
+
},
|
|
3359
3937
|
height: {
|
|
3360
3938
|
required: false,
|
|
3361
3939
|
control: "number",
|
|
@@ -3375,7 +3953,7 @@ var props5 = {
|
|
|
3375
3953
|
description: "Often used with CSS to style a specific element. The value of this attribute must be unique."
|
|
3376
3954
|
},
|
|
3377
3955
|
inputMode: {
|
|
3378
|
-
description: "Hints at the type of data that might be entered by the user while editing the element or its contents
|
|
3956
|
+
description: "Hints at the type of data that might be entered by the user while editing the element or its contents",
|
|
3379
3957
|
required: false,
|
|
3380
3958
|
control: "select",
|
|
3381
3959
|
type: "string",
|
|
@@ -3391,7 +3969,7 @@ var props5 = {
|
|
|
3391
3969
|
]
|
|
3392
3970
|
},
|
|
3393
3971
|
is: {
|
|
3394
|
-
description: "Specify that a standard HTML element should behave like a defined custom built-in element
|
|
3972
|
+
description: "Specify that a standard HTML element should behave like a defined custom built-in element",
|
|
3395
3973
|
required: false,
|
|
3396
3974
|
control: "text",
|
|
3397
3975
|
type: "string"
|
|
@@ -3416,12 +3994,6 @@ var props5 = {
|
|
|
3416
3994
|
},
|
|
3417
3995
|
nonce: { required: false, control: "text", type: "string" },
|
|
3418
3996
|
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
3997
|
prefix: { required: false, control: "text", type: "string" },
|
|
3426
3998
|
property: { required: false, control: "text", type: "string" },
|
|
3427
3999
|
quality: { required: false, control: "number", type: "number" },
|
|
@@ -3432,9 +4004,9 @@ var props5 = {
|
|
|
3432
4004
|
type: "string",
|
|
3433
4005
|
options: [
|
|
3434
4006
|
"",
|
|
4007
|
+
"origin",
|
|
3435
4008
|
"no-referrer",
|
|
3436
4009
|
"no-referrer-when-downgrade",
|
|
3437
|
-
"origin",
|
|
3438
4010
|
"origin-when-cross-origin",
|
|
3439
4011
|
"same-origin",
|
|
3440
4012
|
"strict-origin",
|
|
@@ -3531,14 +4103,14 @@ var props5 = {
|
|
|
3531
4103
|
};
|
|
3532
4104
|
|
|
3533
4105
|
// src/vimeo-preview-image.ws.ts
|
|
3534
|
-
var
|
|
3535
|
-
...
|
|
4106
|
+
var meta31 = {
|
|
4107
|
+
...meta20,
|
|
3536
4108
|
category: "hidden",
|
|
3537
4109
|
label: "Preview Image",
|
|
3538
4110
|
requiredAncestors: ["Vimeo"]
|
|
3539
4111
|
};
|
|
3540
|
-
var
|
|
3541
|
-
props: { ...
|
|
4112
|
+
var propsMeta6 = {
|
|
4113
|
+
props: { ...props6, ...propsOverrides },
|
|
3542
4114
|
initialProps: propsMeta3.initialProps
|
|
3543
4115
|
};
|
|
3544
4116
|
|
|
@@ -3551,7 +4123,7 @@ import { button as button2 } from "@webstudio-is/react-sdk/css-normalize";
|
|
|
3551
4123
|
var presetStyle26 = {
|
|
3552
4124
|
button: button2
|
|
3553
4125
|
};
|
|
3554
|
-
var
|
|
4126
|
+
var meta32 = {
|
|
3555
4127
|
category: "hidden",
|
|
3556
4128
|
type: "container",
|
|
3557
4129
|
invalidAncestors: ["Button"],
|
|
@@ -3571,7 +4143,7 @@ import { BoxIcon as BoxIcon2 } from "@webstudio-is/icons/svg";
|
|
|
3571
4143
|
var presetStyle27 = {
|
|
3572
4144
|
div: div4
|
|
3573
4145
|
};
|
|
3574
|
-
var
|
|
4146
|
+
var meta33 = {
|
|
3575
4147
|
type: "container",
|
|
3576
4148
|
icon: BoxIcon2,
|
|
3577
4149
|
states: defaultStates27,
|
|
@@ -3580,37 +4152,71 @@ var meta32 = {
|
|
|
3580
4152
|
label: "Spinner",
|
|
3581
4153
|
requiredAncestors: ["Vimeo"]
|
|
3582
4154
|
};
|
|
4155
|
+
|
|
4156
|
+
// src/xml-node.ws.ts
|
|
4157
|
+
import { XmlIcon } from "@webstudio-is/icons/svg";
|
|
4158
|
+
import "@webstudio-is/react-sdk";
|
|
4159
|
+
var meta34 = {
|
|
4160
|
+
category: "xml",
|
|
4161
|
+
order: 6,
|
|
4162
|
+
type: "container",
|
|
4163
|
+
icon: XmlIcon,
|
|
4164
|
+
stylable: false,
|
|
4165
|
+
description: "Xml Node"
|
|
4166
|
+
};
|
|
4167
|
+
|
|
4168
|
+
// src/time.ws.ts
|
|
4169
|
+
import { CalendarIcon } from "@webstudio-is/icons/svg";
|
|
4170
|
+
import {
|
|
4171
|
+
defaultStates as defaultStates28
|
|
4172
|
+
} from "@webstudio-is/react-sdk";
|
|
4173
|
+
import { time } from "@webstudio-is/react-sdk/css-normalize";
|
|
4174
|
+
var presetStyle28 = {
|
|
4175
|
+
time
|
|
4176
|
+
};
|
|
4177
|
+
var meta35 = {
|
|
4178
|
+
category: "data",
|
|
4179
|
+
type: "container",
|
|
4180
|
+
description: "Converts machine-readable date and time to a human-readable format.",
|
|
4181
|
+
icon: CalendarIcon,
|
|
4182
|
+
states: defaultStates28,
|
|
4183
|
+
presetStyle: presetStyle28,
|
|
4184
|
+
order: 4
|
|
4185
|
+
};
|
|
3583
4186
|
export {
|
|
3584
|
-
|
|
3585
|
-
|
|
3586
|
-
|
|
3587
|
-
|
|
3588
|
-
|
|
3589
|
-
|
|
3590
|
-
|
|
3591
|
-
|
|
4187
|
+
meta21 as Blockquote,
|
|
4188
|
+
meta5 as Body,
|
|
4189
|
+
meta13 as Bold,
|
|
4190
|
+
meta6 as Box,
|
|
4191
|
+
meta17 as Button,
|
|
4192
|
+
meta29 as Checkbox,
|
|
4193
|
+
meta25 as CodeText,
|
|
4194
|
+
meta4 as ContentEmbed,
|
|
4195
|
+
meta19 as Form,
|
|
3592
4196
|
meta2 as Fragment,
|
|
3593
|
-
|
|
4197
|
+
meta8 as Heading,
|
|
3594
4198
|
meta3 as HtmlEmbed,
|
|
3595
|
-
|
|
3596
|
-
|
|
3597
|
-
|
|
3598
|
-
|
|
3599
|
-
|
|
3600
|
-
|
|
3601
|
-
|
|
3602
|
-
|
|
3603
|
-
|
|
3604
|
-
|
|
3605
|
-
|
|
4199
|
+
meta20 as Image,
|
|
4200
|
+
meta18 as Input,
|
|
4201
|
+
meta14 as Italic,
|
|
4202
|
+
meta26 as Label,
|
|
4203
|
+
meta10 as Link,
|
|
4204
|
+
meta22 as List,
|
|
4205
|
+
meta23 as ListItem,
|
|
4206
|
+
meta9 as Paragraph,
|
|
4207
|
+
meta28 as RadioButton,
|
|
4208
|
+
meta11 as RichTextLink,
|
|
4209
|
+
meta24 as Separator,
|
|
3606
4210
|
meta as Slot,
|
|
3607
|
-
|
|
3608
|
-
|
|
3609
|
-
|
|
3610
|
-
|
|
3611
|
-
|
|
3612
|
-
|
|
3613
|
-
|
|
3614
|
-
|
|
3615
|
-
|
|
4211
|
+
meta12 as Span,
|
|
4212
|
+
meta16 as Subscript,
|
|
4213
|
+
meta15 as Superscript,
|
|
4214
|
+
meta7 as Text,
|
|
4215
|
+
meta27 as Textarea,
|
|
4216
|
+
meta35 as Time,
|
|
4217
|
+
meta30 as Vimeo,
|
|
4218
|
+
meta32 as VimeoPlayButton,
|
|
4219
|
+
meta31 as VimeoPreviewImage,
|
|
4220
|
+
meta33 as VimeoSpinner,
|
|
4221
|
+
meta34 as XmlNode
|
|
3616
4222
|
};
|