@rcarls/rc-button 0.4.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/README.md +21 -0
- package/dist/custom-elements.json +756 -0
- package/dist/rc-button-Ct5C14lN.js +413 -0
- package/dist/rc-button-Ct5C14lN.js.map +1 -0
- package/dist/rc-button-define.js +6 -0
- package/dist/rc-button-define.js.map +1 -0
- package/dist/rc-button.js +5 -0
- package/dist/rc-button.js.map +1 -0
- package/dist/types/packages/rc-button/src/define.d.ts +1 -0
- package/dist/types/packages/rc-button/src/index.d.ts +1 -0
- package/dist/types/packages/rc-button/src/rc-button.d.ts +143 -0
- package/dist/types/packages/rc-button/src/rc-button.styles.d.ts +2 -0
- package/dist/types/packages/rc-button/src/rc-button.test.d.ts +0 -0
- package/package.json +62 -0
|
@@ -0,0 +1,756 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/define.ts",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "custom-element-definition",
|
|
12
|
+
"name": "rc-button",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "RCButton",
|
|
15
|
+
"module": "/src/index.js"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"module": "src/index.js"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"kind": "javascript-module",
|
|
30
|
+
"path": "src/index.ts",
|
|
31
|
+
"declarations": [],
|
|
32
|
+
"exports": [
|
|
33
|
+
{
|
|
34
|
+
"kind": "js",
|
|
35
|
+
"name": "*",
|
|
36
|
+
"declaration": {
|
|
37
|
+
"name": "*",
|
|
38
|
+
"module": "src/rc-button.js"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "javascript-module",
|
|
45
|
+
"path": "src/rc-button.ts",
|
|
46
|
+
"declarations": [
|
|
47
|
+
{
|
|
48
|
+
"kind": "class",
|
|
49
|
+
"description": "Structural button wrapper that preserves a direct native `<button>` child for\nprogressive enhancement, forms, labels, and keyboard behavior.",
|
|
50
|
+
"name": "RCButton",
|
|
51
|
+
"cssProperties": [
|
|
52
|
+
{
|
|
53
|
+
"description": "Gap between icon and label content.",
|
|
54
|
+
"name": "--rc-button-gap"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"description": "Minimum button block size.",
|
|
58
|
+
"name": "--rc-button-block-size"
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"description": "Minimum button inline size.",
|
|
62
|
+
"name": "--rc-button-min-inline-size"
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
"description": "Button inline size.",
|
|
66
|
+
"name": "--rc-button-inline-size"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"description": "Button block-axis padding (defers to native button padding when unset).",
|
|
70
|
+
"name": "--rc-button-padding-block"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"description": "Button inline-axis padding (defers to native button padding when unset).",
|
|
74
|
+
"name": "--rc-button-padding-inline"
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"description": "Button border (defers to native button border when unset).",
|
|
78
|
+
"name": "--rc-button-border"
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
"description": "Button and overlay border radius (defers to native button radius when unset).",
|
|
82
|
+
"name": "--rc-button-radius"
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"description": "Button background (defers to native button background when unset).",
|
|
86
|
+
"name": "--rc-button-bg"
|
|
87
|
+
},
|
|
88
|
+
{
|
|
89
|
+
"description": "Button text color (defers to native button color when unset).",
|
|
90
|
+
"name": "--rc-button-color"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"description": "Button box shadow (defers to native button shadow when unset).",
|
|
94
|
+
"name": "--rc-button-shadow"
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"description": "Button font shorthand (defers to native button font when unset).",
|
|
98
|
+
"name": "--rc-button-font"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"description": "Button transition shorthand (defers to native button transition when unset).",
|
|
102
|
+
"name": "--rc-button-transition"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"description": "Button inline and min-inline size when `icon-only`. Falls back to `--rc-button-block-size`, then `--rc-control-block-size`, then `2.5rem`.",
|
|
106
|
+
"name": "--rc-button-icon-size"
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"description": "Disabled button opacity (defers to native disabled styling when unset).",
|
|
110
|
+
"name": "--rc-button-disabled-opacity"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"description": "Button text color while `pending` or `progress`.",
|
|
114
|
+
"name": "--rc-button-busy-content-color",
|
|
115
|
+
"default": "transparent"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"description": "State-layer overlay color.",
|
|
119
|
+
"name": "--rc-button-state-layer-bg",
|
|
120
|
+
"default": "currentColor"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"description": "State-layer opacity transition duration.",
|
|
124
|
+
"name": "--rc-button-state-layer-duration",
|
|
125
|
+
"default": "150ms"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"description": "State-layer opacity transition easing.",
|
|
129
|
+
"name": "--rc-button-state-layer-easing",
|
|
130
|
+
"default": "ease"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"description": "State-layer opacity on hover.",
|
|
134
|
+
"name": "--rc-button-hover-state-layer-opacity",
|
|
135
|
+
"default": "0"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"description": "State-layer opacity on focus-within.",
|
|
139
|
+
"name": "--rc-button-focus-state-layer-opacity",
|
|
140
|
+
"default": "0"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"description": "State-layer opacity on active press.",
|
|
144
|
+
"name": "--rc-button-pressed-state-layer-opacity",
|
|
145
|
+
"default": "0"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"description": "Progress affordance color.",
|
|
149
|
+
"name": "--rc-button-progress-color",
|
|
150
|
+
"default": "currentColor"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"description": "Determinate progress percentage font.",
|
|
154
|
+
"name": "--rc-button-progress-font",
|
|
155
|
+
"default": "600 0.75rem / 1 sans-serif"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"description": "Indeterminate progress spinner diameter.",
|
|
159
|
+
"name": "--rc-button-progress-size",
|
|
160
|
+
"default": "1.25rem"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"description": "Indeterminate progress spinner stroke width.",
|
|
164
|
+
"name": "--rc-button-progress-track-width",
|
|
165
|
+
"default": "2px"
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
"description": "Indeterminate progress spinner track color.",
|
|
169
|
+
"name": "--rc-button-progress-track-color",
|
|
170
|
+
"default": "color-mix(in srgb, currentColor 24%, transparent)"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"description": "Indeterminate progress spinner active arc color.",
|
|
174
|
+
"name": "--rc-button-progress-active-color",
|
|
175
|
+
"default": "currentColor"
|
|
176
|
+
}
|
|
177
|
+
],
|
|
178
|
+
"cssParts": [
|
|
179
|
+
{
|
|
180
|
+
"description": "Overlay layer for hover, focus, pressed, ripple, or design-system effects.",
|
|
181
|
+
"name": "state-layer"
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"description": "Non-interactive progress affordance overlay shown for `pending` or `progress`.",
|
|
185
|
+
"name": "progress"
|
|
186
|
+
}
|
|
187
|
+
],
|
|
188
|
+
"slots": [
|
|
189
|
+
{
|
|
190
|
+
"description": "A direct native `<button>` child.",
|
|
191
|
+
"name": ""
|
|
192
|
+
}
|
|
193
|
+
],
|
|
194
|
+
"members": [
|
|
195
|
+
{
|
|
196
|
+
"kind": "field",
|
|
197
|
+
"name": "_styledRoots",
|
|
198
|
+
"privacy": "protected",
|
|
199
|
+
"static": true,
|
|
200
|
+
"readonly": true,
|
|
201
|
+
"default": "new Set<Document | ShadowRoot>()"
|
|
202
|
+
},
|
|
203
|
+
{
|
|
204
|
+
"kind": "method",
|
|
205
|
+
"name": "_ensureBaseStyles",
|
|
206
|
+
"privacy": "protected",
|
|
207
|
+
"static": true,
|
|
208
|
+
"return": {
|
|
209
|
+
"type": {
|
|
210
|
+
"text": "void"
|
|
211
|
+
}
|
|
212
|
+
},
|
|
213
|
+
"parameters": [
|
|
214
|
+
{
|
|
215
|
+
"name": "root",
|
|
216
|
+
"type": {
|
|
217
|
+
"text": "Document | ShadowRoot"
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
]
|
|
221
|
+
},
|
|
222
|
+
{
|
|
223
|
+
"kind": "field",
|
|
224
|
+
"name": "disabled",
|
|
225
|
+
"type": {
|
|
226
|
+
"text": "boolean"
|
|
227
|
+
},
|
|
228
|
+
"default": "false",
|
|
229
|
+
"description": "Mirror disabled state to the native child.",
|
|
230
|
+
"attribute": "disabled",
|
|
231
|
+
"reflects": true
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"kind": "field",
|
|
235
|
+
"name": "pending",
|
|
236
|
+
"type": {
|
|
237
|
+
"text": "boolean"
|
|
238
|
+
},
|
|
239
|
+
"default": "false",
|
|
240
|
+
"description": "Show an indeterminate progress affordance and disable the native button.",
|
|
241
|
+
"attribute": "pending",
|
|
242
|
+
"reflects": true
|
|
243
|
+
},
|
|
244
|
+
{
|
|
245
|
+
"kind": "field",
|
|
246
|
+
"name": "progress",
|
|
247
|
+
"type": {
|
|
248
|
+
"text": "boolean"
|
|
249
|
+
},
|
|
250
|
+
"default": "false",
|
|
251
|
+
"description": "Show a progress affordance and disable the native button.",
|
|
252
|
+
"attribute": "progress",
|
|
253
|
+
"reflects": true
|
|
254
|
+
},
|
|
255
|
+
{
|
|
256
|
+
"kind": "field",
|
|
257
|
+
"name": "progressValue",
|
|
258
|
+
"type": {
|
|
259
|
+
"text": "number | undefined"
|
|
260
|
+
},
|
|
261
|
+
"description": "Optional determinate progress percentage, clamped from 0 through 100.",
|
|
262
|
+
"attribute": "progress-value",
|
|
263
|
+
"reflects": true
|
|
264
|
+
},
|
|
265
|
+
{
|
|
266
|
+
"kind": "field",
|
|
267
|
+
"name": "toggle",
|
|
268
|
+
"type": {
|
|
269
|
+
"text": "boolean"
|
|
270
|
+
},
|
|
271
|
+
"default": "false",
|
|
272
|
+
"description": "Opt the native child into APG toggle-button behavior.",
|
|
273
|
+
"attribute": "toggle",
|
|
274
|
+
"reflects": true
|
|
275
|
+
},
|
|
276
|
+
{
|
|
277
|
+
"kind": "field",
|
|
278
|
+
"name": "selected",
|
|
279
|
+
"type": {
|
|
280
|
+
"text": "boolean"
|
|
281
|
+
},
|
|
282
|
+
"description": "Controlled selected state. Host writes are silent.",
|
|
283
|
+
"attribute": "selected",
|
|
284
|
+
"reflects": true
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"kind": "field",
|
|
288
|
+
"name": "defaultSelected",
|
|
289
|
+
"type": {
|
|
290
|
+
"text": "boolean"
|
|
291
|
+
},
|
|
292
|
+
"description": "Initial selected state for uncontrolled toggle usage.",
|
|
293
|
+
"attribute": "default-selected"
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"kind": "field",
|
|
297
|
+
"name": "iconOnly",
|
|
298
|
+
"type": {
|
|
299
|
+
"text": "boolean"
|
|
300
|
+
},
|
|
301
|
+
"default": "false",
|
|
302
|
+
"description": "Icon-only layout hint. May also be reflected by child classification.",
|
|
303
|
+
"attribute": "icon-only",
|
|
304
|
+
"reflects": true
|
|
305
|
+
},
|
|
306
|
+
{
|
|
307
|
+
"kind": "field",
|
|
308
|
+
"name": "fullWidth",
|
|
309
|
+
"type": {
|
|
310
|
+
"text": "boolean"
|
|
311
|
+
},
|
|
312
|
+
"default": "false",
|
|
313
|
+
"description": "Stretch the native child button to the host inline size.",
|
|
314
|
+
"attribute": "full-width",
|
|
315
|
+
"reflects": true
|
|
316
|
+
},
|
|
317
|
+
{
|
|
318
|
+
"kind": "field",
|
|
319
|
+
"name": "_$slot",
|
|
320
|
+
"type": {
|
|
321
|
+
"text": "HTMLSlotElement"
|
|
322
|
+
},
|
|
323
|
+
"privacy": "protected"
|
|
324
|
+
},
|
|
325
|
+
{
|
|
326
|
+
"kind": "field",
|
|
327
|
+
"name": "_$stateLayer",
|
|
328
|
+
"type": {
|
|
329
|
+
"text": "HTMLElement"
|
|
330
|
+
},
|
|
331
|
+
"privacy": "protected"
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"kind": "field",
|
|
335
|
+
"name": "_selected",
|
|
336
|
+
"type": {
|
|
337
|
+
"text": "boolean | undefined"
|
|
338
|
+
},
|
|
339
|
+
"privacy": "private"
|
|
340
|
+
},
|
|
341
|
+
{
|
|
342
|
+
"kind": "field",
|
|
343
|
+
"name": "_defaultSelected",
|
|
344
|
+
"type": {
|
|
345
|
+
"text": "boolean"
|
|
346
|
+
},
|
|
347
|
+
"privacy": "private",
|
|
348
|
+
"default": "false"
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
"kind": "field",
|
|
352
|
+
"name": "_uncontrolledSelected",
|
|
353
|
+
"type": {
|
|
354
|
+
"text": "boolean | undefined"
|
|
355
|
+
},
|
|
356
|
+
"privacy": "private"
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"kind": "field",
|
|
360
|
+
"name": "_selectedInitialized",
|
|
361
|
+
"type": {
|
|
362
|
+
"text": "boolean"
|
|
363
|
+
},
|
|
364
|
+
"privacy": "private",
|
|
365
|
+
"default": "false"
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"kind": "field",
|
|
369
|
+
"name": "_$button",
|
|
370
|
+
"type": {
|
|
371
|
+
"text": "HTMLButtonElement | null"
|
|
372
|
+
},
|
|
373
|
+
"privacy": "protected",
|
|
374
|
+
"default": "null"
|
|
375
|
+
},
|
|
376
|
+
{
|
|
377
|
+
"kind": "field",
|
|
378
|
+
"name": "_buttonObserver",
|
|
379
|
+
"type": {
|
|
380
|
+
"text": "MutationObserver | null"
|
|
381
|
+
},
|
|
382
|
+
"privacy": "protected",
|
|
383
|
+
"default": "null"
|
|
384
|
+
},
|
|
385
|
+
{
|
|
386
|
+
"kind": "field",
|
|
387
|
+
"name": "_disabledOwned",
|
|
388
|
+
"type": {
|
|
389
|
+
"text": "boolean"
|
|
390
|
+
},
|
|
391
|
+
"privacy": "protected",
|
|
392
|
+
"default": "false"
|
|
393
|
+
},
|
|
394
|
+
{
|
|
395
|
+
"kind": "field",
|
|
396
|
+
"name": "_ariaBusyOwned",
|
|
397
|
+
"type": {
|
|
398
|
+
"text": "boolean"
|
|
399
|
+
},
|
|
400
|
+
"privacy": "protected",
|
|
401
|
+
"default": "false"
|
|
402
|
+
},
|
|
403
|
+
{
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "_pressedOwned",
|
|
406
|
+
"type": {
|
|
407
|
+
"text": "boolean"
|
|
408
|
+
},
|
|
409
|
+
"privacy": "protected",
|
|
410
|
+
"default": "false"
|
|
411
|
+
},
|
|
412
|
+
{
|
|
413
|
+
"kind": "field",
|
|
414
|
+
"name": "_authorPressed",
|
|
415
|
+
"type": {
|
|
416
|
+
"text": "string | null"
|
|
417
|
+
},
|
|
418
|
+
"privacy": "protected",
|
|
419
|
+
"default": "null"
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"kind": "field",
|
|
423
|
+
"name": "_iconOnlyOwned",
|
|
424
|
+
"type": {
|
|
425
|
+
"text": "boolean"
|
|
426
|
+
},
|
|
427
|
+
"privacy": "protected",
|
|
428
|
+
"default": "false"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"kind": "field",
|
|
432
|
+
"name": "_slotMicrotaskQueued",
|
|
433
|
+
"type": {
|
|
434
|
+
"text": "boolean"
|
|
435
|
+
},
|
|
436
|
+
"privacy": "protected",
|
|
437
|
+
"default": "false"
|
|
438
|
+
},
|
|
439
|
+
{
|
|
440
|
+
"kind": "field",
|
|
441
|
+
"name": "_progressPercentage",
|
|
442
|
+
"type": {
|
|
443
|
+
"text": "number | undefined"
|
|
444
|
+
},
|
|
445
|
+
"privacy": "protected",
|
|
446
|
+
"readonly": true
|
|
447
|
+
},
|
|
448
|
+
{
|
|
449
|
+
"kind": "method",
|
|
450
|
+
"name": "_handleSlotChange",
|
|
451
|
+
"privacy": "protected",
|
|
452
|
+
"return": {
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "void"
|
|
455
|
+
}
|
|
456
|
+
}
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"kind": "method",
|
|
460
|
+
"name": "_syncSlottedButton",
|
|
461
|
+
"privacy": "protected",
|
|
462
|
+
"return": {
|
|
463
|
+
"type": {
|
|
464
|
+
"text": "void"
|
|
465
|
+
}
|
|
466
|
+
}
|
|
467
|
+
},
|
|
468
|
+
{
|
|
469
|
+
"kind": "method",
|
|
470
|
+
"name": "_classifyButton",
|
|
471
|
+
"privacy": "protected",
|
|
472
|
+
"return": {
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "void"
|
|
475
|
+
}
|
|
476
|
+
}
|
|
477
|
+
},
|
|
478
|
+
{
|
|
479
|
+
"kind": "method",
|
|
480
|
+
"name": "_hasLabel",
|
|
481
|
+
"privacy": "protected",
|
|
482
|
+
"return": {
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "boolean"
|
|
485
|
+
}
|
|
486
|
+
},
|
|
487
|
+
"parameters": [
|
|
488
|
+
{
|
|
489
|
+
"name": "button",
|
|
490
|
+
"type": {
|
|
491
|
+
"text": "HTMLButtonElement | null"
|
|
492
|
+
}
|
|
493
|
+
}
|
|
494
|
+
]
|
|
495
|
+
},
|
|
496
|
+
{
|
|
497
|
+
"kind": "method",
|
|
498
|
+
"name": "_syncNativeState",
|
|
499
|
+
"privacy": "protected",
|
|
500
|
+
"return": {
|
|
501
|
+
"type": {
|
|
502
|
+
"text": "void"
|
|
503
|
+
}
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"kind": "method",
|
|
508
|
+
"name": "_syncPressedState",
|
|
509
|
+
"privacy": "protected",
|
|
510
|
+
"return": {
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "void"
|
|
513
|
+
}
|
|
514
|
+
}
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"kind": "method",
|
|
518
|
+
"name": "_restorePressedState",
|
|
519
|
+
"privacy": "protected",
|
|
520
|
+
"return": {
|
|
521
|
+
"type": {
|
|
522
|
+
"text": "void"
|
|
523
|
+
}
|
|
524
|
+
}
|
|
525
|
+
},
|
|
526
|
+
{
|
|
527
|
+
"kind": "method",
|
|
528
|
+
"name": "_handleToggleActivation",
|
|
529
|
+
"privacy": "protected",
|
|
530
|
+
"return": {
|
|
531
|
+
"type": {
|
|
532
|
+
"text": "void"
|
|
533
|
+
}
|
|
534
|
+
},
|
|
535
|
+
"parameters": [
|
|
536
|
+
{
|
|
537
|
+
"name": "event",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "MouseEvent"
|
|
540
|
+
}
|
|
541
|
+
}
|
|
542
|
+
]
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"kind": "method",
|
|
546
|
+
"name": "_shouldBlockActivation",
|
|
547
|
+
"privacy": "protected",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "boolean"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "_isChildButtonEvent",
|
|
557
|
+
"privacy": "protected",
|
|
558
|
+
"return": {
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "boolean"
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
"parameters": [
|
|
564
|
+
{
|
|
565
|
+
"name": "event",
|
|
566
|
+
"type": {
|
|
567
|
+
"text": "Event"
|
|
568
|
+
}
|
|
569
|
+
}
|
|
570
|
+
]
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"kind": "method",
|
|
574
|
+
"name": "_blockActivation",
|
|
575
|
+
"privacy": "protected",
|
|
576
|
+
"return": {
|
|
577
|
+
"type": {
|
|
578
|
+
"text": "void"
|
|
579
|
+
}
|
|
580
|
+
},
|
|
581
|
+
"parameters": [
|
|
582
|
+
{
|
|
583
|
+
"name": "event",
|
|
584
|
+
"type": {
|
|
585
|
+
"text": "Event"
|
|
586
|
+
}
|
|
587
|
+
}
|
|
588
|
+
]
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"kind": "method",
|
|
592
|
+
"name": "_startRipple",
|
|
593
|
+
"privacy": "protected",
|
|
594
|
+
"return": {
|
|
595
|
+
"type": {
|
|
596
|
+
"text": "void"
|
|
597
|
+
}
|
|
598
|
+
},
|
|
599
|
+
"parameters": [
|
|
600
|
+
{
|
|
601
|
+
"name": "event",
|
|
602
|
+
"type": {
|
|
603
|
+
"text": "PointerEvent"
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
]
|
|
607
|
+
},
|
|
608
|
+
{
|
|
609
|
+
"kind": "method",
|
|
610
|
+
"name": "_handleRippleAnimationEnd",
|
|
611
|
+
"privacy": "protected",
|
|
612
|
+
"return": {
|
|
613
|
+
"type": {
|
|
614
|
+
"text": "void"
|
|
615
|
+
}
|
|
616
|
+
},
|
|
617
|
+
"parameters": [
|
|
618
|
+
{
|
|
619
|
+
"name": "event",
|
|
620
|
+
"type": {
|
|
621
|
+
"text": "AnimationEvent"
|
|
622
|
+
}
|
|
623
|
+
}
|
|
624
|
+
]
|
|
625
|
+
}
|
|
626
|
+
],
|
|
627
|
+
"events": [
|
|
628
|
+
{
|
|
629
|
+
"name": "rc-button-toggle",
|
|
630
|
+
"type": {
|
|
631
|
+
"text": "CustomEvent"
|
|
632
|
+
},
|
|
633
|
+
"description": "Fired when a user activates a button with `toggle`."
|
|
634
|
+
}
|
|
635
|
+
],
|
|
636
|
+
"attributes": [
|
|
637
|
+
{
|
|
638
|
+
"description": "Mirror disabled state to the native child.",
|
|
639
|
+
"name": "disabled",
|
|
640
|
+
"type": {
|
|
641
|
+
"text": "boolean"
|
|
642
|
+
},
|
|
643
|
+
"default": "false",
|
|
644
|
+
"fieldName": "disabled"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "Show an indeterminate progress affordance and disable the native button.",
|
|
648
|
+
"name": "pending",
|
|
649
|
+
"type": {
|
|
650
|
+
"text": "boolean"
|
|
651
|
+
},
|
|
652
|
+
"default": "false",
|
|
653
|
+
"fieldName": "pending"
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"description": "Show a progress affordance and disable the native button.",
|
|
657
|
+
"name": "progress",
|
|
658
|
+
"type": {
|
|
659
|
+
"text": "boolean"
|
|
660
|
+
},
|
|
661
|
+
"default": "false",
|
|
662
|
+
"fieldName": "progress"
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"description": "Optional determinate progress percentage, clamped from 0 through 100.",
|
|
666
|
+
"name": "progress-value",
|
|
667
|
+
"type": {
|
|
668
|
+
"text": "number | undefined"
|
|
669
|
+
},
|
|
670
|
+
"fieldName": "progressValue"
|
|
671
|
+
},
|
|
672
|
+
{
|
|
673
|
+
"description": "Opt the native child into APG toggle-button behavior.",
|
|
674
|
+
"name": "toggle",
|
|
675
|
+
"type": {
|
|
676
|
+
"text": "boolean"
|
|
677
|
+
},
|
|
678
|
+
"default": "false",
|
|
679
|
+
"fieldName": "toggle"
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"description": "Controlled selected state. Host writes are silent.",
|
|
683
|
+
"name": "selected",
|
|
684
|
+
"type": {
|
|
685
|
+
"text": "boolean"
|
|
686
|
+
},
|
|
687
|
+
"fieldName": "selected"
|
|
688
|
+
},
|
|
689
|
+
{
|
|
690
|
+
"description": "Initial selected state for uncontrolled toggle usage.",
|
|
691
|
+
"name": "default-selected",
|
|
692
|
+
"type": {
|
|
693
|
+
"text": "boolean"
|
|
694
|
+
},
|
|
695
|
+
"fieldName": "defaultSelected"
|
|
696
|
+
},
|
|
697
|
+
{
|
|
698
|
+
"description": "Icon-only layout hint. May also be reflected by child classification.",
|
|
699
|
+
"name": "icon-only",
|
|
700
|
+
"type": {
|
|
701
|
+
"text": "boolean"
|
|
702
|
+
},
|
|
703
|
+
"default": "false",
|
|
704
|
+
"fieldName": "iconOnly"
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"description": "Stretch the native child button to the host inline size.",
|
|
708
|
+
"name": "full-width",
|
|
709
|
+
"type": {
|
|
710
|
+
"text": "boolean"
|
|
711
|
+
},
|
|
712
|
+
"default": "false",
|
|
713
|
+
"fieldName": "fullWidth"
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"description": "Present when the native button has a direct `[data-rc-button-icon]` child. Use with CSS selectors (e.g. `rc-button[has-icon]`).",
|
|
717
|
+
"name": "has-icon"
|
|
718
|
+
},
|
|
719
|
+
{
|
|
720
|
+
"description": "Present when the native button has a direct `[data-rc-button-selected-icon]` child.",
|
|
721
|
+
"name": "has-selected-icon"
|
|
722
|
+
},
|
|
723
|
+
{
|
|
724
|
+
"description": "Present when the native button has visible label content, from either a `[data-rc-button-label]` child or bare text.",
|
|
725
|
+
"name": "has-label"
|
|
726
|
+
}
|
|
727
|
+
],
|
|
728
|
+
"superclass": {
|
|
729
|
+
"name": "LitElement",
|
|
730
|
+
"package": "lit"
|
|
731
|
+
},
|
|
732
|
+
"tagName": "rc-button",
|
|
733
|
+
"customElement": true
|
|
734
|
+
}
|
|
735
|
+
],
|
|
736
|
+
"exports": [
|
|
737
|
+
{
|
|
738
|
+
"kind": "js",
|
|
739
|
+
"name": "RCButton",
|
|
740
|
+
"declaration": {
|
|
741
|
+
"name": "RCButton",
|
|
742
|
+
"module": "src/rc-button.ts"
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"kind": "js",
|
|
747
|
+
"name": "default",
|
|
748
|
+
"declaration": {
|
|
749
|
+
"name": "RCButton",
|
|
750
|
+
"module": "src/rc-button.ts"
|
|
751
|
+
}
|
|
752
|
+
}
|
|
753
|
+
]
|
|
754
|
+
}
|
|
755
|
+
]
|
|
756
|
+
}
|