@spectrum-web-components/textfield 1.2.0-beta.0 → 1.2.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +1529 -0
- package/package.json +8 -8
|
@@ -0,0 +1,1529 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "sp-textfield.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "custom-element-definition",
|
|
12
|
+
"name": "sp-textfield",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "Textfield",
|
|
15
|
+
"module": "/src/Textfield.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/Textfield.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "class",
|
|
26
|
+
"description": "",
|
|
27
|
+
"name": "TextfieldBase",
|
|
28
|
+
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "appliedLabel",
|
|
32
|
+
"type": {
|
|
33
|
+
"text": "string | undefined"
|
|
34
|
+
},
|
|
35
|
+
"privacy": "protected"
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"kind": "field",
|
|
39
|
+
"name": "allowedKeys",
|
|
40
|
+
"type": {
|
|
41
|
+
"text": "string"
|
|
42
|
+
},
|
|
43
|
+
"default": "''",
|
|
44
|
+
"description": "A regular expression outlining the keys that will be allowed to update the value of the form control.",
|
|
45
|
+
"attribute": "allowed-keys"
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
"kind": "field",
|
|
49
|
+
"name": "focused",
|
|
50
|
+
"type": {
|
|
51
|
+
"text": "boolean"
|
|
52
|
+
},
|
|
53
|
+
"privacy": "private",
|
|
54
|
+
"default": "false",
|
|
55
|
+
"attribute": "focused",
|
|
56
|
+
"reflects": true
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"kind": "field",
|
|
60
|
+
"name": "inputElement",
|
|
61
|
+
"type": {
|
|
62
|
+
"text": "HTMLInputElement | HTMLTextAreaElement"
|
|
63
|
+
},
|
|
64
|
+
"privacy": "protected"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"kind": "field",
|
|
68
|
+
"name": "invalid",
|
|
69
|
+
"type": {
|
|
70
|
+
"text": "boolean"
|
|
71
|
+
},
|
|
72
|
+
"privacy": "public",
|
|
73
|
+
"default": "false",
|
|
74
|
+
"description": "Whether the `value` held by the form control is invalid.",
|
|
75
|
+
"attribute": "invalid",
|
|
76
|
+
"reflects": true
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
"kind": "field",
|
|
80
|
+
"name": "label",
|
|
81
|
+
"type": {
|
|
82
|
+
"text": "string"
|
|
83
|
+
},
|
|
84
|
+
"privacy": "public",
|
|
85
|
+
"default": "''",
|
|
86
|
+
"description": "A string applied via `aria-label` to the form control when a user visible label is not provided.",
|
|
87
|
+
"attribute": "label"
|
|
88
|
+
},
|
|
89
|
+
{
|
|
90
|
+
"kind": "field",
|
|
91
|
+
"name": "name",
|
|
92
|
+
"type": {
|
|
93
|
+
"text": "string | undefined"
|
|
94
|
+
},
|
|
95
|
+
"privacy": "public",
|
|
96
|
+
"description": "Name of the form control.",
|
|
97
|
+
"attribute": "name",
|
|
98
|
+
"reflects": true
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"kind": "field",
|
|
102
|
+
"name": "placeholder",
|
|
103
|
+
"type": {
|
|
104
|
+
"text": "string"
|
|
105
|
+
},
|
|
106
|
+
"privacy": "public",
|
|
107
|
+
"default": "''",
|
|
108
|
+
"description": "Text that appears in the form control when it has no value set",
|
|
109
|
+
"attribute": "placeholder"
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
"kind": "field",
|
|
113
|
+
"name": "type",
|
|
114
|
+
"type": {
|
|
115
|
+
"text": "TextfieldType"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"kind": "field",
|
|
120
|
+
"name": "_type",
|
|
121
|
+
"type": {
|
|
122
|
+
"text": "TextfieldType"
|
|
123
|
+
},
|
|
124
|
+
"privacy": "private",
|
|
125
|
+
"default": "'text'",
|
|
126
|
+
"attribute": "type",
|
|
127
|
+
"reflects": true
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
"kind": "field",
|
|
131
|
+
"name": "pattern",
|
|
132
|
+
"type": {
|
|
133
|
+
"text": "string | undefined"
|
|
134
|
+
},
|
|
135
|
+
"privacy": "public",
|
|
136
|
+
"description": "Pattern the `value` must match to be valid",
|
|
137
|
+
"attribute": "pattern"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"kind": "field",
|
|
141
|
+
"name": "grows",
|
|
142
|
+
"type": {
|
|
143
|
+
"text": "boolean"
|
|
144
|
+
},
|
|
145
|
+
"privacy": "public",
|
|
146
|
+
"default": "false",
|
|
147
|
+
"description": "Whether a form control delivered with the `multiline` attribute will change size\nvertically to accomodate longer input",
|
|
148
|
+
"attribute": "grows",
|
|
149
|
+
"reflects": true
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
"kind": "field",
|
|
153
|
+
"name": "maxlength",
|
|
154
|
+
"type": {
|
|
155
|
+
"text": "number"
|
|
156
|
+
},
|
|
157
|
+
"privacy": "public",
|
|
158
|
+
"default": "-1",
|
|
159
|
+
"description": "Defines the maximum string length that the user can enter",
|
|
160
|
+
"attribute": "maxlength"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"kind": "field",
|
|
164
|
+
"name": "minlength",
|
|
165
|
+
"type": {
|
|
166
|
+
"text": "number"
|
|
167
|
+
},
|
|
168
|
+
"privacy": "public",
|
|
169
|
+
"default": "-1",
|
|
170
|
+
"description": "Defines the minimum string length that the user can enter",
|
|
171
|
+
"attribute": "minlength"
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
"kind": "field",
|
|
175
|
+
"name": "multiline",
|
|
176
|
+
"type": {
|
|
177
|
+
"text": "boolean"
|
|
178
|
+
},
|
|
179
|
+
"privacy": "public",
|
|
180
|
+
"default": "false",
|
|
181
|
+
"description": "Whether the form control should accept a value longer than one line",
|
|
182
|
+
"attribute": "multiline",
|
|
183
|
+
"reflects": true
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"kind": "field",
|
|
187
|
+
"name": "readonly",
|
|
188
|
+
"type": {
|
|
189
|
+
"text": "boolean"
|
|
190
|
+
},
|
|
191
|
+
"privacy": "public",
|
|
192
|
+
"default": "false",
|
|
193
|
+
"description": "Whether a user can interact with the value of the form control",
|
|
194
|
+
"attribute": "readonly",
|
|
195
|
+
"reflects": true
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"kind": "field",
|
|
199
|
+
"name": "rows",
|
|
200
|
+
"type": {
|
|
201
|
+
"text": "number"
|
|
202
|
+
},
|
|
203
|
+
"privacy": "public",
|
|
204
|
+
"default": "-1",
|
|
205
|
+
"description": "The specific number of rows the form control should provide in the user interface",
|
|
206
|
+
"attribute": "rows"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"kind": "field",
|
|
210
|
+
"name": "valid",
|
|
211
|
+
"type": {
|
|
212
|
+
"text": "boolean"
|
|
213
|
+
},
|
|
214
|
+
"privacy": "public",
|
|
215
|
+
"default": "false",
|
|
216
|
+
"description": "Whether the `value` held by the form control is valid.",
|
|
217
|
+
"attribute": "valid",
|
|
218
|
+
"reflects": true
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "field",
|
|
222
|
+
"name": "value",
|
|
223
|
+
"privacy": "public",
|
|
224
|
+
"description": "The value held by the form control",
|
|
225
|
+
"type": {
|
|
226
|
+
"text": "string | number"
|
|
227
|
+
},
|
|
228
|
+
"attribute": "value"
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"kind": "field",
|
|
232
|
+
"name": "_value",
|
|
233
|
+
"type": {
|
|
234
|
+
"text": "string | number"
|
|
235
|
+
},
|
|
236
|
+
"privacy": "protected",
|
|
237
|
+
"default": "''"
|
|
238
|
+
},
|
|
239
|
+
{
|
|
240
|
+
"kind": "field",
|
|
241
|
+
"name": "quiet",
|
|
242
|
+
"type": {
|
|
243
|
+
"text": "boolean"
|
|
244
|
+
},
|
|
245
|
+
"privacy": "public",
|
|
246
|
+
"default": "false",
|
|
247
|
+
"description": "Whether to display the form control with no visible background",
|
|
248
|
+
"attribute": "quiet",
|
|
249
|
+
"reflects": true
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"kind": "field",
|
|
253
|
+
"name": "required",
|
|
254
|
+
"type": {
|
|
255
|
+
"text": "boolean"
|
|
256
|
+
},
|
|
257
|
+
"privacy": "public",
|
|
258
|
+
"default": "false",
|
|
259
|
+
"description": "Whether the form control will be found to be invalid when it holds no `value`",
|
|
260
|
+
"attribute": "required",
|
|
261
|
+
"reflects": true
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"kind": "field",
|
|
265
|
+
"name": "autocomplete",
|
|
266
|
+
"type": {
|
|
267
|
+
"text": "| 'list'\n | 'none'\n | HTMLInputElement['autocomplete']\n | HTMLTextAreaElement['autocomplete'] | undefined"
|
|
268
|
+
},
|
|
269
|
+
"privacy": "public",
|
|
270
|
+
"description": "What form of assistance should be provided when attempting to supply a value to the form control",
|
|
271
|
+
"attribute": "autocomplete",
|
|
272
|
+
"reflects": true
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"kind": "field",
|
|
276
|
+
"name": "focusElement",
|
|
277
|
+
"type": {
|
|
278
|
+
"text": "HTMLInputElement | HTMLTextAreaElement"
|
|
279
|
+
},
|
|
280
|
+
"privacy": "public",
|
|
281
|
+
"readonly": true
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"kind": "method",
|
|
285
|
+
"name": "setSelectionRange",
|
|
286
|
+
"privacy": "public",
|
|
287
|
+
"return": {
|
|
288
|
+
"type": {
|
|
289
|
+
"text": "void"
|
|
290
|
+
}
|
|
291
|
+
},
|
|
292
|
+
"parameters": [
|
|
293
|
+
{
|
|
294
|
+
"name": "selectionStart",
|
|
295
|
+
"type": {
|
|
296
|
+
"text": "number"
|
|
297
|
+
},
|
|
298
|
+
"description": "The 0-based index of the first selected character. An index greater than the length of the\nelement's value is treated as pointing to the end of the value."
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"name": "selectionEnd",
|
|
302
|
+
"type": {
|
|
303
|
+
"text": "number"
|
|
304
|
+
},
|
|
305
|
+
"description": "The 0-based index of the character after the last selected character. An index greater than\nthe length of the element's value is treated as pointing to the end of the value."
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"name": "selectionDirection",
|
|
309
|
+
"default": "'none'",
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "'forward' | 'backward' | 'none'"
|
|
312
|
+
},
|
|
313
|
+
"description": "A string indicating the direction in which the selection is considered to\nhave been performed.",
|
|
314
|
+
"optional": true
|
|
315
|
+
}
|
|
316
|
+
],
|
|
317
|
+
"description": "Sets the start and end positions of the current selection."
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "method",
|
|
321
|
+
"name": "select",
|
|
322
|
+
"privacy": "public",
|
|
323
|
+
"return": {
|
|
324
|
+
"type": {
|
|
325
|
+
"text": "void"
|
|
326
|
+
}
|
|
327
|
+
},
|
|
328
|
+
"description": "Selects all the text."
|
|
329
|
+
},
|
|
330
|
+
{
|
|
331
|
+
"kind": "method",
|
|
332
|
+
"name": "handleInput",
|
|
333
|
+
"privacy": "protected",
|
|
334
|
+
"return": {
|
|
335
|
+
"type": {
|
|
336
|
+
"text": "void"
|
|
337
|
+
}
|
|
338
|
+
},
|
|
339
|
+
"parameters": [
|
|
340
|
+
{
|
|
341
|
+
"name": "_event",
|
|
342
|
+
"type": {
|
|
343
|
+
"text": "Event"
|
|
344
|
+
}
|
|
345
|
+
}
|
|
346
|
+
]
|
|
347
|
+
},
|
|
348
|
+
{
|
|
349
|
+
"kind": "method",
|
|
350
|
+
"name": "handleChange",
|
|
351
|
+
"privacy": "protected",
|
|
352
|
+
"return": {
|
|
353
|
+
"type": {
|
|
354
|
+
"text": "void"
|
|
355
|
+
}
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
{
|
|
359
|
+
"kind": "method",
|
|
360
|
+
"name": "onFocus",
|
|
361
|
+
"privacy": "protected",
|
|
362
|
+
"return": {
|
|
363
|
+
"type": {
|
|
364
|
+
"text": "void"
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
},
|
|
368
|
+
{
|
|
369
|
+
"kind": "method",
|
|
370
|
+
"name": "onBlur",
|
|
371
|
+
"privacy": "protected",
|
|
372
|
+
"return": {
|
|
373
|
+
"type": {
|
|
374
|
+
"text": "void"
|
|
375
|
+
}
|
|
376
|
+
},
|
|
377
|
+
"parameters": [
|
|
378
|
+
{
|
|
379
|
+
"name": "_event",
|
|
380
|
+
"type": {
|
|
381
|
+
"text": "FocusEvent"
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
]
|
|
385
|
+
},
|
|
386
|
+
{
|
|
387
|
+
"kind": "method",
|
|
388
|
+
"name": "handleInputElementPointerdown",
|
|
389
|
+
"privacy": "protected",
|
|
390
|
+
"return": {
|
|
391
|
+
"type": {
|
|
392
|
+
"text": "void"
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
},
|
|
396
|
+
{
|
|
397
|
+
"kind": "method",
|
|
398
|
+
"name": "renderStateIcons",
|
|
399
|
+
"privacy": "protected",
|
|
400
|
+
"return": {
|
|
401
|
+
"type": {
|
|
402
|
+
"text": "TemplateResult | typeof nothing"
|
|
403
|
+
}
|
|
404
|
+
}
|
|
405
|
+
},
|
|
406
|
+
{
|
|
407
|
+
"kind": "field",
|
|
408
|
+
"name": "displayValue",
|
|
409
|
+
"type": {
|
|
410
|
+
"text": "string"
|
|
411
|
+
},
|
|
412
|
+
"privacy": "protected",
|
|
413
|
+
"readonly": true
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"kind": "field",
|
|
417
|
+
"name": "renderMultiline",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "TemplateResult"
|
|
420
|
+
},
|
|
421
|
+
"privacy": "private",
|
|
422
|
+
"readonly": true
|
|
423
|
+
},
|
|
424
|
+
{
|
|
425
|
+
"kind": "field",
|
|
426
|
+
"name": "renderInput",
|
|
427
|
+
"type": {
|
|
428
|
+
"text": "TemplateResult"
|
|
429
|
+
},
|
|
430
|
+
"privacy": "private",
|
|
431
|
+
"readonly": true
|
|
432
|
+
},
|
|
433
|
+
{
|
|
434
|
+
"kind": "method",
|
|
435
|
+
"name": "renderField",
|
|
436
|
+
"privacy": "protected",
|
|
437
|
+
"return": {
|
|
438
|
+
"type": {
|
|
439
|
+
"text": "TemplateResult"
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"kind": "method",
|
|
445
|
+
"name": "checkValidity",
|
|
446
|
+
"privacy": "public",
|
|
447
|
+
"return": {
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "boolean"
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
],
|
|
454
|
+
"events": [
|
|
455
|
+
{
|
|
456
|
+
"name": "change",
|
|
457
|
+
"type": {
|
|
458
|
+
"text": "Event"
|
|
459
|
+
},
|
|
460
|
+
"description": "An alteration to the value of the element has been committed by the user."
|
|
461
|
+
},
|
|
462
|
+
{
|
|
463
|
+
"description": "The value of the element has changed.",
|
|
464
|
+
"name": "input"
|
|
465
|
+
}
|
|
466
|
+
],
|
|
467
|
+
"attributes": [
|
|
468
|
+
{
|
|
469
|
+
"name": "allowed-keys",
|
|
470
|
+
"type": {
|
|
471
|
+
"text": "string"
|
|
472
|
+
},
|
|
473
|
+
"default": "''",
|
|
474
|
+
"description": "A regular expression outlining the keys that will be allowed to update the value of the form control.",
|
|
475
|
+
"fieldName": "allowedKeys"
|
|
476
|
+
},
|
|
477
|
+
{
|
|
478
|
+
"name": "focused",
|
|
479
|
+
"type": {
|
|
480
|
+
"text": "boolean"
|
|
481
|
+
},
|
|
482
|
+
"default": "false",
|
|
483
|
+
"fieldName": "focused"
|
|
484
|
+
},
|
|
485
|
+
{
|
|
486
|
+
"name": "invalid",
|
|
487
|
+
"type": {
|
|
488
|
+
"text": "boolean"
|
|
489
|
+
},
|
|
490
|
+
"default": "false",
|
|
491
|
+
"description": "Whether the `value` held by the form control is invalid.",
|
|
492
|
+
"fieldName": "invalid"
|
|
493
|
+
},
|
|
494
|
+
{
|
|
495
|
+
"name": "label",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "string"
|
|
498
|
+
},
|
|
499
|
+
"default": "''",
|
|
500
|
+
"description": "A string applied via `aria-label` to the form control when a user visible label is not provided.",
|
|
501
|
+
"fieldName": "label"
|
|
502
|
+
},
|
|
503
|
+
{
|
|
504
|
+
"name": "name",
|
|
505
|
+
"type": {
|
|
506
|
+
"text": "string | undefined"
|
|
507
|
+
},
|
|
508
|
+
"description": "Name of the form control.",
|
|
509
|
+
"fieldName": "name"
|
|
510
|
+
},
|
|
511
|
+
{
|
|
512
|
+
"name": "placeholder",
|
|
513
|
+
"type": {
|
|
514
|
+
"text": "string"
|
|
515
|
+
},
|
|
516
|
+
"default": "''",
|
|
517
|
+
"description": "Text that appears in the form control when it has no value set",
|
|
518
|
+
"fieldName": "placeholder"
|
|
519
|
+
},
|
|
520
|
+
{
|
|
521
|
+
"name": "type",
|
|
522
|
+
"type": {
|
|
523
|
+
"text": "TextfieldType"
|
|
524
|
+
},
|
|
525
|
+
"default": "'text'",
|
|
526
|
+
"fieldName": "_type"
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"name": "pattern",
|
|
530
|
+
"type": {
|
|
531
|
+
"text": "string | undefined"
|
|
532
|
+
},
|
|
533
|
+
"description": "Pattern the `value` must match to be valid",
|
|
534
|
+
"fieldName": "pattern"
|
|
535
|
+
},
|
|
536
|
+
{
|
|
537
|
+
"name": "grows",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "boolean"
|
|
540
|
+
},
|
|
541
|
+
"default": "false",
|
|
542
|
+
"description": "Whether a form control delivered with the `multiline` attribute will change size\nvertically to accomodate longer input",
|
|
543
|
+
"fieldName": "grows"
|
|
544
|
+
},
|
|
545
|
+
{
|
|
546
|
+
"name": "maxlength",
|
|
547
|
+
"type": {
|
|
548
|
+
"text": "number"
|
|
549
|
+
},
|
|
550
|
+
"default": "-1",
|
|
551
|
+
"description": "Defines the maximum string length that the user can enter",
|
|
552
|
+
"fieldName": "maxlength"
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
"name": "minlength",
|
|
556
|
+
"type": {
|
|
557
|
+
"text": "number"
|
|
558
|
+
},
|
|
559
|
+
"default": "-1",
|
|
560
|
+
"description": "Defines the minimum string length that the user can enter",
|
|
561
|
+
"fieldName": "minlength"
|
|
562
|
+
},
|
|
563
|
+
{
|
|
564
|
+
"name": "multiline",
|
|
565
|
+
"type": {
|
|
566
|
+
"text": "boolean"
|
|
567
|
+
},
|
|
568
|
+
"default": "false",
|
|
569
|
+
"description": "Whether the form control should accept a value longer than one line",
|
|
570
|
+
"fieldName": "multiline"
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"name": "readonly",
|
|
574
|
+
"type": {
|
|
575
|
+
"text": "boolean"
|
|
576
|
+
},
|
|
577
|
+
"default": "false",
|
|
578
|
+
"description": "Whether a user can interact with the value of the form control",
|
|
579
|
+
"fieldName": "readonly"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "rows",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "number"
|
|
585
|
+
},
|
|
586
|
+
"default": "-1",
|
|
587
|
+
"description": "The specific number of rows the form control should provide in the user interface",
|
|
588
|
+
"fieldName": "rows"
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
"name": "valid",
|
|
592
|
+
"type": {
|
|
593
|
+
"text": "boolean"
|
|
594
|
+
},
|
|
595
|
+
"default": "false",
|
|
596
|
+
"description": "Whether the `value` held by the form control is valid.",
|
|
597
|
+
"fieldName": "valid"
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"name": "value",
|
|
601
|
+
"description": "The value held by the form control",
|
|
602
|
+
"type": {
|
|
603
|
+
"text": "string | number"
|
|
604
|
+
},
|
|
605
|
+
"fieldName": "value"
|
|
606
|
+
},
|
|
607
|
+
{
|
|
608
|
+
"name": "quiet",
|
|
609
|
+
"type": {
|
|
610
|
+
"text": "boolean"
|
|
611
|
+
},
|
|
612
|
+
"default": "false",
|
|
613
|
+
"description": "Whether to display the form control with no visible background",
|
|
614
|
+
"fieldName": "quiet"
|
|
615
|
+
},
|
|
616
|
+
{
|
|
617
|
+
"name": "required",
|
|
618
|
+
"type": {
|
|
619
|
+
"text": "boolean"
|
|
620
|
+
},
|
|
621
|
+
"default": "false",
|
|
622
|
+
"description": "Whether the form control will be found to be invalid when it holds no `value`",
|
|
623
|
+
"fieldName": "required"
|
|
624
|
+
},
|
|
625
|
+
{
|
|
626
|
+
"name": "autocomplete",
|
|
627
|
+
"type": {
|
|
628
|
+
"text": "| 'list'\n | 'none'\n | HTMLInputElement['autocomplete']\n | HTMLTextAreaElement['autocomplete'] | undefined"
|
|
629
|
+
},
|
|
630
|
+
"description": "What form of assistance should be provided when attempting to supply a value to the form control",
|
|
631
|
+
"fieldName": "autocomplete"
|
|
632
|
+
}
|
|
633
|
+
],
|
|
634
|
+
"mixins": [
|
|
635
|
+
{
|
|
636
|
+
"name": "ManageHelpText",
|
|
637
|
+
"package": "@spectrum-web-components/help-text/src/manage-help-text.js"
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"name": "SizedMixin",
|
|
641
|
+
"package": "@spectrum-web-components/base"
|
|
642
|
+
}
|
|
643
|
+
],
|
|
644
|
+
"superclass": {
|
|
645
|
+
"name": "Focusable",
|
|
646
|
+
"package": "@spectrum-web-components/shared/src/focusable.js"
|
|
647
|
+
}
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"kind": "class",
|
|
651
|
+
"description": "",
|
|
652
|
+
"name": "Textfield",
|
|
653
|
+
"slots": [
|
|
654
|
+
{
|
|
655
|
+
"description": "default or non-negative help text to associate to your form element",
|
|
656
|
+
"name": "help-text"
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"description": "negative help text to associate to your form element when `invalid`",
|
|
660
|
+
"name": "negative-help-text"
|
|
661
|
+
}
|
|
662
|
+
],
|
|
663
|
+
"members": [
|
|
664
|
+
{
|
|
665
|
+
"kind": "field",
|
|
666
|
+
"name": "value",
|
|
667
|
+
"privacy": "public",
|
|
668
|
+
"description": "The value held by the form control",
|
|
669
|
+
"type": {
|
|
670
|
+
"text": "string | number"
|
|
671
|
+
},
|
|
672
|
+
"attribute": "value",
|
|
673
|
+
"inheritedFrom": {
|
|
674
|
+
"name": "TextfieldBase",
|
|
675
|
+
"module": "src/Textfield.js"
|
|
676
|
+
}
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"kind": "field",
|
|
680
|
+
"name": "_value",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "string | number"
|
|
683
|
+
},
|
|
684
|
+
"privacy": "protected",
|
|
685
|
+
"default": "''",
|
|
686
|
+
"inheritedFrom": {
|
|
687
|
+
"name": "TextfieldBase",
|
|
688
|
+
"module": "src/Textfield.js"
|
|
689
|
+
}
|
|
690
|
+
},
|
|
691
|
+
{
|
|
692
|
+
"kind": "field",
|
|
693
|
+
"name": "appliedLabel",
|
|
694
|
+
"type": {
|
|
695
|
+
"text": "string | undefined"
|
|
696
|
+
},
|
|
697
|
+
"privacy": "protected",
|
|
698
|
+
"inheritedFrom": {
|
|
699
|
+
"name": "TextfieldBase",
|
|
700
|
+
"module": "src/Textfield.js"
|
|
701
|
+
}
|
|
702
|
+
},
|
|
703
|
+
{
|
|
704
|
+
"kind": "field",
|
|
705
|
+
"name": "allowedKeys",
|
|
706
|
+
"type": {
|
|
707
|
+
"text": "string"
|
|
708
|
+
},
|
|
709
|
+
"default": "''",
|
|
710
|
+
"description": "A regular expression outlining the keys that will be allowed to update the value of the form control.",
|
|
711
|
+
"attribute": "allowed-keys",
|
|
712
|
+
"inheritedFrom": {
|
|
713
|
+
"name": "TextfieldBase",
|
|
714
|
+
"module": "src/Textfield.js"
|
|
715
|
+
}
|
|
716
|
+
},
|
|
717
|
+
{
|
|
718
|
+
"kind": "field",
|
|
719
|
+
"name": "focused",
|
|
720
|
+
"type": {
|
|
721
|
+
"text": "boolean"
|
|
722
|
+
},
|
|
723
|
+
"privacy": "private",
|
|
724
|
+
"default": "false",
|
|
725
|
+
"attribute": "focused",
|
|
726
|
+
"reflects": true,
|
|
727
|
+
"inheritedFrom": {
|
|
728
|
+
"name": "TextfieldBase",
|
|
729
|
+
"module": "src/Textfield.js"
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"kind": "field",
|
|
734
|
+
"name": "inputElement",
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "HTMLInputElement | HTMLTextAreaElement"
|
|
737
|
+
},
|
|
738
|
+
"privacy": "protected",
|
|
739
|
+
"inheritedFrom": {
|
|
740
|
+
"name": "TextfieldBase",
|
|
741
|
+
"module": "src/Textfield.js"
|
|
742
|
+
}
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"kind": "field",
|
|
746
|
+
"name": "invalid",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "boolean"
|
|
749
|
+
},
|
|
750
|
+
"privacy": "public",
|
|
751
|
+
"default": "false",
|
|
752
|
+
"description": "Whether the `value` held by the form control is invalid.",
|
|
753
|
+
"attribute": "invalid",
|
|
754
|
+
"reflects": true,
|
|
755
|
+
"inheritedFrom": {
|
|
756
|
+
"name": "TextfieldBase",
|
|
757
|
+
"module": "src/Textfield.js"
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "field",
|
|
762
|
+
"name": "label",
|
|
763
|
+
"type": {
|
|
764
|
+
"text": "string"
|
|
765
|
+
},
|
|
766
|
+
"privacy": "public",
|
|
767
|
+
"default": "''",
|
|
768
|
+
"description": "A string applied via `aria-label` to the form control when a user visible label is not provided.",
|
|
769
|
+
"attribute": "label",
|
|
770
|
+
"inheritedFrom": {
|
|
771
|
+
"name": "TextfieldBase",
|
|
772
|
+
"module": "src/Textfield.js"
|
|
773
|
+
}
|
|
774
|
+
},
|
|
775
|
+
{
|
|
776
|
+
"kind": "field",
|
|
777
|
+
"name": "name",
|
|
778
|
+
"type": {
|
|
779
|
+
"text": "string | undefined"
|
|
780
|
+
},
|
|
781
|
+
"privacy": "public",
|
|
782
|
+
"description": "Name of the form control.",
|
|
783
|
+
"attribute": "name",
|
|
784
|
+
"reflects": true,
|
|
785
|
+
"inheritedFrom": {
|
|
786
|
+
"name": "TextfieldBase",
|
|
787
|
+
"module": "src/Textfield.js"
|
|
788
|
+
}
|
|
789
|
+
},
|
|
790
|
+
{
|
|
791
|
+
"kind": "field",
|
|
792
|
+
"name": "placeholder",
|
|
793
|
+
"type": {
|
|
794
|
+
"text": "string"
|
|
795
|
+
},
|
|
796
|
+
"privacy": "public",
|
|
797
|
+
"default": "''",
|
|
798
|
+
"description": "Text that appears in the form control when it has no value set",
|
|
799
|
+
"attribute": "placeholder",
|
|
800
|
+
"inheritedFrom": {
|
|
801
|
+
"name": "TextfieldBase",
|
|
802
|
+
"module": "src/Textfield.js"
|
|
803
|
+
}
|
|
804
|
+
},
|
|
805
|
+
{
|
|
806
|
+
"kind": "field",
|
|
807
|
+
"name": "type",
|
|
808
|
+
"type": {
|
|
809
|
+
"text": "TextfieldType"
|
|
810
|
+
},
|
|
811
|
+
"inheritedFrom": {
|
|
812
|
+
"name": "TextfieldBase",
|
|
813
|
+
"module": "src/Textfield.js"
|
|
814
|
+
}
|
|
815
|
+
},
|
|
816
|
+
{
|
|
817
|
+
"kind": "field",
|
|
818
|
+
"name": "_type",
|
|
819
|
+
"type": {
|
|
820
|
+
"text": "TextfieldType"
|
|
821
|
+
},
|
|
822
|
+
"privacy": "private",
|
|
823
|
+
"default": "'text'",
|
|
824
|
+
"attribute": "type",
|
|
825
|
+
"reflects": true,
|
|
826
|
+
"inheritedFrom": {
|
|
827
|
+
"name": "TextfieldBase",
|
|
828
|
+
"module": "src/Textfield.js"
|
|
829
|
+
}
|
|
830
|
+
},
|
|
831
|
+
{
|
|
832
|
+
"kind": "field",
|
|
833
|
+
"name": "pattern",
|
|
834
|
+
"type": {
|
|
835
|
+
"text": "string | undefined"
|
|
836
|
+
},
|
|
837
|
+
"privacy": "public",
|
|
838
|
+
"description": "Pattern the `value` must match to be valid",
|
|
839
|
+
"attribute": "pattern",
|
|
840
|
+
"inheritedFrom": {
|
|
841
|
+
"name": "TextfieldBase",
|
|
842
|
+
"module": "src/Textfield.js"
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"kind": "field",
|
|
847
|
+
"name": "grows",
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "boolean"
|
|
850
|
+
},
|
|
851
|
+
"privacy": "public",
|
|
852
|
+
"default": "false",
|
|
853
|
+
"description": "Whether a form control delivered with the `multiline` attribute will change size\nvertically to accomodate longer input",
|
|
854
|
+
"attribute": "grows",
|
|
855
|
+
"reflects": true,
|
|
856
|
+
"inheritedFrom": {
|
|
857
|
+
"name": "TextfieldBase",
|
|
858
|
+
"module": "src/Textfield.js"
|
|
859
|
+
}
|
|
860
|
+
},
|
|
861
|
+
{
|
|
862
|
+
"kind": "field",
|
|
863
|
+
"name": "maxlength",
|
|
864
|
+
"type": {
|
|
865
|
+
"text": "number"
|
|
866
|
+
},
|
|
867
|
+
"privacy": "public",
|
|
868
|
+
"default": "-1",
|
|
869
|
+
"description": "Defines the maximum string length that the user can enter",
|
|
870
|
+
"attribute": "maxlength",
|
|
871
|
+
"inheritedFrom": {
|
|
872
|
+
"name": "TextfieldBase",
|
|
873
|
+
"module": "src/Textfield.js"
|
|
874
|
+
}
|
|
875
|
+
},
|
|
876
|
+
{
|
|
877
|
+
"kind": "field",
|
|
878
|
+
"name": "minlength",
|
|
879
|
+
"type": {
|
|
880
|
+
"text": "number"
|
|
881
|
+
},
|
|
882
|
+
"privacy": "public",
|
|
883
|
+
"default": "-1",
|
|
884
|
+
"description": "Defines the minimum string length that the user can enter",
|
|
885
|
+
"attribute": "minlength",
|
|
886
|
+
"inheritedFrom": {
|
|
887
|
+
"name": "TextfieldBase",
|
|
888
|
+
"module": "src/Textfield.js"
|
|
889
|
+
}
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"kind": "field",
|
|
893
|
+
"name": "multiline",
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "boolean"
|
|
896
|
+
},
|
|
897
|
+
"privacy": "public",
|
|
898
|
+
"default": "false",
|
|
899
|
+
"description": "Whether the form control should accept a value longer than one line",
|
|
900
|
+
"attribute": "multiline",
|
|
901
|
+
"reflects": true,
|
|
902
|
+
"inheritedFrom": {
|
|
903
|
+
"name": "TextfieldBase",
|
|
904
|
+
"module": "src/Textfield.js"
|
|
905
|
+
}
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"kind": "field",
|
|
909
|
+
"name": "readonly",
|
|
910
|
+
"type": {
|
|
911
|
+
"text": "boolean"
|
|
912
|
+
},
|
|
913
|
+
"privacy": "public",
|
|
914
|
+
"default": "false",
|
|
915
|
+
"description": "Whether a user can interact with the value of the form control",
|
|
916
|
+
"attribute": "readonly",
|
|
917
|
+
"reflects": true,
|
|
918
|
+
"inheritedFrom": {
|
|
919
|
+
"name": "TextfieldBase",
|
|
920
|
+
"module": "src/Textfield.js"
|
|
921
|
+
}
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "rows",
|
|
926
|
+
"type": {
|
|
927
|
+
"text": "number"
|
|
928
|
+
},
|
|
929
|
+
"privacy": "public",
|
|
930
|
+
"default": "-1",
|
|
931
|
+
"description": "The specific number of rows the form control should provide in the user interface",
|
|
932
|
+
"attribute": "rows",
|
|
933
|
+
"inheritedFrom": {
|
|
934
|
+
"name": "TextfieldBase",
|
|
935
|
+
"module": "src/Textfield.js"
|
|
936
|
+
}
|
|
937
|
+
},
|
|
938
|
+
{
|
|
939
|
+
"kind": "field",
|
|
940
|
+
"name": "valid",
|
|
941
|
+
"type": {
|
|
942
|
+
"text": "boolean"
|
|
943
|
+
},
|
|
944
|
+
"privacy": "public",
|
|
945
|
+
"default": "false",
|
|
946
|
+
"description": "Whether the `value` held by the form control is valid.",
|
|
947
|
+
"attribute": "valid",
|
|
948
|
+
"reflects": true,
|
|
949
|
+
"inheritedFrom": {
|
|
950
|
+
"name": "TextfieldBase",
|
|
951
|
+
"module": "src/Textfield.js"
|
|
952
|
+
}
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"kind": "field",
|
|
956
|
+
"name": "quiet",
|
|
957
|
+
"type": {
|
|
958
|
+
"text": "boolean"
|
|
959
|
+
},
|
|
960
|
+
"privacy": "public",
|
|
961
|
+
"default": "false",
|
|
962
|
+
"description": "Whether to display the form control with no visible background",
|
|
963
|
+
"attribute": "quiet",
|
|
964
|
+
"reflects": true,
|
|
965
|
+
"inheritedFrom": {
|
|
966
|
+
"name": "TextfieldBase",
|
|
967
|
+
"module": "src/Textfield.js"
|
|
968
|
+
}
|
|
969
|
+
},
|
|
970
|
+
{
|
|
971
|
+
"kind": "field",
|
|
972
|
+
"name": "required",
|
|
973
|
+
"type": {
|
|
974
|
+
"text": "boolean"
|
|
975
|
+
},
|
|
976
|
+
"privacy": "public",
|
|
977
|
+
"default": "false",
|
|
978
|
+
"description": "Whether the form control will be found to be invalid when it holds no `value`",
|
|
979
|
+
"attribute": "required",
|
|
980
|
+
"reflects": true,
|
|
981
|
+
"inheritedFrom": {
|
|
982
|
+
"name": "TextfieldBase",
|
|
983
|
+
"module": "src/Textfield.js"
|
|
984
|
+
}
|
|
985
|
+
},
|
|
986
|
+
{
|
|
987
|
+
"kind": "field",
|
|
988
|
+
"name": "autocomplete",
|
|
989
|
+
"type": {
|
|
990
|
+
"text": "| 'list'\n | 'none'\n | HTMLInputElement['autocomplete']\n | HTMLTextAreaElement['autocomplete'] | undefined"
|
|
991
|
+
},
|
|
992
|
+
"privacy": "public",
|
|
993
|
+
"description": "What form of assistance should be provided when attempting to supply a value to the form control",
|
|
994
|
+
"attribute": "autocomplete",
|
|
995
|
+
"reflects": true,
|
|
996
|
+
"inheritedFrom": {
|
|
997
|
+
"name": "TextfieldBase",
|
|
998
|
+
"module": "src/Textfield.js"
|
|
999
|
+
}
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"kind": "field",
|
|
1003
|
+
"name": "focusElement",
|
|
1004
|
+
"type": {
|
|
1005
|
+
"text": "HTMLInputElement | HTMLTextAreaElement"
|
|
1006
|
+
},
|
|
1007
|
+
"privacy": "public",
|
|
1008
|
+
"readonly": true,
|
|
1009
|
+
"inheritedFrom": {
|
|
1010
|
+
"name": "TextfieldBase",
|
|
1011
|
+
"module": "src/Textfield.js"
|
|
1012
|
+
}
|
|
1013
|
+
},
|
|
1014
|
+
{
|
|
1015
|
+
"kind": "method",
|
|
1016
|
+
"name": "setSelectionRange",
|
|
1017
|
+
"privacy": "public",
|
|
1018
|
+
"return": {
|
|
1019
|
+
"type": {
|
|
1020
|
+
"text": "void"
|
|
1021
|
+
}
|
|
1022
|
+
},
|
|
1023
|
+
"parameters": [
|
|
1024
|
+
{
|
|
1025
|
+
"name": "selectionStart",
|
|
1026
|
+
"type": {
|
|
1027
|
+
"text": "number"
|
|
1028
|
+
},
|
|
1029
|
+
"description": "The 0-based index of the first selected character. An index greater than the length of the\nelement's value is treated as pointing to the end of the value."
|
|
1030
|
+
},
|
|
1031
|
+
{
|
|
1032
|
+
"name": "selectionEnd",
|
|
1033
|
+
"type": {
|
|
1034
|
+
"text": "number"
|
|
1035
|
+
},
|
|
1036
|
+
"description": "The 0-based index of the character after the last selected character. An index greater than\nthe length of the element's value is treated as pointing to the end of the value."
|
|
1037
|
+
},
|
|
1038
|
+
{
|
|
1039
|
+
"name": "selectionDirection",
|
|
1040
|
+
"default": "'none'",
|
|
1041
|
+
"type": {
|
|
1042
|
+
"text": "'forward' | 'backward' | 'none'"
|
|
1043
|
+
},
|
|
1044
|
+
"description": "A string indicating the direction in which the selection is considered to\nhave been performed.",
|
|
1045
|
+
"optional": true
|
|
1046
|
+
}
|
|
1047
|
+
],
|
|
1048
|
+
"description": "Sets the start and end positions of the current selection.",
|
|
1049
|
+
"inheritedFrom": {
|
|
1050
|
+
"name": "TextfieldBase",
|
|
1051
|
+
"module": "src/Textfield.js"
|
|
1052
|
+
}
|
|
1053
|
+
},
|
|
1054
|
+
{
|
|
1055
|
+
"kind": "method",
|
|
1056
|
+
"name": "select",
|
|
1057
|
+
"privacy": "public",
|
|
1058
|
+
"return": {
|
|
1059
|
+
"type": {
|
|
1060
|
+
"text": "void"
|
|
1061
|
+
}
|
|
1062
|
+
},
|
|
1063
|
+
"description": "Selects all the text.",
|
|
1064
|
+
"inheritedFrom": {
|
|
1065
|
+
"name": "TextfieldBase",
|
|
1066
|
+
"module": "src/Textfield.js"
|
|
1067
|
+
}
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"kind": "method",
|
|
1071
|
+
"name": "handleInput",
|
|
1072
|
+
"privacy": "protected",
|
|
1073
|
+
"return": {
|
|
1074
|
+
"type": {
|
|
1075
|
+
"text": "void"
|
|
1076
|
+
}
|
|
1077
|
+
},
|
|
1078
|
+
"parameters": [
|
|
1079
|
+
{
|
|
1080
|
+
"name": "_event",
|
|
1081
|
+
"type": {
|
|
1082
|
+
"text": "Event"
|
|
1083
|
+
}
|
|
1084
|
+
}
|
|
1085
|
+
],
|
|
1086
|
+
"inheritedFrom": {
|
|
1087
|
+
"name": "TextfieldBase",
|
|
1088
|
+
"module": "src/Textfield.js"
|
|
1089
|
+
}
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"kind": "method",
|
|
1093
|
+
"name": "handleChange",
|
|
1094
|
+
"privacy": "protected",
|
|
1095
|
+
"return": {
|
|
1096
|
+
"type": {
|
|
1097
|
+
"text": "void"
|
|
1098
|
+
}
|
|
1099
|
+
},
|
|
1100
|
+
"inheritedFrom": {
|
|
1101
|
+
"name": "TextfieldBase",
|
|
1102
|
+
"module": "src/Textfield.js"
|
|
1103
|
+
}
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"kind": "method",
|
|
1107
|
+
"name": "onFocus",
|
|
1108
|
+
"privacy": "protected",
|
|
1109
|
+
"return": {
|
|
1110
|
+
"type": {
|
|
1111
|
+
"text": "void"
|
|
1112
|
+
}
|
|
1113
|
+
},
|
|
1114
|
+
"inheritedFrom": {
|
|
1115
|
+
"name": "TextfieldBase",
|
|
1116
|
+
"module": "src/Textfield.js"
|
|
1117
|
+
}
|
|
1118
|
+
},
|
|
1119
|
+
{
|
|
1120
|
+
"kind": "method",
|
|
1121
|
+
"name": "onBlur",
|
|
1122
|
+
"privacy": "protected",
|
|
1123
|
+
"return": {
|
|
1124
|
+
"type": {
|
|
1125
|
+
"text": "void"
|
|
1126
|
+
}
|
|
1127
|
+
},
|
|
1128
|
+
"parameters": [
|
|
1129
|
+
{
|
|
1130
|
+
"name": "_event",
|
|
1131
|
+
"type": {
|
|
1132
|
+
"text": "FocusEvent"
|
|
1133
|
+
}
|
|
1134
|
+
}
|
|
1135
|
+
],
|
|
1136
|
+
"inheritedFrom": {
|
|
1137
|
+
"name": "TextfieldBase",
|
|
1138
|
+
"module": "src/Textfield.js"
|
|
1139
|
+
}
|
|
1140
|
+
},
|
|
1141
|
+
{
|
|
1142
|
+
"kind": "method",
|
|
1143
|
+
"name": "handleInputElementPointerdown",
|
|
1144
|
+
"privacy": "protected",
|
|
1145
|
+
"return": {
|
|
1146
|
+
"type": {
|
|
1147
|
+
"text": "void"
|
|
1148
|
+
}
|
|
1149
|
+
},
|
|
1150
|
+
"inheritedFrom": {
|
|
1151
|
+
"name": "TextfieldBase",
|
|
1152
|
+
"module": "src/Textfield.js"
|
|
1153
|
+
}
|
|
1154
|
+
},
|
|
1155
|
+
{
|
|
1156
|
+
"kind": "method",
|
|
1157
|
+
"name": "renderStateIcons",
|
|
1158
|
+
"privacy": "protected",
|
|
1159
|
+
"return": {
|
|
1160
|
+
"type": {
|
|
1161
|
+
"text": "TemplateResult | typeof nothing"
|
|
1162
|
+
}
|
|
1163
|
+
},
|
|
1164
|
+
"inheritedFrom": {
|
|
1165
|
+
"name": "TextfieldBase",
|
|
1166
|
+
"module": "src/Textfield.js"
|
|
1167
|
+
}
|
|
1168
|
+
},
|
|
1169
|
+
{
|
|
1170
|
+
"kind": "field",
|
|
1171
|
+
"name": "displayValue",
|
|
1172
|
+
"type": {
|
|
1173
|
+
"text": "string"
|
|
1174
|
+
},
|
|
1175
|
+
"privacy": "protected",
|
|
1176
|
+
"readonly": true,
|
|
1177
|
+
"inheritedFrom": {
|
|
1178
|
+
"name": "TextfieldBase",
|
|
1179
|
+
"module": "src/Textfield.js"
|
|
1180
|
+
}
|
|
1181
|
+
},
|
|
1182
|
+
{
|
|
1183
|
+
"kind": "field",
|
|
1184
|
+
"name": "renderMultiline",
|
|
1185
|
+
"type": {
|
|
1186
|
+
"text": "TemplateResult"
|
|
1187
|
+
},
|
|
1188
|
+
"privacy": "private",
|
|
1189
|
+
"readonly": true,
|
|
1190
|
+
"inheritedFrom": {
|
|
1191
|
+
"name": "TextfieldBase",
|
|
1192
|
+
"module": "src/Textfield.js"
|
|
1193
|
+
}
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"kind": "field",
|
|
1197
|
+
"name": "renderInput",
|
|
1198
|
+
"type": {
|
|
1199
|
+
"text": "TemplateResult"
|
|
1200
|
+
},
|
|
1201
|
+
"privacy": "private",
|
|
1202
|
+
"readonly": true,
|
|
1203
|
+
"inheritedFrom": {
|
|
1204
|
+
"name": "TextfieldBase",
|
|
1205
|
+
"module": "src/Textfield.js"
|
|
1206
|
+
}
|
|
1207
|
+
},
|
|
1208
|
+
{
|
|
1209
|
+
"kind": "method",
|
|
1210
|
+
"name": "renderField",
|
|
1211
|
+
"privacy": "protected",
|
|
1212
|
+
"return": {
|
|
1213
|
+
"type": {
|
|
1214
|
+
"text": "TemplateResult"
|
|
1215
|
+
}
|
|
1216
|
+
},
|
|
1217
|
+
"inheritedFrom": {
|
|
1218
|
+
"name": "TextfieldBase",
|
|
1219
|
+
"module": "src/Textfield.js"
|
|
1220
|
+
}
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"kind": "method",
|
|
1224
|
+
"name": "checkValidity",
|
|
1225
|
+
"privacy": "public",
|
|
1226
|
+
"return": {
|
|
1227
|
+
"type": {
|
|
1228
|
+
"text": "boolean"
|
|
1229
|
+
}
|
|
1230
|
+
},
|
|
1231
|
+
"inheritedFrom": {
|
|
1232
|
+
"name": "TextfieldBase",
|
|
1233
|
+
"module": "src/Textfield.js"
|
|
1234
|
+
}
|
|
1235
|
+
}
|
|
1236
|
+
],
|
|
1237
|
+
"attributes": [
|
|
1238
|
+
{
|
|
1239
|
+
"name": "value",
|
|
1240
|
+
"description": "The value held by the form control",
|
|
1241
|
+
"type": {
|
|
1242
|
+
"text": "string | number"
|
|
1243
|
+
},
|
|
1244
|
+
"fieldName": "value",
|
|
1245
|
+
"inheritedFrom": {
|
|
1246
|
+
"name": "TextfieldBase",
|
|
1247
|
+
"module": "src/Textfield.ts"
|
|
1248
|
+
}
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "allowed-keys",
|
|
1252
|
+
"type": {
|
|
1253
|
+
"text": "string"
|
|
1254
|
+
},
|
|
1255
|
+
"default": "''",
|
|
1256
|
+
"description": "A regular expression outlining the keys that will be allowed to update the value of the form control.",
|
|
1257
|
+
"fieldName": "allowedKeys",
|
|
1258
|
+
"inheritedFrom": {
|
|
1259
|
+
"name": "TextfieldBase",
|
|
1260
|
+
"module": "src/Textfield.ts"
|
|
1261
|
+
}
|
|
1262
|
+
},
|
|
1263
|
+
{
|
|
1264
|
+
"name": "focused",
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "boolean"
|
|
1267
|
+
},
|
|
1268
|
+
"default": "false",
|
|
1269
|
+
"fieldName": "focused",
|
|
1270
|
+
"inheritedFrom": {
|
|
1271
|
+
"name": "TextfieldBase",
|
|
1272
|
+
"module": "src/Textfield.ts"
|
|
1273
|
+
}
|
|
1274
|
+
},
|
|
1275
|
+
{
|
|
1276
|
+
"name": "invalid",
|
|
1277
|
+
"type": {
|
|
1278
|
+
"text": "boolean"
|
|
1279
|
+
},
|
|
1280
|
+
"default": "false",
|
|
1281
|
+
"description": "Whether the `value` held by the form control is invalid.",
|
|
1282
|
+
"fieldName": "invalid",
|
|
1283
|
+
"inheritedFrom": {
|
|
1284
|
+
"name": "TextfieldBase",
|
|
1285
|
+
"module": "src/Textfield.ts"
|
|
1286
|
+
}
|
|
1287
|
+
},
|
|
1288
|
+
{
|
|
1289
|
+
"name": "label",
|
|
1290
|
+
"type": {
|
|
1291
|
+
"text": "string"
|
|
1292
|
+
},
|
|
1293
|
+
"default": "''",
|
|
1294
|
+
"description": "A string applied via `aria-label` to the form control when a user visible label is not provided.",
|
|
1295
|
+
"fieldName": "label",
|
|
1296
|
+
"inheritedFrom": {
|
|
1297
|
+
"name": "TextfieldBase",
|
|
1298
|
+
"module": "src/Textfield.ts"
|
|
1299
|
+
}
|
|
1300
|
+
},
|
|
1301
|
+
{
|
|
1302
|
+
"name": "name",
|
|
1303
|
+
"type": {
|
|
1304
|
+
"text": "string | undefined"
|
|
1305
|
+
},
|
|
1306
|
+
"description": "Name of the form control.",
|
|
1307
|
+
"fieldName": "name",
|
|
1308
|
+
"inheritedFrom": {
|
|
1309
|
+
"name": "TextfieldBase",
|
|
1310
|
+
"module": "src/Textfield.ts"
|
|
1311
|
+
}
|
|
1312
|
+
},
|
|
1313
|
+
{
|
|
1314
|
+
"name": "placeholder",
|
|
1315
|
+
"type": {
|
|
1316
|
+
"text": "string"
|
|
1317
|
+
},
|
|
1318
|
+
"default": "''",
|
|
1319
|
+
"description": "Text that appears in the form control when it has no value set",
|
|
1320
|
+
"fieldName": "placeholder",
|
|
1321
|
+
"inheritedFrom": {
|
|
1322
|
+
"name": "TextfieldBase",
|
|
1323
|
+
"module": "src/Textfield.ts"
|
|
1324
|
+
}
|
|
1325
|
+
},
|
|
1326
|
+
{
|
|
1327
|
+
"name": "type",
|
|
1328
|
+
"type": {
|
|
1329
|
+
"text": "TextfieldType"
|
|
1330
|
+
},
|
|
1331
|
+
"default": "'text'",
|
|
1332
|
+
"fieldName": "_type",
|
|
1333
|
+
"inheritedFrom": {
|
|
1334
|
+
"name": "TextfieldBase",
|
|
1335
|
+
"module": "src/Textfield.ts"
|
|
1336
|
+
}
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"name": "pattern",
|
|
1340
|
+
"type": {
|
|
1341
|
+
"text": "string | undefined"
|
|
1342
|
+
},
|
|
1343
|
+
"description": "Pattern the `value` must match to be valid",
|
|
1344
|
+
"fieldName": "pattern",
|
|
1345
|
+
"inheritedFrom": {
|
|
1346
|
+
"name": "TextfieldBase",
|
|
1347
|
+
"module": "src/Textfield.ts"
|
|
1348
|
+
}
|
|
1349
|
+
},
|
|
1350
|
+
{
|
|
1351
|
+
"name": "grows",
|
|
1352
|
+
"type": {
|
|
1353
|
+
"text": "boolean"
|
|
1354
|
+
},
|
|
1355
|
+
"default": "false",
|
|
1356
|
+
"description": "Whether a form control delivered with the `multiline` attribute will change size\nvertically to accomodate longer input",
|
|
1357
|
+
"fieldName": "grows",
|
|
1358
|
+
"inheritedFrom": {
|
|
1359
|
+
"name": "TextfieldBase",
|
|
1360
|
+
"module": "src/Textfield.ts"
|
|
1361
|
+
}
|
|
1362
|
+
},
|
|
1363
|
+
{
|
|
1364
|
+
"name": "maxlength",
|
|
1365
|
+
"type": {
|
|
1366
|
+
"text": "number"
|
|
1367
|
+
},
|
|
1368
|
+
"default": "-1",
|
|
1369
|
+
"description": "Defines the maximum string length that the user can enter",
|
|
1370
|
+
"fieldName": "maxlength",
|
|
1371
|
+
"inheritedFrom": {
|
|
1372
|
+
"name": "TextfieldBase",
|
|
1373
|
+
"module": "src/Textfield.ts"
|
|
1374
|
+
}
|
|
1375
|
+
},
|
|
1376
|
+
{
|
|
1377
|
+
"name": "minlength",
|
|
1378
|
+
"type": {
|
|
1379
|
+
"text": "number"
|
|
1380
|
+
},
|
|
1381
|
+
"default": "-1",
|
|
1382
|
+
"description": "Defines the minimum string length that the user can enter",
|
|
1383
|
+
"fieldName": "minlength",
|
|
1384
|
+
"inheritedFrom": {
|
|
1385
|
+
"name": "TextfieldBase",
|
|
1386
|
+
"module": "src/Textfield.ts"
|
|
1387
|
+
}
|
|
1388
|
+
},
|
|
1389
|
+
{
|
|
1390
|
+
"name": "multiline",
|
|
1391
|
+
"type": {
|
|
1392
|
+
"text": "boolean"
|
|
1393
|
+
},
|
|
1394
|
+
"default": "false",
|
|
1395
|
+
"description": "Whether the form control should accept a value longer than one line",
|
|
1396
|
+
"fieldName": "multiline",
|
|
1397
|
+
"inheritedFrom": {
|
|
1398
|
+
"name": "TextfieldBase",
|
|
1399
|
+
"module": "src/Textfield.ts"
|
|
1400
|
+
}
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
"name": "readonly",
|
|
1404
|
+
"type": {
|
|
1405
|
+
"text": "boolean"
|
|
1406
|
+
},
|
|
1407
|
+
"default": "false",
|
|
1408
|
+
"description": "Whether a user can interact with the value of the form control",
|
|
1409
|
+
"fieldName": "readonly",
|
|
1410
|
+
"inheritedFrom": {
|
|
1411
|
+
"name": "TextfieldBase",
|
|
1412
|
+
"module": "src/Textfield.ts"
|
|
1413
|
+
}
|
|
1414
|
+
},
|
|
1415
|
+
{
|
|
1416
|
+
"name": "rows",
|
|
1417
|
+
"type": {
|
|
1418
|
+
"text": "number"
|
|
1419
|
+
},
|
|
1420
|
+
"default": "-1",
|
|
1421
|
+
"description": "The specific number of rows the form control should provide in the user interface",
|
|
1422
|
+
"fieldName": "rows",
|
|
1423
|
+
"inheritedFrom": {
|
|
1424
|
+
"name": "TextfieldBase",
|
|
1425
|
+
"module": "src/Textfield.ts"
|
|
1426
|
+
}
|
|
1427
|
+
},
|
|
1428
|
+
{
|
|
1429
|
+
"name": "valid",
|
|
1430
|
+
"type": {
|
|
1431
|
+
"text": "boolean"
|
|
1432
|
+
},
|
|
1433
|
+
"default": "false",
|
|
1434
|
+
"description": "Whether the `value` held by the form control is valid.",
|
|
1435
|
+
"fieldName": "valid",
|
|
1436
|
+
"inheritedFrom": {
|
|
1437
|
+
"name": "TextfieldBase",
|
|
1438
|
+
"module": "src/Textfield.ts"
|
|
1439
|
+
}
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "quiet",
|
|
1443
|
+
"type": {
|
|
1444
|
+
"text": "boolean"
|
|
1445
|
+
},
|
|
1446
|
+
"default": "false",
|
|
1447
|
+
"description": "Whether to display the form control with no visible background",
|
|
1448
|
+
"fieldName": "quiet",
|
|
1449
|
+
"inheritedFrom": {
|
|
1450
|
+
"name": "TextfieldBase",
|
|
1451
|
+
"module": "src/Textfield.ts"
|
|
1452
|
+
}
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"name": "required",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "boolean"
|
|
1458
|
+
},
|
|
1459
|
+
"default": "false",
|
|
1460
|
+
"description": "Whether the form control will be found to be invalid when it holds no `value`",
|
|
1461
|
+
"fieldName": "required",
|
|
1462
|
+
"inheritedFrom": {
|
|
1463
|
+
"name": "TextfieldBase",
|
|
1464
|
+
"module": "src/Textfield.ts"
|
|
1465
|
+
}
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "autocomplete",
|
|
1469
|
+
"type": {
|
|
1470
|
+
"text": "| 'list'\n | 'none'\n | HTMLInputElement['autocomplete']\n | HTMLTextAreaElement['autocomplete'] | undefined"
|
|
1471
|
+
},
|
|
1472
|
+
"description": "What form of assistance should be provided when attempting to supply a value to the form control",
|
|
1473
|
+
"fieldName": "autocomplete",
|
|
1474
|
+
"inheritedFrom": {
|
|
1475
|
+
"name": "TextfieldBase",
|
|
1476
|
+
"module": "src/Textfield.ts"
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
],
|
|
1480
|
+
"superclass": {
|
|
1481
|
+
"name": "TextfieldBase",
|
|
1482
|
+
"module": "src/Textfield.ts"
|
|
1483
|
+
},
|
|
1484
|
+
"tagName": "sp-textfield",
|
|
1485
|
+
"customElement": true,
|
|
1486
|
+
"events": [
|
|
1487
|
+
{
|
|
1488
|
+
"name": "change",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "Event"
|
|
1491
|
+
},
|
|
1492
|
+
"description": "An alteration to the value of the element has been committed by the user.",
|
|
1493
|
+
"inheritedFrom": {
|
|
1494
|
+
"name": "TextfieldBase",
|
|
1495
|
+
"module": "src/Textfield.ts"
|
|
1496
|
+
}
|
|
1497
|
+
},
|
|
1498
|
+
{
|
|
1499
|
+
"description": "The value of the element has changed.",
|
|
1500
|
+
"name": "input",
|
|
1501
|
+
"inheritedFrom": {
|
|
1502
|
+
"name": "TextfieldBase",
|
|
1503
|
+
"module": "src/Textfield.ts"
|
|
1504
|
+
}
|
|
1505
|
+
}
|
|
1506
|
+
]
|
|
1507
|
+
}
|
|
1508
|
+
],
|
|
1509
|
+
"exports": [
|
|
1510
|
+
{
|
|
1511
|
+
"kind": "js",
|
|
1512
|
+
"name": "TextfieldBase",
|
|
1513
|
+
"declaration": {
|
|
1514
|
+
"name": "TextfieldBase",
|
|
1515
|
+
"module": "src/Textfield.js"
|
|
1516
|
+
}
|
|
1517
|
+
},
|
|
1518
|
+
{
|
|
1519
|
+
"kind": "js",
|
|
1520
|
+
"name": "Textfield",
|
|
1521
|
+
"declaration": {
|
|
1522
|
+
"name": "Textfield",
|
|
1523
|
+
"module": "src/Textfield.js"
|
|
1524
|
+
}
|
|
1525
|
+
}
|
|
1526
|
+
]
|
|
1527
|
+
}
|
|
1528
|
+
]
|
|
1529
|
+
}
|