@proximus/lavender-autocomplete 2.0.0-alpha.196 → 2.0.0-alpha.198
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.
|
@@ -0,0 +1,469 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/Autocomplete.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "",
|
|
12
|
+
"name": "Autocomplete",
|
|
13
|
+
"slots": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Slot for the input label.",
|
|
16
|
+
"name": "label"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"description": "Slot for helper text shown next to the label.",
|
|
20
|
+
"name": "helper"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"description": "Slot for the validation/status message (use `role=\"alert\"` for errors, `role=\"status\"` for success).",
|
|
24
|
+
"name": "status-text"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"description": "Slot for dropdown content items such as `px-autocomplete-header` and `px-autocomplete-option`.",
|
|
28
|
+
"name": "dropdown-content"
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
"members": [
|
|
32
|
+
{
|
|
33
|
+
"kind": "field",
|
|
34
|
+
"name": "formAssociated",
|
|
35
|
+
"type": {
|
|
36
|
+
"text": "boolean"
|
|
37
|
+
},
|
|
38
|
+
"static": true,
|
|
39
|
+
"default": "true"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"kind": "field",
|
|
43
|
+
"name": "internals",
|
|
44
|
+
"type": {
|
|
45
|
+
"text": "ElementInternals"
|
|
46
|
+
},
|
|
47
|
+
"privacy": "private"
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"kind": "field",
|
|
51
|
+
"name": "#controlId",
|
|
52
|
+
"privacy": "private"
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
"kind": "field",
|
|
56
|
+
"name": "template"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"kind": "field",
|
|
60
|
+
"name": "#onClick",
|
|
61
|
+
"privacy": "private"
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
"kind": "field",
|
|
65
|
+
"name": "#onKeyDown",
|
|
66
|
+
"privacy": "private"
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"kind": "field",
|
|
70
|
+
"name": "#options",
|
|
71
|
+
"privacy": "private",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "HTMLElement[]"
|
|
74
|
+
},
|
|
75
|
+
"readonly": true
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"kind": "field",
|
|
79
|
+
"name": "#allOptions",
|
|
80
|
+
"privacy": "private",
|
|
81
|
+
"type": {
|
|
82
|
+
"text": "HTMLElement[]"
|
|
83
|
+
},
|
|
84
|
+
"readonly": true
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
"kind": "field",
|
|
88
|
+
"name": "#onInput",
|
|
89
|
+
"privacy": "private"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"kind": "method",
|
|
93
|
+
"name": "setDefaultPopoverHeight"
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"kind": "field",
|
|
97
|
+
"name": "value"
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"kind": "field",
|
|
101
|
+
"name": "name",
|
|
102
|
+
"readonly": true
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"kind": "method",
|
|
106
|
+
"name": "#updateFormValue",
|
|
107
|
+
"privacy": "private"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"kind": "method",
|
|
111
|
+
"name": "formResetCallback"
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"kind": "method",
|
|
115
|
+
"name": "formStateRestoreCallback",
|
|
116
|
+
"parameters": [
|
|
117
|
+
{
|
|
118
|
+
"name": "state",
|
|
119
|
+
"type": {
|
|
120
|
+
"text": "string"
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
]
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
"kind": "field",
|
|
127
|
+
"name": "$dropDown",
|
|
128
|
+
"readonly": true
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"kind": "field",
|
|
132
|
+
"name": "$dropDownContent",
|
|
133
|
+
"readonly": true
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"kind": "field",
|
|
137
|
+
"name": "$input",
|
|
138
|
+
"readonly": true
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"kind": "field",
|
|
142
|
+
"name": "$label",
|
|
143
|
+
"readonly": true
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"kind": "field",
|
|
147
|
+
"name": "popoverHeight"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"kind": "field",
|
|
151
|
+
"name": "innerHTML"
|
|
152
|
+
}
|
|
153
|
+
],
|
|
154
|
+
"attributes": [
|
|
155
|
+
{
|
|
156
|
+
"name": "size",
|
|
157
|
+
"type": {
|
|
158
|
+
"text": "number"
|
|
159
|
+
},
|
|
160
|
+
"description": "Visible width of the input in characters."
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"name": "state",
|
|
164
|
+
"type": {
|
|
165
|
+
"text": "string"
|
|
166
|
+
},
|
|
167
|
+
"description": "Validation state forwarded to the input. One of `error` or `success`."
|
|
168
|
+
},
|
|
169
|
+
{
|
|
170
|
+
"name": "extended",
|
|
171
|
+
"type": {
|
|
172
|
+
"text": "boolean"
|
|
173
|
+
},
|
|
174
|
+
"description": "Makes the autocomplete take the full width of its container."
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"name": "extended--mobile",
|
|
178
|
+
"type": {
|
|
179
|
+
"text": "boolean"
|
|
180
|
+
},
|
|
181
|
+
"description": "Full width on mobile breakpoint only."
|
|
182
|
+
},
|
|
183
|
+
{
|
|
184
|
+
"name": "extended--tablet",
|
|
185
|
+
"type": {
|
|
186
|
+
"text": "boolean"
|
|
187
|
+
},
|
|
188
|
+
"description": "Full width on tablet breakpoint only."
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "extended--laptop",
|
|
192
|
+
"type": {
|
|
193
|
+
"text": "boolean"
|
|
194
|
+
},
|
|
195
|
+
"description": "Full width on laptop breakpoint only."
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "extended--desktop",
|
|
199
|
+
"type": {
|
|
200
|
+
"text": "boolean"
|
|
201
|
+
},
|
|
202
|
+
"description": "Full width on desktop breakpoint only."
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"name": "popover-height"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"type": {
|
|
209
|
+
"text": "string"
|
|
210
|
+
},
|
|
211
|
+
"description": "The name used when submitting form data.",
|
|
212
|
+
"name": "name"
|
|
213
|
+
}
|
|
214
|
+
],
|
|
215
|
+
"superclass": {
|
|
216
|
+
"name": "WithExtraAttributes",
|
|
217
|
+
"package": "@proximus/lavender-common"
|
|
218
|
+
},
|
|
219
|
+
"summary": "An autocomplete input component with dropdown suggestions.",
|
|
220
|
+
"tagName": "px-autocomplete",
|
|
221
|
+
"customElement": true
|
|
222
|
+
}
|
|
223
|
+
],
|
|
224
|
+
"exports": [
|
|
225
|
+
{
|
|
226
|
+
"kind": "js",
|
|
227
|
+
"name": "Autocomplete",
|
|
228
|
+
"declaration": {
|
|
229
|
+
"name": "Autocomplete",
|
|
230
|
+
"module": "src/Autocomplete.ts"
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
{
|
|
234
|
+
"kind": "custom-element-definition",
|
|
235
|
+
"name": "px-autocomplete",
|
|
236
|
+
"declaration": {
|
|
237
|
+
"name": "Autocomplete",
|
|
238
|
+
"module": "src/Autocomplete.ts"
|
|
239
|
+
}
|
|
240
|
+
}
|
|
241
|
+
]
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"kind": "javascript-module",
|
|
245
|
+
"path": "src/AutocompleteHeader.ts",
|
|
246
|
+
"declarations": [
|
|
247
|
+
{
|
|
248
|
+
"kind": "class",
|
|
249
|
+
"description": "",
|
|
250
|
+
"name": "AutocompleteHeader",
|
|
251
|
+
"slots": [
|
|
252
|
+
{
|
|
253
|
+
"description": "Default slot for the header text content.",
|
|
254
|
+
"name": ""
|
|
255
|
+
}
|
|
256
|
+
],
|
|
257
|
+
"members": [
|
|
258
|
+
{
|
|
259
|
+
"kind": "field",
|
|
260
|
+
"name": "template",
|
|
261
|
+
"privacy": "private"
|
|
262
|
+
},
|
|
263
|
+
{
|
|
264
|
+
"kind": "method",
|
|
265
|
+
"name": "#syncSlot",
|
|
266
|
+
"privacy": "private"
|
|
267
|
+
},
|
|
268
|
+
{
|
|
269
|
+
"kind": "field",
|
|
270
|
+
"name": "$icon",
|
|
271
|
+
"readonly": true
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"kind": "field",
|
|
275
|
+
"name": "$text",
|
|
276
|
+
"readonly": true
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"kind": "field",
|
|
280
|
+
"name": "innerHTML"
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "field",
|
|
284
|
+
"name": "adoptedStyleSheets",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "array"
|
|
287
|
+
},
|
|
288
|
+
"default": "[styleSheet]"
|
|
289
|
+
}
|
|
290
|
+
],
|
|
291
|
+
"superclass": {
|
|
292
|
+
"name": "HTMLElement"
|
|
293
|
+
},
|
|
294
|
+
"summary": "A header label displayed inside the autocomplete dropdown.",
|
|
295
|
+
"tagName": "px-autocomplete-header",
|
|
296
|
+
"customElement": true
|
|
297
|
+
}
|
|
298
|
+
],
|
|
299
|
+
"exports": [
|
|
300
|
+
{
|
|
301
|
+
"kind": "js",
|
|
302
|
+
"name": "AutocompleteHeader",
|
|
303
|
+
"declaration": {
|
|
304
|
+
"name": "AutocompleteHeader",
|
|
305
|
+
"module": "src/AutocompleteHeader.ts"
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"kind": "custom-element-definition",
|
|
310
|
+
"name": "px-autocomplete-header",
|
|
311
|
+
"declaration": {
|
|
312
|
+
"name": "AutocompleteHeader",
|
|
313
|
+
"module": "src/AutocompleteHeader.ts"
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
]
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"kind": "javascript-module",
|
|
320
|
+
"path": "src/AutocompleteOption.ts",
|
|
321
|
+
"declarations": [
|
|
322
|
+
{
|
|
323
|
+
"kind": "class",
|
|
324
|
+
"description": "",
|
|
325
|
+
"name": "AutocompleteOption",
|
|
326
|
+
"slots": [
|
|
327
|
+
{
|
|
328
|
+
"description": "Default slot for the option text content.",
|
|
329
|
+
"name": ""
|
|
330
|
+
}
|
|
331
|
+
],
|
|
332
|
+
"members": [
|
|
333
|
+
{
|
|
334
|
+
"kind": "field",
|
|
335
|
+
"name": "template",
|
|
336
|
+
"privacy": "private"
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"kind": "method",
|
|
340
|
+
"name": "focus",
|
|
341
|
+
"parameters": [
|
|
342
|
+
{
|
|
343
|
+
"name": "options",
|
|
344
|
+
"optional": true,
|
|
345
|
+
"type": {
|
|
346
|
+
"text": "FocusOptions"
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
]
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"kind": "method",
|
|
353
|
+
"name": "#syncSlot",
|
|
354
|
+
"privacy": "private"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"kind": "field",
|
|
358
|
+
"name": "selected"
|
|
359
|
+
},
|
|
360
|
+
{
|
|
361
|
+
"kind": "field",
|
|
362
|
+
"name": "type"
|
|
363
|
+
},
|
|
364
|
+
{
|
|
365
|
+
"kind": "field",
|
|
366
|
+
"name": "$button",
|
|
367
|
+
"readonly": true
|
|
368
|
+
},
|
|
369
|
+
{
|
|
370
|
+
"kind": "field",
|
|
371
|
+
"name": "innerHTML"
|
|
372
|
+
},
|
|
373
|
+
{
|
|
374
|
+
"kind": "field",
|
|
375
|
+
"name": "adoptedStyleSheets",
|
|
376
|
+
"type": {
|
|
377
|
+
"text": "array"
|
|
378
|
+
},
|
|
379
|
+
"default": "[styleSheet]"
|
|
380
|
+
}
|
|
381
|
+
],
|
|
382
|
+
"attributes": [
|
|
383
|
+
{
|
|
384
|
+
"name": "selected",
|
|
385
|
+
"type": {
|
|
386
|
+
"text": "boolean"
|
|
387
|
+
},
|
|
388
|
+
"description": "Whether the option is currently selected."
|
|
389
|
+
},
|
|
390
|
+
{
|
|
391
|
+
"name": "type",
|
|
392
|
+
"type": {
|
|
393
|
+
"text": "string"
|
|
394
|
+
},
|
|
395
|
+
"description": "The type of the internal button. Defaults to 'button'."
|
|
396
|
+
}
|
|
397
|
+
],
|
|
398
|
+
"superclass": {
|
|
399
|
+
"name": "HTMLElement"
|
|
400
|
+
},
|
|
401
|
+
"summary": "A selectable option button displayed inside the autocomplete dropdown.",
|
|
402
|
+
"tagName": "px-autocomplete-option",
|
|
403
|
+
"customElement": true
|
|
404
|
+
}
|
|
405
|
+
],
|
|
406
|
+
"exports": [
|
|
407
|
+
{
|
|
408
|
+
"kind": "js",
|
|
409
|
+
"name": "AutocompleteOption",
|
|
410
|
+
"declaration": {
|
|
411
|
+
"name": "AutocompleteOption",
|
|
412
|
+
"module": "src/AutocompleteOption.ts"
|
|
413
|
+
}
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"kind": "custom-element-definition",
|
|
417
|
+
"name": "px-autocomplete-option",
|
|
418
|
+
"declaration": {
|
|
419
|
+
"name": "AutocompleteOption",
|
|
420
|
+
"module": "src/AutocompleteOption.ts"
|
|
421
|
+
}
|
|
422
|
+
}
|
|
423
|
+
]
|
|
424
|
+
},
|
|
425
|
+
{
|
|
426
|
+
"kind": "javascript-module",
|
|
427
|
+
"path": "src/autocomplete-option.css",
|
|
428
|
+
"declarations": [],
|
|
429
|
+
"exports": []
|
|
430
|
+
},
|
|
431
|
+
{
|
|
432
|
+
"kind": "javascript-module",
|
|
433
|
+
"path": "src/autocomplete.css",
|
|
434
|
+
"declarations": [],
|
|
435
|
+
"exports": []
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"kind": "javascript-module",
|
|
439
|
+
"path": "src/index.ts",
|
|
440
|
+
"declarations": [],
|
|
441
|
+
"exports": [
|
|
442
|
+
{
|
|
443
|
+
"kind": "js",
|
|
444
|
+
"name": "*",
|
|
445
|
+
"declaration": {
|
|
446
|
+
"name": "*",
|
|
447
|
+
"module": "src/Autocomplete"
|
|
448
|
+
}
|
|
449
|
+
},
|
|
450
|
+
{
|
|
451
|
+
"kind": "js",
|
|
452
|
+
"name": "*",
|
|
453
|
+
"declaration": {
|
|
454
|
+
"name": "*",
|
|
455
|
+
"module": "src/AutocompleteHeader"
|
|
456
|
+
}
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"kind": "js",
|
|
460
|
+
"name": "*",
|
|
461
|
+
"declaration": {
|
|
462
|
+
"name": "*",
|
|
463
|
+
"module": "src/AutocompleteOption"
|
|
464
|
+
}
|
|
465
|
+
}
|
|
466
|
+
]
|
|
467
|
+
}
|
|
468
|
+
]
|
|
469
|
+
}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
+
"version": 1.1,
|
|
4
|
+
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "px-autocomplete",
|
|
7
|
+
"description": "An autocomplete input component with dropdown suggestions.\n---\n\n\n### **Slots:**\n - **label** - Slot for the input label.\n- **helper** - Slot for helper text shown next to the label.\n- **status-text** - Slot for the validation/status message (use `role=\"alert\"` for errors, `role=\"status\"` for success).\n- **dropdown-content** - Slot for dropdown content items such as `px-autocomplete-header` and `px-autocomplete-option`.",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "size",
|
|
11
|
+
"description": "Visible width of the input in characters.",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "state",
|
|
16
|
+
"description": "Validation state forwarded to the input. One of `error` or `success`.",
|
|
17
|
+
"values": []
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "extended",
|
|
21
|
+
"description": "Makes the autocomplete take the full width of its container.",
|
|
22
|
+
"values": []
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "extended--mobile",
|
|
26
|
+
"description": "Full width on mobile breakpoint only.",
|
|
27
|
+
"values": []
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "extended--tablet",
|
|
31
|
+
"description": "Full width on tablet breakpoint only.",
|
|
32
|
+
"values": []
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "extended--laptop",
|
|
36
|
+
"description": "Full width on laptop breakpoint only.",
|
|
37
|
+
"values": []
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "extended--desktop",
|
|
41
|
+
"description": "Full width on desktop breakpoint only.",
|
|
42
|
+
"values": []
|
|
43
|
+
},
|
|
44
|
+
{ "name": "popover-height", "values": [] },
|
|
45
|
+
{
|
|
46
|
+
"name": "name",
|
|
47
|
+
"description": "The name used when submitting form data.",
|
|
48
|
+
"values": []
|
|
49
|
+
}
|
|
50
|
+
],
|
|
51
|
+
"references": []
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"name": "px-autocomplete-header",
|
|
55
|
+
"description": "A header label displayed inside the autocomplete dropdown.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the header text content.",
|
|
56
|
+
"attributes": [],
|
|
57
|
+
"references": []
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "px-autocomplete-option",
|
|
61
|
+
"description": "A selectable option button displayed inside the autocomplete dropdown.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the option text content.",
|
|
62
|
+
"attributes": [
|
|
63
|
+
{
|
|
64
|
+
"name": "selected",
|
|
65
|
+
"description": "Whether the option is currently selected.",
|
|
66
|
+
"values": []
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"name": "type",
|
|
70
|
+
"description": "The type of the internal button. Defaults to 'button'.",
|
|
71
|
+
"values": []
|
|
72
|
+
}
|
|
73
|
+
],
|
|
74
|
+
"references": []
|
|
75
|
+
}
|
|
76
|
+
]
|
|
77
|
+
}
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
|
+
"name": "@proximus/lavender-autocomplete",
|
|
4
|
+
"version": "2.0.0-alpha.198",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"contributions": {
|
|
7
|
+
"html": {
|
|
8
|
+
"elements": [
|
|
9
|
+
{
|
|
10
|
+
"name": "px-autocomplete",
|
|
11
|
+
"description": "An autocomplete input component with dropdown suggestions.\n---\n\n\n### **Slots:**\n - **label** - Slot for the input label.\n- **helper** - Slot for helper text shown next to the label.\n- **status-text** - Slot for the validation/status message (use `role=\"alert\"` for errors, `role=\"status\"` for success).\n- **dropdown-content** - Slot for dropdown content items such as `px-autocomplete-header` and `px-autocomplete-option`.",
|
|
12
|
+
"doc-url": "",
|
|
13
|
+
"attributes": [
|
|
14
|
+
{
|
|
15
|
+
"name": "size",
|
|
16
|
+
"description": "Visible width of the input in characters.",
|
|
17
|
+
"value": { "type": "number" }
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "state",
|
|
21
|
+
"description": "Validation state forwarded to the input. One of `error` or `success`.",
|
|
22
|
+
"value": { "type": "string" }
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "extended",
|
|
26
|
+
"description": "Makes the autocomplete take the full width of its container.",
|
|
27
|
+
"value": { "type": "boolean" }
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "extended--mobile",
|
|
31
|
+
"description": "Full width on mobile breakpoint only.",
|
|
32
|
+
"value": { "type": "boolean" }
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "extended--tablet",
|
|
36
|
+
"description": "Full width on tablet breakpoint only.",
|
|
37
|
+
"value": { "type": "boolean" }
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "extended--laptop",
|
|
41
|
+
"description": "Full width on laptop breakpoint only.",
|
|
42
|
+
"value": { "type": "boolean" }
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
"name": "extended--desktop",
|
|
46
|
+
"description": "Full width on desktop breakpoint only.",
|
|
47
|
+
"value": { "type": "boolean" }
|
|
48
|
+
},
|
|
49
|
+
{ "name": "popover-height", "value": { "type": "string" } },
|
|
50
|
+
{
|
|
51
|
+
"name": "name",
|
|
52
|
+
"description": "The name used when submitting form data.",
|
|
53
|
+
"value": { "type": "string" }
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
"slots": [
|
|
57
|
+
{ "name": "label", "description": "Slot for the input label." },
|
|
58
|
+
{
|
|
59
|
+
"name": "helper",
|
|
60
|
+
"description": "Slot for helper text shown next to the label."
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"name": "status-text",
|
|
64
|
+
"description": "Slot for the validation/status message (use `role=\"alert\"` for errors, `role=\"status\"` for success)."
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
"name": "dropdown-content",
|
|
68
|
+
"description": "Slot for dropdown content items such as `px-autocomplete-header` and `px-autocomplete-option`."
|
|
69
|
+
}
|
|
70
|
+
],
|
|
71
|
+
"events": [],
|
|
72
|
+
"js": {
|
|
73
|
+
"properties": [
|
|
74
|
+
{ "name": "template" },
|
|
75
|
+
{ "name": "value" },
|
|
76
|
+
{ "name": "name" },
|
|
77
|
+
{ "name": "$dropDown" },
|
|
78
|
+
{ "name": "$dropDownContent" },
|
|
79
|
+
{ "name": "$input" },
|
|
80
|
+
{ "name": "$label" },
|
|
81
|
+
{ "name": "popoverHeight" },
|
|
82
|
+
{ "name": "innerHTML" }
|
|
83
|
+
],
|
|
84
|
+
"events": []
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"name": "px-autocomplete-header",
|
|
89
|
+
"description": "A header label displayed inside the autocomplete dropdown.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the header text content.",
|
|
90
|
+
"doc-url": "",
|
|
91
|
+
"attributes": [],
|
|
92
|
+
"slots": [
|
|
93
|
+
{
|
|
94
|
+
"name": "",
|
|
95
|
+
"description": "Default slot for the header text content."
|
|
96
|
+
}
|
|
97
|
+
],
|
|
98
|
+
"events": [],
|
|
99
|
+
"js": {
|
|
100
|
+
"properties": [
|
|
101
|
+
{ "name": "$icon" },
|
|
102
|
+
{ "name": "$text" },
|
|
103
|
+
{ "name": "innerHTML" },
|
|
104
|
+
{ "name": "adoptedStyleSheets", "type": "array" }
|
|
105
|
+
],
|
|
106
|
+
"events": []
|
|
107
|
+
}
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"name": "px-autocomplete-option",
|
|
111
|
+
"description": "A selectable option button displayed inside the autocomplete dropdown.\n---\n\n\n### **Slots:**\n - _default_ - Default slot for the option text content.",
|
|
112
|
+
"doc-url": "",
|
|
113
|
+
"attributes": [
|
|
114
|
+
{
|
|
115
|
+
"name": "selected",
|
|
116
|
+
"description": "Whether the option is currently selected.",
|
|
117
|
+
"value": { "type": "boolean" }
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"name": "type",
|
|
121
|
+
"description": "The type of the internal button. Defaults to 'button'.",
|
|
122
|
+
"value": { "type": "string" }
|
|
123
|
+
}
|
|
124
|
+
],
|
|
125
|
+
"slots": [
|
|
126
|
+
{
|
|
127
|
+
"name": "",
|
|
128
|
+
"description": "Default slot for the option text content."
|
|
129
|
+
}
|
|
130
|
+
],
|
|
131
|
+
"events": [],
|
|
132
|
+
"js": {
|
|
133
|
+
"properties": [
|
|
134
|
+
{ "name": "selected" },
|
|
135
|
+
{ "name": "type" },
|
|
136
|
+
{ "name": "$button" },
|
|
137
|
+
{ "name": "innerHTML" },
|
|
138
|
+
{ "name": "adoptedStyleSheets", "type": "array" }
|
|
139
|
+
],
|
|
140
|
+
"events": []
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
]
|
|
144
|
+
},
|
|
145
|
+
"css": {
|
|
146
|
+
"properties": [],
|
|
147
|
+
"pseudo-elements": []
|
|
148
|
+
}
|
|
149
|
+
}
|
|
150
|
+
}
|