@twentyfirstmedia/elements 0.2.1 → 0.3.1
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/dist/custom-elements.json +886 -50
- package/dist/elements.d.ts +124 -4
- package/dist/elements.global.js +29 -29
- package/dist/elements.js +29 -29
- package/dist/vscode.html-custom-data.json +266 -8
- package/package.json +2 -2
|
@@ -71,6 +71,22 @@
|
|
|
71
71
|
"text": "Motion"
|
|
72
72
|
},
|
|
73
73
|
"description": "Motion level for everything inside (sets `data-motion`): `\"standard\"` (default), `\"expressive\"` for orchestrated page entrances, or `\"off\"`, e.g. for a setting in your app. The reader's reduced-motion setting always turns motion off."
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"name": "locale",
|
|
77
|
+
"fieldName": "locale",
|
|
78
|
+
"type": {
|
|
79
|
+
"text": "string"
|
|
80
|
+
},
|
|
81
|
+
"description": "BCP 47 locale for the numbers, money, percentages and dates components show (`\"de-DE\"`). Default `\"en-US\"`; a nested provider keeps its parent's locale unless it sets its own."
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
"name": "messages",
|
|
85
|
+
"fieldName": "messages",
|
|
86
|
+
"type": {
|
|
87
|
+
"text": "UIMessages"
|
|
88
|
+
},
|
|
89
|
+
"description": "Your own text for any built-in string: accessible names, button texts, placeholders, status words (`{ close: \"Schließen\", selectedCount: (n) => \\`${n} ausgewählt\\` }`). Partial: what you leave out stays English (or what an outer provider set). Props such as `title` or `label` on a component still win. See `DEFAULT_STRINGS` for every key."
|
|
74
90
|
}
|
|
75
91
|
],
|
|
76
92
|
"members": [
|
|
@@ -136,6 +152,24 @@
|
|
|
136
152
|
},
|
|
137
153
|
"description": "Motion level for everything inside (sets `data-motion`): `\"standard\"` (default), `\"expressive\"` for orchestrated page entrances, or `\"off\"`, e.g. for a setting in your app. The reader's reduced-motion setting always turns motion off.",
|
|
138
154
|
"attribute": "motion"
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"kind": "field",
|
|
158
|
+
"name": "locale",
|
|
159
|
+
"type": {
|
|
160
|
+
"text": "string"
|
|
161
|
+
},
|
|
162
|
+
"description": "BCP 47 locale for the numbers, money, percentages and dates components show (`\"de-DE\"`). Default `\"en-US\"`; a nested provider keeps its parent's locale unless it sets its own.",
|
|
163
|
+
"attribute": "locale"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"kind": "field",
|
|
167
|
+
"name": "messages",
|
|
168
|
+
"type": {
|
|
169
|
+
"text": "UIMessages"
|
|
170
|
+
},
|
|
171
|
+
"description": "Your own text for any built-in string: accessible names, button texts, placeholders, status words (`{ close: \"Schließen\", selectedCount: (n) => \\`${n} ausgewählt\\` }`). Partial: what you leave out stays English (or what an outer provider set). Props such as `title` or `label` on a component still win. See `DEFAULT_STRINGS` for every key.",
|
|
172
|
+
"attribute": "messages"
|
|
139
173
|
}
|
|
140
174
|
],
|
|
141
175
|
"events": [],
|
|
@@ -9356,6 +9390,14 @@
|
|
|
9356
9390
|
"type": {
|
|
9357
9391
|
"text": "string"
|
|
9358
9392
|
}
|
|
9393
|
+
},
|
|
9394
|
+
{
|
|
9395
|
+
"name": "disabled",
|
|
9396
|
+
"fieldName": "disabled",
|
|
9397
|
+
"type": {
|
|
9398
|
+
"text": "boolean"
|
|
9399
|
+
},
|
|
9400
|
+
"description": "Disable the button, e.g. while a checkout starts or when the plan cannot be picked."
|
|
9359
9401
|
}
|
|
9360
9402
|
],
|
|
9361
9403
|
"members": [
|
|
@@ -9438,6 +9480,15 @@
|
|
|
9438
9480
|
"text": "string"
|
|
9439
9481
|
},
|
|
9440
9482
|
"attribute": "cta"
|
|
9483
|
+
},
|
|
9484
|
+
{
|
|
9485
|
+
"kind": "field",
|
|
9486
|
+
"name": "disabled",
|
|
9487
|
+
"type": {
|
|
9488
|
+
"text": "boolean"
|
|
9489
|
+
},
|
|
9490
|
+
"description": "Disable the button, e.g. while a checkout starts or when the plan cannot be picked.",
|
|
9491
|
+
"attribute": "disabled"
|
|
9441
9492
|
}
|
|
9442
9493
|
],
|
|
9443
9494
|
"events": [
|
|
@@ -12893,7 +12944,8 @@
|
|
|
12893
12944
|
"fieldName": "type",
|
|
12894
12945
|
"type": {
|
|
12895
12946
|
"text": "string"
|
|
12896
|
-
}
|
|
12947
|
+
},
|
|
12948
|
+
"description": "Input type (`\"text\"` by default): `\"email\"`, `\"number\"`, `\"tel\"`, `\"url\"`, `\"password\"` …"
|
|
12897
12949
|
},
|
|
12898
12950
|
{
|
|
12899
12951
|
"name": "icon",
|
|
@@ -12937,6 +12989,13 @@
|
|
|
12937
12989
|
"text": "boolean"
|
|
12938
12990
|
}
|
|
12939
12991
|
},
|
|
12992
|
+
{
|
|
12993
|
+
"name": "read-only",
|
|
12994
|
+
"fieldName": "readOnly",
|
|
12995
|
+
"type": {
|
|
12996
|
+
"text": "boolean"
|
|
12997
|
+
}
|
|
12998
|
+
},
|
|
12940
12999
|
{
|
|
12941
13000
|
"name": "auto-complete",
|
|
12942
13001
|
"fieldName": "autoComplete",
|
|
@@ -12944,6 +13003,69 @@
|
|
|
12944
13003
|
"text": "string"
|
|
12945
13004
|
}
|
|
12946
13005
|
},
|
|
13006
|
+
{
|
|
13007
|
+
"name": "auto-focus",
|
|
13008
|
+
"fieldName": "autoFocus",
|
|
13009
|
+
"type": {
|
|
13010
|
+
"text": "boolean"
|
|
13011
|
+
}
|
|
13012
|
+
},
|
|
13013
|
+
{
|
|
13014
|
+
"name": "min",
|
|
13015
|
+
"fieldName": "min",
|
|
13016
|
+
"type": {
|
|
13017
|
+
"text": "number | string"
|
|
13018
|
+
},
|
|
13019
|
+
"description": "Smallest value for `type=\"number\"`, `\"date\"` and the like (native `min`)."
|
|
13020
|
+
},
|
|
13021
|
+
{
|
|
13022
|
+
"name": "max",
|
|
13023
|
+
"fieldName": "max",
|
|
13024
|
+
"type": {
|
|
13025
|
+
"text": "number | string"
|
|
13026
|
+
},
|
|
13027
|
+
"description": "Largest value (native `max`)."
|
|
13028
|
+
},
|
|
13029
|
+
{
|
|
13030
|
+
"name": "step",
|
|
13031
|
+
"fieldName": "step",
|
|
13032
|
+
"type": {
|
|
13033
|
+
"text": "number | string"
|
|
13034
|
+
},
|
|
13035
|
+
"description": "Step between valid values (native `step`), e.g. `1` for whole numbers or `\"any\"`."
|
|
13036
|
+
},
|
|
13037
|
+
{
|
|
13038
|
+
"name": "min-length",
|
|
13039
|
+
"fieldName": "minLength",
|
|
13040
|
+
"type": {
|
|
13041
|
+
"text": "number"
|
|
13042
|
+
},
|
|
13043
|
+
"description": "Fewest characters (native `minlength`)."
|
|
13044
|
+
},
|
|
13045
|
+
{
|
|
13046
|
+
"name": "max-length",
|
|
13047
|
+
"fieldName": "maxLength",
|
|
13048
|
+
"type": {
|
|
13049
|
+
"text": "number"
|
|
13050
|
+
},
|
|
13051
|
+
"description": "Most characters (native `maxlength`)."
|
|
13052
|
+
},
|
|
13053
|
+
{
|
|
13054
|
+
"name": "pattern",
|
|
13055
|
+
"fieldName": "pattern",
|
|
13056
|
+
"type": {
|
|
13057
|
+
"text": "string"
|
|
13058
|
+
},
|
|
13059
|
+
"description": "Pattern the value must match (native `pattern`)."
|
|
13060
|
+
},
|
|
13061
|
+
{
|
|
13062
|
+
"name": "input-mode",
|
|
13063
|
+
"fieldName": "inputMode",
|
|
13064
|
+
"type": {
|
|
13065
|
+
"text": "\"none\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | \"search\""
|
|
13066
|
+
},
|
|
13067
|
+
"description": "Virtual keyboard on touch devices (native `inputmode`), e.g. `\"numeric\"` or `\"decimal\"`."
|
|
13068
|
+
},
|
|
12947
13069
|
{
|
|
12948
13070
|
"name": "name",
|
|
12949
13071
|
"fieldName": "name",
|
|
@@ -13002,6 +13124,7 @@
|
|
|
13002
13124
|
"type": {
|
|
13003
13125
|
"text": "string"
|
|
13004
13126
|
},
|
|
13127
|
+
"description": "Input type (`\"text\"` by default): `\"email\"`, `\"number\"`, `\"tel\"`, `\"url\"`, `\"password\"` …",
|
|
13005
13128
|
"attribute": "type"
|
|
13006
13129
|
},
|
|
13007
13130
|
{
|
|
@@ -13052,6 +13175,14 @@
|
|
|
13052
13175
|
},
|
|
13053
13176
|
"attribute": "disabled"
|
|
13054
13177
|
},
|
|
13178
|
+
{
|
|
13179
|
+
"kind": "field",
|
|
13180
|
+
"name": "readOnly",
|
|
13181
|
+
"type": {
|
|
13182
|
+
"text": "boolean"
|
|
13183
|
+
},
|
|
13184
|
+
"attribute": "read-only"
|
|
13185
|
+
},
|
|
13055
13186
|
{
|
|
13056
13187
|
"kind": "field",
|
|
13057
13188
|
"name": "autoComplete",
|
|
@@ -13060,6 +13191,77 @@
|
|
|
13060
13191
|
},
|
|
13061
13192
|
"attribute": "auto-complete"
|
|
13062
13193
|
},
|
|
13194
|
+
{
|
|
13195
|
+
"kind": "field",
|
|
13196
|
+
"name": "autoFocus",
|
|
13197
|
+
"type": {
|
|
13198
|
+
"text": "boolean"
|
|
13199
|
+
},
|
|
13200
|
+
"attribute": "auto-focus"
|
|
13201
|
+
},
|
|
13202
|
+
{
|
|
13203
|
+
"kind": "field",
|
|
13204
|
+
"name": "min",
|
|
13205
|
+
"type": {
|
|
13206
|
+
"text": "number | string"
|
|
13207
|
+
},
|
|
13208
|
+
"description": "Smallest value for `type=\"number\"`, `\"date\"` and the like (native `min`).",
|
|
13209
|
+
"attribute": "min"
|
|
13210
|
+
},
|
|
13211
|
+
{
|
|
13212
|
+
"kind": "field",
|
|
13213
|
+
"name": "max",
|
|
13214
|
+
"type": {
|
|
13215
|
+
"text": "number | string"
|
|
13216
|
+
},
|
|
13217
|
+
"description": "Largest value (native `max`).",
|
|
13218
|
+
"attribute": "max"
|
|
13219
|
+
},
|
|
13220
|
+
{
|
|
13221
|
+
"kind": "field",
|
|
13222
|
+
"name": "step",
|
|
13223
|
+
"type": {
|
|
13224
|
+
"text": "number | string"
|
|
13225
|
+
},
|
|
13226
|
+
"description": "Step between valid values (native `step`), e.g. `1` for whole numbers or `\"any\"`.",
|
|
13227
|
+
"attribute": "step"
|
|
13228
|
+
},
|
|
13229
|
+
{
|
|
13230
|
+
"kind": "field",
|
|
13231
|
+
"name": "minLength",
|
|
13232
|
+
"type": {
|
|
13233
|
+
"text": "number"
|
|
13234
|
+
},
|
|
13235
|
+
"description": "Fewest characters (native `minlength`).",
|
|
13236
|
+
"attribute": "min-length"
|
|
13237
|
+
},
|
|
13238
|
+
{
|
|
13239
|
+
"kind": "field",
|
|
13240
|
+
"name": "maxLength",
|
|
13241
|
+
"type": {
|
|
13242
|
+
"text": "number"
|
|
13243
|
+
},
|
|
13244
|
+
"description": "Most characters (native `maxlength`).",
|
|
13245
|
+
"attribute": "max-length"
|
|
13246
|
+
},
|
|
13247
|
+
{
|
|
13248
|
+
"kind": "field",
|
|
13249
|
+
"name": "pattern",
|
|
13250
|
+
"type": {
|
|
13251
|
+
"text": "string"
|
|
13252
|
+
},
|
|
13253
|
+
"description": "Pattern the value must match (native `pattern`).",
|
|
13254
|
+
"attribute": "pattern"
|
|
13255
|
+
},
|
|
13256
|
+
{
|
|
13257
|
+
"kind": "field",
|
|
13258
|
+
"name": "inputMode",
|
|
13259
|
+
"type": {
|
|
13260
|
+
"text": "\"none\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | \"search\""
|
|
13261
|
+
},
|
|
13262
|
+
"description": "Virtual keyboard on touch devices (native `inputmode`), e.g. `\"numeric\"` or `\"decimal\"`.",
|
|
13263
|
+
"attribute": "input-mode"
|
|
13264
|
+
},
|
|
13063
13265
|
{
|
|
13064
13266
|
"kind": "field",
|
|
13065
13267
|
"name": "name",
|
|
@@ -14375,7 +14577,7 @@
|
|
|
14375
14577
|
"customElement": true,
|
|
14376
14578
|
"name": "TfFileDropElement",
|
|
14377
14579
|
"tagName": "tf-file-drop",
|
|
14378
|
-
"description": "Dashed drop zone plus an upload list
|
|
14580
|
+
"description": "Dashed drop zone plus an upload list.",
|
|
14379
14581
|
"superclass": {
|
|
14380
14582
|
"name": "HTMLElement"
|
|
14381
14583
|
},
|
|
@@ -14385,7 +14587,16 @@
|
|
|
14385
14587
|
"fieldName": "files",
|
|
14386
14588
|
"type": {
|
|
14387
14589
|
"text": "UploadFile[]"
|
|
14388
|
-
}
|
|
14590
|
+
},
|
|
14591
|
+
"description": "The listed files (controlled); set `progress` per file to show real upload progress."
|
|
14592
|
+
},
|
|
14593
|
+
{
|
|
14594
|
+
"name": "simulate-progress",
|
|
14595
|
+
"fieldName": "simulateProgress",
|
|
14596
|
+
"type": {
|
|
14597
|
+
"text": "boolean"
|
|
14598
|
+
},
|
|
14599
|
+
"description": "Animate made-up progress for added files, as a demo of the look. Default: on without `onFiles` (as before), off with it."
|
|
14389
14600
|
},
|
|
14390
14601
|
{
|
|
14391
14602
|
"name": "title",
|
|
@@ -14406,7 +14617,8 @@
|
|
|
14406
14617
|
"fieldName": "accept",
|
|
14407
14618
|
"type": {
|
|
14408
14619
|
"text": "string"
|
|
14409
|
-
}
|
|
14620
|
+
},
|
|
14621
|
+
"description": "Accepted types, as for `<input type=\"file\">` (\"image/*,.pdf\"); also checked on drop."
|
|
14410
14622
|
},
|
|
14411
14623
|
{
|
|
14412
14624
|
"name": "multiple",
|
|
@@ -14423,8 +14635,18 @@
|
|
|
14423
14635
|
"type": {
|
|
14424
14636
|
"text": "UploadFile[]"
|
|
14425
14637
|
},
|
|
14638
|
+
"description": "The listed files (controlled); set `progress` per file to show real upload progress.",
|
|
14426
14639
|
"attribute": "files"
|
|
14427
14640
|
},
|
|
14641
|
+
{
|
|
14642
|
+
"kind": "field",
|
|
14643
|
+
"name": "simulateProgress",
|
|
14644
|
+
"type": {
|
|
14645
|
+
"text": "boolean"
|
|
14646
|
+
},
|
|
14647
|
+
"description": "Animate made-up progress for added files, as a demo of the look. Default: on without `onFiles` (as before), off with it.",
|
|
14648
|
+
"attribute": "simulate-progress"
|
|
14649
|
+
},
|
|
14428
14650
|
{
|
|
14429
14651
|
"kind": "field",
|
|
14430
14652
|
"name": "title",
|
|
@@ -14447,6 +14669,7 @@
|
|
|
14447
14669
|
"type": {
|
|
14448
14670
|
"text": "string"
|
|
14449
14671
|
},
|
|
14672
|
+
"description": "Accepted types, as for `<input type=\"file\">` (\"image/*,.pdf\"); also checked on drop.",
|
|
14450
14673
|
"attribute": "accept"
|
|
14451
14674
|
},
|
|
14452
14675
|
{
|
|
@@ -14464,7 +14687,28 @@
|
|
|
14464
14687
|
"type": {
|
|
14465
14688
|
"text": "CustomEvent"
|
|
14466
14689
|
},
|
|
14467
|
-
"description": "From `onChange: (f: UploadFile[]) => void`; `event.detail` holds the argument."
|
|
14690
|
+
"description": "The list changed: files added (with their `file`) or removed. From `onChange: (f: UploadFile[]) => void`; `event.detail` holds the argument."
|
|
14691
|
+
},
|
|
14692
|
+
{
|
|
14693
|
+
"name": "files",
|
|
14694
|
+
"type": {
|
|
14695
|
+
"text": "CustomEvent"
|
|
14696
|
+
},
|
|
14697
|
+
"description": "The person picked or dropped files: the real `File` objects, after `accept` and `multiple`. Upload them yourself. To show progress, control `files` and set each `progress`; an uncontrolled list shows them with their size only. From `onFiles: (files: File[]) => void`; `event.detail` holds the argument."
|
|
14698
|
+
},
|
|
14699
|
+
{
|
|
14700
|
+
"name": "reject",
|
|
14701
|
+
"type": {
|
|
14702
|
+
"text": "CustomEvent"
|
|
14703
|
+
},
|
|
14704
|
+
"description": "Dropped files that do not match `accept` (show an inline Alert). From `onReject: (files: File[]) => void`; `event.detail` holds the argument."
|
|
14705
|
+
},
|
|
14706
|
+
{
|
|
14707
|
+
"name": "remove",
|
|
14708
|
+
"type": {
|
|
14709
|
+
"text": "CustomEvent"
|
|
14710
|
+
},
|
|
14711
|
+
"description": "A listed file was removed or its upload cancelled. From `onRemove: (f: UploadFile) => void`; `event.detail` holds the argument."
|
|
14468
14712
|
}
|
|
14469
14713
|
],
|
|
14470
14714
|
"slots": []
|
|
@@ -14518,7 +14762,7 @@
|
|
|
14518
14762
|
"name": "type",
|
|
14519
14763
|
"fieldName": "type",
|
|
14520
14764
|
"type": {
|
|
14521
|
-
"text": "\"button\" | \"submit\""
|
|
14765
|
+
"text": "\"button\" | \"submit\" | \"reset\""
|
|
14522
14766
|
}
|
|
14523
14767
|
},
|
|
14524
14768
|
{
|
|
@@ -14528,70 +14772,288 @@
|
|
|
14528
14772
|
"text": "boolean"
|
|
14529
14773
|
},
|
|
14530
14774
|
"description": "Render the single child element (a link, a router Link) with the button's look instead of a <button>."
|
|
14531
|
-
}
|
|
14532
|
-
],
|
|
14533
|
-
"members": [
|
|
14775
|
+
},
|
|
14534
14776
|
{
|
|
14535
|
-
"
|
|
14536
|
-
"
|
|
14777
|
+
"name": "name",
|
|
14778
|
+
"fieldName": "name",
|
|
14537
14779
|
"type": {
|
|
14538
|
-
"text": "
|
|
14780
|
+
"text": "string"
|
|
14539
14781
|
},
|
|
14540
|
-
"
|
|
14782
|
+
"description": "Form field name and value, sent with the form when this button submits it."
|
|
14541
14783
|
},
|
|
14542
14784
|
{
|
|
14543
|
-
"
|
|
14544
|
-
"
|
|
14785
|
+
"name": "value",
|
|
14786
|
+
"fieldName": "value",
|
|
14545
14787
|
"type": {
|
|
14546
|
-
"text": "
|
|
14547
|
-
}
|
|
14548
|
-
"attribute": "size"
|
|
14788
|
+
"text": "string"
|
|
14789
|
+
}
|
|
14549
14790
|
},
|
|
14550
14791
|
{
|
|
14551
|
-
"
|
|
14552
|
-
"
|
|
14792
|
+
"name": "form",
|
|
14793
|
+
"fieldName": "form",
|
|
14553
14794
|
"type": {
|
|
14554
|
-
"text": "
|
|
14795
|
+
"text": "string"
|
|
14555
14796
|
},
|
|
14556
|
-
"
|
|
14797
|
+
"description": "The id of the form this button belongs to, when it sits outside it."
|
|
14557
14798
|
},
|
|
14558
14799
|
{
|
|
14559
|
-
"
|
|
14560
|
-
"
|
|
14800
|
+
"name": "title",
|
|
14801
|
+
"fieldName": "title",
|
|
14561
14802
|
"type": {
|
|
14562
|
-
"text": "
|
|
14563
|
-
}
|
|
14564
|
-
"attribute": "icon-right"
|
|
14803
|
+
"text": "string"
|
|
14804
|
+
}
|
|
14565
14805
|
},
|
|
14566
14806
|
{
|
|
14567
|
-
"
|
|
14568
|
-
"
|
|
14807
|
+
"name": "tab-index",
|
|
14808
|
+
"fieldName": "tabIndex",
|
|
14809
|
+
"type": {
|
|
14810
|
+
"text": "number"
|
|
14811
|
+
}
|
|
14812
|
+
},
|
|
14813
|
+
{
|
|
14814
|
+
"name": "auto-focus",
|
|
14815
|
+
"fieldName": "autoFocus",
|
|
14569
14816
|
"type": {
|
|
14570
14817
|
"text": "boolean"
|
|
14571
|
-
}
|
|
14572
|
-
"attribute": "disabled"
|
|
14818
|
+
}
|
|
14573
14819
|
},
|
|
14574
14820
|
{
|
|
14575
|
-
"
|
|
14576
|
-
"
|
|
14821
|
+
"name": "aria-label",
|
|
14822
|
+
"fieldName": "aria-label",
|
|
14577
14823
|
"type": {
|
|
14578
|
-
"text": "
|
|
14579
|
-
}
|
|
14580
|
-
"attribute": "type"
|
|
14824
|
+
"text": "string"
|
|
14825
|
+
}
|
|
14581
14826
|
},
|
|
14582
14827
|
{
|
|
14583
|
-
"
|
|
14584
|
-
"
|
|
14828
|
+
"name": "aria-labelledby",
|
|
14829
|
+
"fieldName": "aria-labelledby",
|
|
14585
14830
|
"type": {
|
|
14586
|
-
"text": "
|
|
14587
|
-
}
|
|
14588
|
-
|
|
14589
|
-
"attribute": "as-child"
|
|
14590
|
-
}
|
|
14591
|
-
],
|
|
14592
|
-
"events": [
|
|
14831
|
+
"text": "string"
|
|
14832
|
+
}
|
|
14833
|
+
},
|
|
14593
14834
|
{
|
|
14594
|
-
"name": "
|
|
14835
|
+
"name": "aria-describedby",
|
|
14836
|
+
"fieldName": "aria-describedby",
|
|
14837
|
+
"type": {
|
|
14838
|
+
"text": "string"
|
|
14839
|
+
}
|
|
14840
|
+
},
|
|
14841
|
+
{
|
|
14842
|
+
"name": "aria-expanded",
|
|
14843
|
+
"fieldName": "aria-expanded",
|
|
14844
|
+
"type": {
|
|
14845
|
+
"text": "boolean | \"true\" | \"false\""
|
|
14846
|
+
},
|
|
14847
|
+
"description": "For disclosure and menu triggers: whether what the button controls is open."
|
|
14848
|
+
},
|
|
14849
|
+
{
|
|
14850
|
+
"name": "aria-controls",
|
|
14851
|
+
"fieldName": "aria-controls",
|
|
14852
|
+
"type": {
|
|
14853
|
+
"text": "string"
|
|
14854
|
+
}
|
|
14855
|
+
},
|
|
14856
|
+
{
|
|
14857
|
+
"name": "aria-haspopup",
|
|
14858
|
+
"fieldName": "aria-haspopup",
|
|
14859
|
+
"type": {
|
|
14860
|
+
"text": "boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\""
|
|
14861
|
+
}
|
|
14862
|
+
},
|
|
14863
|
+
{
|
|
14864
|
+
"name": "aria-pressed",
|
|
14865
|
+
"fieldName": "aria-pressed",
|
|
14866
|
+
"type": {
|
|
14867
|
+
"text": "boolean | \"true\" | \"false\" | \"mixed\""
|
|
14868
|
+
},
|
|
14869
|
+
"description": "For toggle buttons."
|
|
14870
|
+
},
|
|
14871
|
+
{
|
|
14872
|
+
"name": "aria-current",
|
|
14873
|
+
"fieldName": "aria-current",
|
|
14874
|
+
"type": {
|
|
14875
|
+
"text": "boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\""
|
|
14876
|
+
}
|
|
14877
|
+
}
|
|
14878
|
+
],
|
|
14879
|
+
"members": [
|
|
14880
|
+
{
|
|
14881
|
+
"kind": "field",
|
|
14882
|
+
"name": "variant",
|
|
14883
|
+
"type": {
|
|
14884
|
+
"text": "\"primary\" | \"secondary\" | \"soft\" | \"ghost\" | \"danger\" | \"danger-solid\""
|
|
14885
|
+
},
|
|
14886
|
+
"attribute": "variant"
|
|
14887
|
+
},
|
|
14888
|
+
{
|
|
14889
|
+
"kind": "field",
|
|
14890
|
+
"name": "size",
|
|
14891
|
+
"type": {
|
|
14892
|
+
"text": "\"md\" | \"sm\""
|
|
14893
|
+
},
|
|
14894
|
+
"attribute": "size"
|
|
14895
|
+
},
|
|
14896
|
+
{
|
|
14897
|
+
"kind": "field",
|
|
14898
|
+
"name": "icon",
|
|
14899
|
+
"type": {
|
|
14900
|
+
"text": "IconName"
|
|
14901
|
+
},
|
|
14902
|
+
"attribute": "icon"
|
|
14903
|
+
},
|
|
14904
|
+
{
|
|
14905
|
+
"kind": "field",
|
|
14906
|
+
"name": "iconRight",
|
|
14907
|
+
"type": {
|
|
14908
|
+
"text": "IconName"
|
|
14909
|
+
},
|
|
14910
|
+
"attribute": "icon-right"
|
|
14911
|
+
},
|
|
14912
|
+
{
|
|
14913
|
+
"kind": "field",
|
|
14914
|
+
"name": "disabled",
|
|
14915
|
+
"type": {
|
|
14916
|
+
"text": "boolean"
|
|
14917
|
+
},
|
|
14918
|
+
"attribute": "disabled"
|
|
14919
|
+
},
|
|
14920
|
+
{
|
|
14921
|
+
"kind": "field",
|
|
14922
|
+
"name": "type",
|
|
14923
|
+
"type": {
|
|
14924
|
+
"text": "\"button\" | \"submit\" | \"reset\""
|
|
14925
|
+
},
|
|
14926
|
+
"attribute": "type"
|
|
14927
|
+
},
|
|
14928
|
+
{
|
|
14929
|
+
"kind": "field",
|
|
14930
|
+
"name": "asChild",
|
|
14931
|
+
"type": {
|
|
14932
|
+
"text": "boolean"
|
|
14933
|
+
},
|
|
14934
|
+
"description": "Render the single child element (a link, a router Link) with the button's look instead of a <button>.",
|
|
14935
|
+
"attribute": "as-child"
|
|
14936
|
+
},
|
|
14937
|
+
{
|
|
14938
|
+
"kind": "field",
|
|
14939
|
+
"name": "name",
|
|
14940
|
+
"type": {
|
|
14941
|
+
"text": "string"
|
|
14942
|
+
},
|
|
14943
|
+
"description": "Form field name and value, sent with the form when this button submits it.",
|
|
14944
|
+
"attribute": "name"
|
|
14945
|
+
},
|
|
14946
|
+
{
|
|
14947
|
+
"kind": "field",
|
|
14948
|
+
"name": "value",
|
|
14949
|
+
"type": {
|
|
14950
|
+
"text": "string"
|
|
14951
|
+
},
|
|
14952
|
+
"attribute": "value"
|
|
14953
|
+
},
|
|
14954
|
+
{
|
|
14955
|
+
"kind": "field",
|
|
14956
|
+
"name": "form",
|
|
14957
|
+
"type": {
|
|
14958
|
+
"text": "string"
|
|
14959
|
+
},
|
|
14960
|
+
"description": "The id of the form this button belongs to, when it sits outside it.",
|
|
14961
|
+
"attribute": "form"
|
|
14962
|
+
},
|
|
14963
|
+
{
|
|
14964
|
+
"kind": "field",
|
|
14965
|
+
"name": "title",
|
|
14966
|
+
"type": {
|
|
14967
|
+
"text": "string"
|
|
14968
|
+
},
|
|
14969
|
+
"attribute": "title"
|
|
14970
|
+
},
|
|
14971
|
+
{
|
|
14972
|
+
"kind": "field",
|
|
14973
|
+
"name": "tabIndex",
|
|
14974
|
+
"type": {
|
|
14975
|
+
"text": "number"
|
|
14976
|
+
},
|
|
14977
|
+
"attribute": "tab-index"
|
|
14978
|
+
},
|
|
14979
|
+
{
|
|
14980
|
+
"kind": "field",
|
|
14981
|
+
"name": "autoFocus",
|
|
14982
|
+
"type": {
|
|
14983
|
+
"text": "boolean"
|
|
14984
|
+
},
|
|
14985
|
+
"attribute": "auto-focus"
|
|
14986
|
+
},
|
|
14987
|
+
{
|
|
14988
|
+
"kind": "field",
|
|
14989
|
+
"name": "aria-label",
|
|
14990
|
+
"type": {
|
|
14991
|
+
"text": "string"
|
|
14992
|
+
},
|
|
14993
|
+
"attribute": "aria-label"
|
|
14994
|
+
},
|
|
14995
|
+
{
|
|
14996
|
+
"kind": "field",
|
|
14997
|
+
"name": "aria-labelledby",
|
|
14998
|
+
"type": {
|
|
14999
|
+
"text": "string"
|
|
15000
|
+
},
|
|
15001
|
+
"attribute": "aria-labelledby"
|
|
15002
|
+
},
|
|
15003
|
+
{
|
|
15004
|
+
"kind": "field",
|
|
15005
|
+
"name": "aria-describedby",
|
|
15006
|
+
"type": {
|
|
15007
|
+
"text": "string"
|
|
15008
|
+
},
|
|
15009
|
+
"attribute": "aria-describedby"
|
|
15010
|
+
},
|
|
15011
|
+
{
|
|
15012
|
+
"kind": "field",
|
|
15013
|
+
"name": "aria-expanded",
|
|
15014
|
+
"type": {
|
|
15015
|
+
"text": "boolean | \"true\" | \"false\""
|
|
15016
|
+
},
|
|
15017
|
+
"description": "For disclosure and menu triggers: whether what the button controls is open.",
|
|
15018
|
+
"attribute": "aria-expanded"
|
|
15019
|
+
},
|
|
15020
|
+
{
|
|
15021
|
+
"kind": "field",
|
|
15022
|
+
"name": "aria-controls",
|
|
15023
|
+
"type": {
|
|
15024
|
+
"text": "string"
|
|
15025
|
+
},
|
|
15026
|
+
"attribute": "aria-controls"
|
|
15027
|
+
},
|
|
15028
|
+
{
|
|
15029
|
+
"kind": "field",
|
|
15030
|
+
"name": "aria-haspopup",
|
|
15031
|
+
"type": {
|
|
15032
|
+
"text": "boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\""
|
|
15033
|
+
},
|
|
15034
|
+
"attribute": "aria-haspopup"
|
|
15035
|
+
},
|
|
15036
|
+
{
|
|
15037
|
+
"kind": "field",
|
|
15038
|
+
"name": "aria-pressed",
|
|
15039
|
+
"type": {
|
|
15040
|
+
"text": "boolean | \"true\" | \"false\" | \"mixed\""
|
|
15041
|
+
},
|
|
15042
|
+
"description": "For toggle buttons.",
|
|
15043
|
+
"attribute": "aria-pressed"
|
|
15044
|
+
},
|
|
15045
|
+
{
|
|
15046
|
+
"kind": "field",
|
|
15047
|
+
"name": "aria-current",
|
|
15048
|
+
"type": {
|
|
15049
|
+
"text": "boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\""
|
|
15050
|
+
},
|
|
15051
|
+
"attribute": "aria-current"
|
|
15052
|
+
}
|
|
15053
|
+
],
|
|
15054
|
+
"events": [
|
|
15055
|
+
{
|
|
15056
|
+
"name": "click",
|
|
14595
15057
|
"type": {
|
|
14596
15058
|
"text": "CustomEvent"
|
|
14597
15059
|
},
|
|
@@ -14627,7 +15089,8 @@
|
|
|
14627
15089
|
"fieldName": "label",
|
|
14628
15090
|
"type": {
|
|
14629
15091
|
"text": "string"
|
|
14630
|
-
}
|
|
15092
|
+
},
|
|
15093
|
+
"description": "Accessible name and tooltip (`aria-label` and `title`); `aria-label` or `title` override them."
|
|
14631
15094
|
},
|
|
14632
15095
|
{
|
|
14633
15096
|
"name": "variant",
|
|
@@ -14643,6 +15106,13 @@
|
|
|
14643
15106
|
"text": "\"sm\" | \"md\" | \"lg\""
|
|
14644
15107
|
}
|
|
14645
15108
|
},
|
|
15109
|
+
{
|
|
15110
|
+
"name": "type",
|
|
15111
|
+
"fieldName": "type",
|
|
15112
|
+
"type": {
|
|
15113
|
+
"text": "\"button\" | \"submit\" | \"reset\""
|
|
15114
|
+
}
|
|
15115
|
+
},
|
|
14646
15116
|
{
|
|
14647
15117
|
"name": "disabled",
|
|
14648
15118
|
"fieldName": "disabled",
|
|
@@ -14657,6 +15127,108 @@
|
|
|
14657
15127
|
"text": "boolean"
|
|
14658
15128
|
},
|
|
14659
15129
|
"description": "Render the single child element (a link) with the button's look; the icon is placed inside it."
|
|
15130
|
+
},
|
|
15131
|
+
{
|
|
15132
|
+
"name": "name",
|
|
15133
|
+
"fieldName": "name",
|
|
15134
|
+
"type": {
|
|
15135
|
+
"text": "string"
|
|
15136
|
+
},
|
|
15137
|
+
"description": "Form field name and value, sent with the form when this button submits it."
|
|
15138
|
+
},
|
|
15139
|
+
{
|
|
15140
|
+
"name": "value",
|
|
15141
|
+
"fieldName": "value",
|
|
15142
|
+
"type": {
|
|
15143
|
+
"text": "string"
|
|
15144
|
+
}
|
|
15145
|
+
},
|
|
15146
|
+
{
|
|
15147
|
+
"name": "form",
|
|
15148
|
+
"fieldName": "form",
|
|
15149
|
+
"type": {
|
|
15150
|
+
"text": "string"
|
|
15151
|
+
},
|
|
15152
|
+
"description": "The id of the form this button belongs to, when it sits outside it."
|
|
15153
|
+
},
|
|
15154
|
+
{
|
|
15155
|
+
"name": "title",
|
|
15156
|
+
"fieldName": "title",
|
|
15157
|
+
"type": {
|
|
15158
|
+
"text": "string"
|
|
15159
|
+
}
|
|
15160
|
+
},
|
|
15161
|
+
{
|
|
15162
|
+
"name": "tab-index",
|
|
15163
|
+
"fieldName": "tabIndex",
|
|
15164
|
+
"type": {
|
|
15165
|
+
"text": "number"
|
|
15166
|
+
}
|
|
15167
|
+
},
|
|
15168
|
+
{
|
|
15169
|
+
"name": "auto-focus",
|
|
15170
|
+
"fieldName": "autoFocus",
|
|
15171
|
+
"type": {
|
|
15172
|
+
"text": "boolean"
|
|
15173
|
+
}
|
|
15174
|
+
},
|
|
15175
|
+
{
|
|
15176
|
+
"name": "aria-label",
|
|
15177
|
+
"fieldName": "aria-label",
|
|
15178
|
+
"type": {
|
|
15179
|
+
"text": "string"
|
|
15180
|
+
}
|
|
15181
|
+
},
|
|
15182
|
+
{
|
|
15183
|
+
"name": "aria-labelledby",
|
|
15184
|
+
"fieldName": "aria-labelledby",
|
|
15185
|
+
"type": {
|
|
15186
|
+
"text": "string"
|
|
15187
|
+
}
|
|
15188
|
+
},
|
|
15189
|
+
{
|
|
15190
|
+
"name": "aria-describedby",
|
|
15191
|
+
"fieldName": "aria-describedby",
|
|
15192
|
+
"type": {
|
|
15193
|
+
"text": "string"
|
|
15194
|
+
}
|
|
15195
|
+
},
|
|
15196
|
+
{
|
|
15197
|
+
"name": "aria-expanded",
|
|
15198
|
+
"fieldName": "aria-expanded",
|
|
15199
|
+
"type": {
|
|
15200
|
+
"text": "boolean | \"true\" | \"false\""
|
|
15201
|
+
},
|
|
15202
|
+
"description": "For disclosure and menu triggers: whether what the button controls is open."
|
|
15203
|
+
},
|
|
15204
|
+
{
|
|
15205
|
+
"name": "aria-controls",
|
|
15206
|
+
"fieldName": "aria-controls",
|
|
15207
|
+
"type": {
|
|
15208
|
+
"text": "string"
|
|
15209
|
+
}
|
|
15210
|
+
},
|
|
15211
|
+
{
|
|
15212
|
+
"name": "aria-haspopup",
|
|
15213
|
+
"fieldName": "aria-haspopup",
|
|
15214
|
+
"type": {
|
|
15215
|
+
"text": "boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\""
|
|
15216
|
+
}
|
|
15217
|
+
},
|
|
15218
|
+
{
|
|
15219
|
+
"name": "aria-pressed",
|
|
15220
|
+
"fieldName": "aria-pressed",
|
|
15221
|
+
"type": {
|
|
15222
|
+
"text": "boolean | \"true\" | \"false\" | \"mixed\""
|
|
15223
|
+
},
|
|
15224
|
+
"description": "For toggle buttons."
|
|
15225
|
+
},
|
|
15226
|
+
{
|
|
15227
|
+
"name": "aria-current",
|
|
15228
|
+
"fieldName": "aria-current",
|
|
15229
|
+
"type": {
|
|
15230
|
+
"text": "boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\""
|
|
15231
|
+
}
|
|
14660
15232
|
}
|
|
14661
15233
|
],
|
|
14662
15234
|
"members": [
|
|
@@ -14674,6 +15246,7 @@
|
|
|
14674
15246
|
"type": {
|
|
14675
15247
|
"text": "string"
|
|
14676
15248
|
},
|
|
15249
|
+
"description": "Accessible name and tooltip (`aria-label` and `title`); `aria-label` or `title` override them.",
|
|
14677
15250
|
"attribute": "label"
|
|
14678
15251
|
},
|
|
14679
15252
|
{
|
|
@@ -14692,6 +15265,14 @@
|
|
|
14692
15265
|
},
|
|
14693
15266
|
"attribute": "size"
|
|
14694
15267
|
},
|
|
15268
|
+
{
|
|
15269
|
+
"kind": "field",
|
|
15270
|
+
"name": "type",
|
|
15271
|
+
"type": {
|
|
15272
|
+
"text": "\"button\" | \"submit\" | \"reset\""
|
|
15273
|
+
},
|
|
15274
|
+
"attribute": "type"
|
|
15275
|
+
},
|
|
14695
15276
|
{
|
|
14696
15277
|
"kind": "field",
|
|
14697
15278
|
"name": "disabled",
|
|
@@ -14708,6 +15289,122 @@
|
|
|
14708
15289
|
},
|
|
14709
15290
|
"description": "Render the single child element (a link) with the button's look; the icon is placed inside it.",
|
|
14710
15291
|
"attribute": "as-child"
|
|
15292
|
+
},
|
|
15293
|
+
{
|
|
15294
|
+
"kind": "field",
|
|
15295
|
+
"name": "name",
|
|
15296
|
+
"type": {
|
|
15297
|
+
"text": "string"
|
|
15298
|
+
},
|
|
15299
|
+
"description": "Form field name and value, sent with the form when this button submits it.",
|
|
15300
|
+
"attribute": "name"
|
|
15301
|
+
},
|
|
15302
|
+
{
|
|
15303
|
+
"kind": "field",
|
|
15304
|
+
"name": "value",
|
|
15305
|
+
"type": {
|
|
15306
|
+
"text": "string"
|
|
15307
|
+
},
|
|
15308
|
+
"attribute": "value"
|
|
15309
|
+
},
|
|
15310
|
+
{
|
|
15311
|
+
"kind": "field",
|
|
15312
|
+
"name": "form",
|
|
15313
|
+
"type": {
|
|
15314
|
+
"text": "string"
|
|
15315
|
+
},
|
|
15316
|
+
"description": "The id of the form this button belongs to, when it sits outside it.",
|
|
15317
|
+
"attribute": "form"
|
|
15318
|
+
},
|
|
15319
|
+
{
|
|
15320
|
+
"kind": "field",
|
|
15321
|
+
"name": "title",
|
|
15322
|
+
"type": {
|
|
15323
|
+
"text": "string"
|
|
15324
|
+
},
|
|
15325
|
+
"attribute": "title"
|
|
15326
|
+
},
|
|
15327
|
+
{
|
|
15328
|
+
"kind": "field",
|
|
15329
|
+
"name": "tabIndex",
|
|
15330
|
+
"type": {
|
|
15331
|
+
"text": "number"
|
|
15332
|
+
},
|
|
15333
|
+
"attribute": "tab-index"
|
|
15334
|
+
},
|
|
15335
|
+
{
|
|
15336
|
+
"kind": "field",
|
|
15337
|
+
"name": "autoFocus",
|
|
15338
|
+
"type": {
|
|
15339
|
+
"text": "boolean"
|
|
15340
|
+
},
|
|
15341
|
+
"attribute": "auto-focus"
|
|
15342
|
+
},
|
|
15343
|
+
{
|
|
15344
|
+
"kind": "field",
|
|
15345
|
+
"name": "aria-label",
|
|
15346
|
+
"type": {
|
|
15347
|
+
"text": "string"
|
|
15348
|
+
},
|
|
15349
|
+
"attribute": "aria-label"
|
|
15350
|
+
},
|
|
15351
|
+
{
|
|
15352
|
+
"kind": "field",
|
|
15353
|
+
"name": "aria-labelledby",
|
|
15354
|
+
"type": {
|
|
15355
|
+
"text": "string"
|
|
15356
|
+
},
|
|
15357
|
+
"attribute": "aria-labelledby"
|
|
15358
|
+
},
|
|
15359
|
+
{
|
|
15360
|
+
"kind": "field",
|
|
15361
|
+
"name": "aria-describedby",
|
|
15362
|
+
"type": {
|
|
15363
|
+
"text": "string"
|
|
15364
|
+
},
|
|
15365
|
+
"attribute": "aria-describedby"
|
|
15366
|
+
},
|
|
15367
|
+
{
|
|
15368
|
+
"kind": "field",
|
|
15369
|
+
"name": "aria-expanded",
|
|
15370
|
+
"type": {
|
|
15371
|
+
"text": "boolean | \"true\" | \"false\""
|
|
15372
|
+
},
|
|
15373
|
+
"description": "For disclosure and menu triggers: whether what the button controls is open.",
|
|
15374
|
+
"attribute": "aria-expanded"
|
|
15375
|
+
},
|
|
15376
|
+
{
|
|
15377
|
+
"kind": "field",
|
|
15378
|
+
"name": "aria-controls",
|
|
15379
|
+
"type": {
|
|
15380
|
+
"text": "string"
|
|
15381
|
+
},
|
|
15382
|
+
"attribute": "aria-controls"
|
|
15383
|
+
},
|
|
15384
|
+
{
|
|
15385
|
+
"kind": "field",
|
|
15386
|
+
"name": "aria-haspopup",
|
|
15387
|
+
"type": {
|
|
15388
|
+
"text": "boolean | \"true\" | \"false\" | \"menu\" | \"listbox\" | \"tree\" | \"grid\" | \"dialog\""
|
|
15389
|
+
},
|
|
15390
|
+
"attribute": "aria-haspopup"
|
|
15391
|
+
},
|
|
15392
|
+
{
|
|
15393
|
+
"kind": "field",
|
|
15394
|
+
"name": "aria-pressed",
|
|
15395
|
+
"type": {
|
|
15396
|
+
"text": "boolean | \"true\" | \"false\" | \"mixed\""
|
|
15397
|
+
},
|
|
15398
|
+
"description": "For toggle buttons.",
|
|
15399
|
+
"attribute": "aria-pressed"
|
|
15400
|
+
},
|
|
15401
|
+
{
|
|
15402
|
+
"kind": "field",
|
|
15403
|
+
"name": "aria-current",
|
|
15404
|
+
"type": {
|
|
15405
|
+
"text": "boolean | \"true\" | \"false\" | \"page\" | \"step\" | \"location\" | \"date\" | \"time\""
|
|
15406
|
+
},
|
|
15407
|
+
"attribute": "aria-current"
|
|
14711
15408
|
}
|
|
14712
15409
|
],
|
|
14713
15410
|
"events": [
|
|
@@ -15594,6 +16291,14 @@
|
|
|
15594
16291
|
"text": "string"
|
|
15595
16292
|
}
|
|
15596
16293
|
},
|
|
16294
|
+
{
|
|
16295
|
+
"name": "label",
|
|
16296
|
+
"fieldName": "label",
|
|
16297
|
+
"type": {
|
|
16298
|
+
"text": "string"
|
|
16299
|
+
},
|
|
16300
|
+
"description": "Accessible name (default: the placeholder, or \"Search\")."
|
|
16301
|
+
},
|
|
15597
16302
|
{
|
|
15598
16303
|
"name": "shortcut",
|
|
15599
16304
|
"fieldName": "shortcut",
|
|
@@ -15618,6 +16323,15 @@
|
|
|
15618
16323
|
},
|
|
15619
16324
|
"attribute": "placeholder"
|
|
15620
16325
|
},
|
|
16326
|
+
{
|
|
16327
|
+
"kind": "field",
|
|
16328
|
+
"name": "label",
|
|
16329
|
+
"type": {
|
|
16330
|
+
"text": "string"
|
|
16331
|
+
},
|
|
16332
|
+
"description": "Accessible name (default: the placeholder, or \"Search\").",
|
|
16333
|
+
"attribute": "label"
|
|
16334
|
+
},
|
|
15621
16335
|
{
|
|
15622
16336
|
"kind": "field",
|
|
15623
16337
|
"name": "shortcut",
|
|
@@ -16739,6 +17453,22 @@
|
|
|
16739
17453
|
"text": "GalleryItem[]"
|
|
16740
17454
|
}
|
|
16741
17455
|
},
|
|
17456
|
+
{
|
|
17457
|
+
"name": "loading",
|
|
17458
|
+
"fieldName": "loading",
|
|
17459
|
+
"type": {
|
|
17460
|
+
"text": "\"lazy\" | \"eager\""
|
|
17461
|
+
},
|
|
17462
|
+
"description": "Loading of the main image: `\"lazy\"` (default) waits until the gallery is near the viewport; use `\"eager\"` for a gallery at the top of the page. Thumbnails always load lazily."
|
|
17463
|
+
},
|
|
17464
|
+
{
|
|
17465
|
+
"name": "referrer-policy",
|
|
17466
|
+
"fieldName": "referrerPolicy",
|
|
17467
|
+
"type": {
|
|
17468
|
+
"text": "ImageReferrerPolicy"
|
|
17469
|
+
},
|
|
17470
|
+
"description": "`referrerPolicy` of every image, e.g. `\"no-referrer\"` for photos from other hosts."
|
|
17471
|
+
},
|
|
16742
17472
|
{
|
|
16743
17473
|
"name": "start",
|
|
16744
17474
|
"fieldName": "start",
|
|
@@ -16784,6 +17514,24 @@
|
|
|
16784
17514
|
},
|
|
16785
17515
|
"attribute": "items"
|
|
16786
17516
|
},
|
|
17517
|
+
{
|
|
17518
|
+
"kind": "field",
|
|
17519
|
+
"name": "loading",
|
|
17520
|
+
"type": {
|
|
17521
|
+
"text": "\"lazy\" | \"eager\""
|
|
17522
|
+
},
|
|
17523
|
+
"description": "Loading of the main image: `\"lazy\"` (default) waits until the gallery is near the viewport; use `\"eager\"` for a gallery at the top of the page. Thumbnails always load lazily.",
|
|
17524
|
+
"attribute": "loading"
|
|
17525
|
+
},
|
|
17526
|
+
{
|
|
17527
|
+
"kind": "field",
|
|
17528
|
+
"name": "referrerPolicy",
|
|
17529
|
+
"type": {
|
|
17530
|
+
"text": "ImageReferrerPolicy"
|
|
17531
|
+
},
|
|
17532
|
+
"description": "`referrerPolicy` of every image, e.g. `\"no-referrer\"` for photos from other hosts.",
|
|
17533
|
+
"attribute": "referrer-policy"
|
|
17534
|
+
},
|
|
16787
17535
|
{
|
|
16788
17536
|
"kind": "field",
|
|
16789
17537
|
"name": "start",
|
|
@@ -16884,6 +17632,30 @@
|
|
|
16884
17632
|
"type": {
|
|
16885
17633
|
"text": "string"
|
|
16886
17634
|
}
|
|
17635
|
+
},
|
|
17636
|
+
{
|
|
17637
|
+
"name": "label",
|
|
17638
|
+
"fieldName": "label",
|
|
17639
|
+
"type": {
|
|
17640
|
+
"text": "string"
|
|
17641
|
+
},
|
|
17642
|
+
"description": "Accessible name of the slider (default \"Compare before and after\")."
|
|
17643
|
+
},
|
|
17644
|
+
{
|
|
17645
|
+
"name": "loading",
|
|
17646
|
+
"fieldName": "loading",
|
|
17647
|
+
"type": {
|
|
17648
|
+
"text": "\"lazy\" | \"eager\""
|
|
17649
|
+
},
|
|
17650
|
+
"description": "Loading of both images (default `\"lazy\"`)."
|
|
17651
|
+
},
|
|
17652
|
+
{
|
|
17653
|
+
"name": "referrer-policy",
|
|
17654
|
+
"fieldName": "referrerPolicy",
|
|
17655
|
+
"type": {
|
|
17656
|
+
"text": "ImageReferrerPolicy"
|
|
17657
|
+
},
|
|
17658
|
+
"description": "`referrerPolicy` of both images."
|
|
16887
17659
|
}
|
|
16888
17660
|
],
|
|
16889
17661
|
"members": [
|
|
@@ -16934,6 +17706,41 @@
|
|
|
16934
17706
|
"text": "string"
|
|
16935
17707
|
},
|
|
16936
17708
|
"attribute": "after-label"
|
|
17709
|
+
},
|
|
17710
|
+
{
|
|
17711
|
+
"kind": "field",
|
|
17712
|
+
"name": "label",
|
|
17713
|
+
"type": {
|
|
17714
|
+
"text": "string"
|
|
17715
|
+
},
|
|
17716
|
+
"description": "Accessible name of the slider (default \"Compare before and after\").",
|
|
17717
|
+
"attribute": "label"
|
|
17718
|
+
},
|
|
17719
|
+
{
|
|
17720
|
+
"kind": "field",
|
|
17721
|
+
"name": "valueText",
|
|
17722
|
+
"type": {
|
|
17723
|
+
"text": "(percent: number) => string"
|
|
17724
|
+
},
|
|
17725
|
+
"description": "What screen readers hear for a position (0–100, the share of \"before\"). Default: \"Before 40%, After 60%\", with your `beforeLabel`/`afterLabel`."
|
|
17726
|
+
},
|
|
17727
|
+
{
|
|
17728
|
+
"kind": "field",
|
|
17729
|
+
"name": "loading",
|
|
17730
|
+
"type": {
|
|
17731
|
+
"text": "\"lazy\" | \"eager\""
|
|
17732
|
+
},
|
|
17733
|
+
"description": "Loading of both images (default `\"lazy\"`).",
|
|
17734
|
+
"attribute": "loading"
|
|
17735
|
+
},
|
|
17736
|
+
{
|
|
17737
|
+
"kind": "field",
|
|
17738
|
+
"name": "referrerPolicy",
|
|
17739
|
+
"type": {
|
|
17740
|
+
"text": "ImageReferrerPolicy"
|
|
17741
|
+
},
|
|
17742
|
+
"description": "`referrerPolicy` of both images.",
|
|
17743
|
+
"attribute": "referrer-policy"
|
|
16937
17744
|
}
|
|
16938
17745
|
],
|
|
16939
17746
|
"events": [],
|
|
@@ -17108,14 +17915,24 @@
|
|
|
17108
17915
|
"fieldName": "total",
|
|
17109
17916
|
"type": {
|
|
17110
17917
|
"text": "number"
|
|
17111
|
-
}
|
|
17918
|
+
},
|
|
17919
|
+
"description": "Number of pages."
|
|
17112
17920
|
},
|
|
17113
17921
|
{
|
|
17114
17922
|
"name": "page",
|
|
17115
17923
|
"fieldName": "page",
|
|
17116
17924
|
"type": {
|
|
17117
17925
|
"text": "number"
|
|
17118
|
-
}
|
|
17926
|
+
},
|
|
17927
|
+
"description": "The current page (1-based). Controlled together with `onChange`; without `onChange` it is only the start page, as in earlier versions (prefer `defaultPage` for that)."
|
|
17928
|
+
},
|
|
17929
|
+
{
|
|
17930
|
+
"name": "default-page",
|
|
17931
|
+
"fieldName": "defaultPage",
|
|
17932
|
+
"type": {
|
|
17933
|
+
"text": "number"
|
|
17934
|
+
},
|
|
17935
|
+
"description": "Start page when uncontrolled (default 1)."
|
|
17119
17936
|
}
|
|
17120
17937
|
],
|
|
17121
17938
|
"members": [
|
|
@@ -17125,6 +17942,7 @@
|
|
|
17125
17942
|
"type": {
|
|
17126
17943
|
"text": "number"
|
|
17127
17944
|
},
|
|
17945
|
+
"description": "Number of pages.",
|
|
17128
17946
|
"attribute": "total"
|
|
17129
17947
|
},
|
|
17130
17948
|
{
|
|
@@ -17133,10 +17951,28 @@
|
|
|
17133
17951
|
"type": {
|
|
17134
17952
|
"text": "number"
|
|
17135
17953
|
},
|
|
17954
|
+
"description": "The current page (1-based). Controlled together with `onChange`; without `onChange` it is only the start page, as in earlier versions (prefer `defaultPage` for that).",
|
|
17136
17955
|
"attribute": "page"
|
|
17956
|
+
},
|
|
17957
|
+
{
|
|
17958
|
+
"kind": "field",
|
|
17959
|
+
"name": "defaultPage",
|
|
17960
|
+
"type": {
|
|
17961
|
+
"text": "number"
|
|
17962
|
+
},
|
|
17963
|
+
"description": "Start page when uncontrolled (default 1).",
|
|
17964
|
+
"attribute": "default-page"
|
|
17965
|
+
}
|
|
17966
|
+
],
|
|
17967
|
+
"events": [
|
|
17968
|
+
{
|
|
17969
|
+
"name": "change",
|
|
17970
|
+
"type": {
|
|
17971
|
+
"text": "CustomEvent"
|
|
17972
|
+
},
|
|
17973
|
+
"description": "A page was picked (previous, next or a number); receives the new 1-based page. From `onChange: (page: number) => void`; `event.detail` holds the argument."
|
|
17137
17974
|
}
|
|
17138
17975
|
],
|
|
17139
|
-
"events": [],
|
|
17140
17976
|
"slots": []
|
|
17141
17977
|
},
|
|
17142
17978
|
{
|