@aurodesignsystem-dev/auro-formkit 0.0.0-pr1345.2 → 0.0.0-pr1345.3
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/components/bibtemplate/dist/index.js +0 -4
- package/components/bibtemplate/dist/registered.js +0 -4
- package/components/checkbox/demo/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +3 -7
- package/components/combobox/demo/index.min.js +3 -7
- package/components/combobox/dist/index.js +3 -7
- package/components/combobox/dist/registered.js +3 -7
- package/components/counter/demo/api.min.js +2 -6
- package/components/counter/demo/index.min.js +2 -6
- package/components/counter/dist/index.js +2 -6
- package/components/counter/dist/registered.js +2 -6
- package/components/datepicker/demo/api.min.js +3 -7
- package/components/datepicker/demo/index.min.js +3 -7
- package/components/datepicker/dist/index.js +3 -7
- package/components/datepicker/dist/registered.js +3 -7
- package/components/dropdown/demo/api.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +2 -6
- package/components/select/demo/index.min.js +2 -6
- package/components/select/dist/index.js +2 -6
- package/components/select/dist/registered.js +2 -6
- package/custom-elements.json +1386 -1386
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -238,80 +238,34 @@
|
|
|
238
238
|
},
|
|
239
239
|
{
|
|
240
240
|
"kind": "javascript-module",
|
|
241
|
-
"path": "components/
|
|
241
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
242
242
|
"declarations": [
|
|
243
243
|
{
|
|
244
244
|
"kind": "class",
|
|
245
|
-
"description": "The `auro-
|
|
246
|
-
"name": "
|
|
245
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
246
|
+
"name": "AuroCheckboxGroup",
|
|
247
247
|
"slots": [
|
|
248
248
|
{
|
|
249
|
-
"description": "
|
|
250
|
-
"name": ""
|
|
249
|
+
"description": "Allows for the legend to be overridden.",
|
|
250
|
+
"name": "legend"
|
|
251
251
|
},
|
|
252
252
|
{
|
|
253
|
-
"type": {
|
|
254
|
-
"text": "HTMLSlotElement"
|
|
255
|
-
},
|
|
256
253
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
257
254
|
"name": "optionalLabel"
|
|
258
255
|
},
|
|
259
256
|
{
|
|
260
|
-
"description": "
|
|
261
|
-
"name": "ariaLabel.input.clear"
|
|
262
|
-
},
|
|
263
|
-
{
|
|
264
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
265
|
-
"name": "ariaLabel.bib.close"
|
|
266
|
-
},
|
|
267
|
-
{
|
|
268
|
-
"description": "Defines the headline to display above menu-options",
|
|
269
|
-
"name": "bib.fullscreen.headline"
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
"description": "Defines the content of the label.",
|
|
273
|
-
"name": "label"
|
|
274
|
-
},
|
|
275
|
-
{
|
|
276
|
-
"description": "Defines the content of the helpText.",
|
|
257
|
+
"description": "Allows for the helper text to be overridden.",
|
|
277
258
|
"name": "helpText"
|
|
278
259
|
},
|
|
279
260
|
{
|
|
280
|
-
"description": "
|
|
281
|
-
"name": "
|
|
261
|
+
"description": "The default slot for the checkbox items.",
|
|
262
|
+
"name": "default"
|
|
282
263
|
}
|
|
283
264
|
],
|
|
284
265
|
"members": [
|
|
285
266
|
{
|
|
286
267
|
"kind": "method",
|
|
287
|
-
"name": "_initializeDefaults"
|
|
288
|
-
"privacy": "private",
|
|
289
|
-
"return": {
|
|
290
|
-
"type": {
|
|
291
|
-
"text": "void"
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
},
|
|
295
|
-
{
|
|
296
|
-
"kind": "field",
|
|
297
|
-
"name": "inputValue",
|
|
298
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
299
|
-
"return": {
|
|
300
|
-
"type": {
|
|
301
|
-
"text": "string|undefined"
|
|
302
|
-
}
|
|
303
|
-
},
|
|
304
|
-
"readonly": true
|
|
305
|
-
},
|
|
306
|
-
{
|
|
307
|
-
"kind": "method",
|
|
308
|
-
"name": "isValid",
|
|
309
|
-
"description": "Checks if the element is valid.",
|
|
310
|
-
"return": {
|
|
311
|
-
"type": {
|
|
312
|
-
"text": "boolean"
|
|
313
|
-
}
|
|
314
|
-
}
|
|
268
|
+
"name": "_initializeDefaults"
|
|
315
269
|
},
|
|
316
270
|
{
|
|
317
271
|
"kind": "method",
|
|
@@ -320,7 +274,7 @@
|
|
|
320
274
|
"parameters": [
|
|
321
275
|
{
|
|
322
276
|
"name": "name",
|
|
323
|
-
"default": "
|
|
277
|
+
"default": "\"auro-checkbox-group\"",
|
|
324
278
|
"description": "The name of the element that you want to register.",
|
|
325
279
|
"optional": true,
|
|
326
280
|
"type": {
|
|
@@ -332,40 +286,24 @@
|
|
|
332
286
|
},
|
|
333
287
|
{
|
|
334
288
|
"kind": "method",
|
|
335
|
-
"name": "
|
|
336
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
337
|
-
"privacy": "private"
|
|
338
|
-
},
|
|
339
|
-
{
|
|
340
|
-
"kind": "method",
|
|
341
|
-
"name": "syncValuesAndStates",
|
|
342
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
343
|
-
"privacy": "private",
|
|
344
|
-
"return": {
|
|
345
|
-
"type": {
|
|
346
|
-
"text": "void"
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
},
|
|
350
|
-
{
|
|
351
|
-
"kind": "method",
|
|
352
|
-
"name": "updateTriggerTextDisplay",
|
|
289
|
+
"name": "handleValueUpdate",
|
|
353
290
|
"parameters": [
|
|
354
291
|
{
|
|
355
|
-
"name": "
|
|
356
|
-
"description": "The
|
|
292
|
+
"name": "value",
|
|
293
|
+
"description": "The value of the checkbox.",
|
|
357
294
|
"type": {
|
|
358
|
-
"text": "
|
|
295
|
+
"text": "String"
|
|
296
|
+
}
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"name": "selected",
|
|
300
|
+
"description": "The checked state of the checkbox.",
|
|
301
|
+
"type": {
|
|
302
|
+
"text": "Boolean"
|
|
359
303
|
}
|
|
360
304
|
}
|
|
361
305
|
],
|
|
362
|
-
"description": "
|
|
363
|
-
"privacy": "private"
|
|
364
|
-
},
|
|
365
|
-
{
|
|
366
|
-
"kind": "method",
|
|
367
|
-
"name": "handleMenuOptions",
|
|
368
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
306
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
369
307
|
"privacy": "private",
|
|
370
308
|
"return": {
|
|
371
309
|
"type": {
|
|
@@ -375,8 +313,8 @@
|
|
|
375
313
|
},
|
|
376
314
|
{
|
|
377
315
|
"kind": "method",
|
|
378
|
-
"name": "
|
|
379
|
-
"description": "
|
|
316
|
+
"name": "handlePreselectedItems",
|
|
317
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
380
318
|
"privacy": "private",
|
|
381
319
|
"return": {
|
|
382
320
|
"type": {
|
|
@@ -386,8 +324,9 @@
|
|
|
386
324
|
},
|
|
387
325
|
{
|
|
388
326
|
"kind": "method",
|
|
389
|
-
"name": "
|
|
390
|
-
"description": "
|
|
327
|
+
"name": "handleItems",
|
|
328
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
329
|
+
"privacy": "private",
|
|
391
330
|
"return": {
|
|
392
331
|
"type": {
|
|
393
332
|
"text": "void"
|
|
@@ -396,8 +335,8 @@
|
|
|
396
335
|
},
|
|
397
336
|
{
|
|
398
337
|
"kind": "method",
|
|
399
|
-
"name": "
|
|
400
|
-
"description": "
|
|
338
|
+
"name": "reset",
|
|
339
|
+
"description": "Resets component to initial state.",
|
|
401
340
|
"return": {
|
|
402
341
|
"type": {
|
|
403
342
|
"text": "void"
|
|
@@ -406,1337 +345,1440 @@
|
|
|
406
345
|
},
|
|
407
346
|
{
|
|
408
347
|
"kind": "method",
|
|
409
|
-
"name": "
|
|
410
|
-
"
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
"
|
|
348
|
+
"name": "validate",
|
|
349
|
+
"parameters": [
|
|
350
|
+
{
|
|
351
|
+
"name": "force",
|
|
352
|
+
"default": "false",
|
|
353
|
+
"description": "Whether to force validation.",
|
|
354
|
+
"optional": true,
|
|
355
|
+
"type": {
|
|
356
|
+
"text": "boolean"
|
|
357
|
+
}
|
|
415
358
|
}
|
|
416
|
-
|
|
359
|
+
],
|
|
360
|
+
"description": "Validates value."
|
|
417
361
|
},
|
|
418
362
|
{
|
|
419
|
-
"kind": "
|
|
420
|
-
"name": "
|
|
421
|
-
"privacy": "
|
|
363
|
+
"kind": "field",
|
|
364
|
+
"name": "appearance",
|
|
365
|
+
"privacy": "public",
|
|
366
|
+
"type": {
|
|
367
|
+
"text": "'default' | 'inverse'"
|
|
368
|
+
},
|
|
369
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
370
|
+
"default": "'default'",
|
|
371
|
+
"attribute": "appearance",
|
|
372
|
+
"reflects": true
|
|
422
373
|
},
|
|
423
374
|
{
|
|
424
|
-
"kind": "
|
|
425
|
-
"name": "
|
|
426
|
-
"privacy": "
|
|
375
|
+
"kind": "field",
|
|
376
|
+
"name": "disabled",
|
|
377
|
+
"privacy": "public",
|
|
378
|
+
"type": {
|
|
379
|
+
"text": "boolean"
|
|
380
|
+
},
|
|
381
|
+
"description": "If set, disables the checkbox group.",
|
|
382
|
+
"attribute": "disabled",
|
|
383
|
+
"reflects": true
|
|
427
384
|
},
|
|
428
385
|
{
|
|
429
|
-
"kind": "
|
|
430
|
-
"name": "
|
|
431
|
-
"
|
|
432
|
-
"
|
|
386
|
+
"kind": "field",
|
|
387
|
+
"name": "error",
|
|
388
|
+
"privacy": "public",
|
|
389
|
+
"type": {
|
|
390
|
+
"text": "string"
|
|
391
|
+
},
|
|
392
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
393
|
+
"attribute": "error",
|
|
394
|
+
"reflects": true
|
|
433
395
|
},
|
|
434
396
|
{
|
|
435
|
-
"kind": "
|
|
436
|
-
"name": "
|
|
437
|
-
"
|
|
438
|
-
"
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
397
|
+
"kind": "field",
|
|
398
|
+
"name": "horizontal",
|
|
399
|
+
"privacy": "public",
|
|
400
|
+
"type": {
|
|
401
|
+
"text": "boolean"
|
|
402
|
+
},
|
|
403
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
404
|
+
"attribute": "horizontal",
|
|
405
|
+
"reflects": true
|
|
444
406
|
},
|
|
445
407
|
{
|
|
446
|
-
"kind": "
|
|
447
|
-
"name": "
|
|
448
|
-
"
|
|
449
|
-
"
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
408
|
+
"kind": "field",
|
|
409
|
+
"name": "noValidate",
|
|
410
|
+
"privacy": "public",
|
|
411
|
+
"type": {
|
|
412
|
+
"text": "boolean"
|
|
413
|
+
},
|
|
414
|
+
"description": "If set, disables auto-validation on blur.",
|
|
415
|
+
"attribute": "noValidate",
|
|
416
|
+
"reflects": true
|
|
455
417
|
},
|
|
456
418
|
{
|
|
457
|
-
"kind": "
|
|
458
|
-
"name": "
|
|
459
|
-
"
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
},
|
|
467
|
-
{
|
|
468
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
469
|
-
"name": "event.detail.loading",
|
|
470
|
-
"type": {
|
|
471
|
-
"text": "boolean"
|
|
472
|
-
}
|
|
473
|
-
},
|
|
474
|
-
{
|
|
475
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
476
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
477
|
-
"type": {
|
|
478
|
-
"text": "boolean"
|
|
479
|
-
}
|
|
480
|
-
}
|
|
481
|
-
],
|
|
482
|
-
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
483
|
-
"privacy": "private",
|
|
484
|
-
"return": {
|
|
485
|
-
"type": {
|
|
486
|
-
"text": "void"
|
|
487
|
-
}
|
|
488
|
-
}
|
|
489
|
-
},
|
|
490
|
-
{
|
|
491
|
-
"kind": "method",
|
|
492
|
-
"name": "handleInputValueChange",
|
|
493
|
-
"parameters": [
|
|
494
|
-
{
|
|
495
|
-
"name": "event",
|
|
496
|
-
"description": "The input event triggered by the input element.",
|
|
497
|
-
"type": {
|
|
498
|
-
"text": "Event"
|
|
499
|
-
}
|
|
500
|
-
}
|
|
501
|
-
],
|
|
502
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
503
|
-
"privacy": "private",
|
|
504
|
-
"return": {
|
|
505
|
-
"type": {
|
|
506
|
-
"text": "void"
|
|
507
|
-
}
|
|
508
|
-
}
|
|
509
|
-
},
|
|
510
|
-
{
|
|
511
|
-
"kind": "method",
|
|
512
|
-
"name": "configureCombobox",
|
|
513
|
-
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
514
|
-
"privacy": "private",
|
|
515
|
-
"return": {
|
|
516
|
-
"type": {
|
|
517
|
-
"text": "void"
|
|
518
|
-
}
|
|
519
|
-
}
|
|
520
|
-
},
|
|
521
|
-
{
|
|
522
|
-
"kind": "method",
|
|
523
|
-
"name": "focus",
|
|
524
|
-
"description": "Focuses the combobox trigger input.",
|
|
525
|
-
"return": {
|
|
526
|
-
"type": {
|
|
527
|
-
"text": "void"
|
|
528
|
-
}
|
|
529
|
-
}
|
|
530
|
-
},
|
|
531
|
-
{
|
|
532
|
-
"kind": "method",
|
|
533
|
-
"name": "setMenuValue",
|
|
534
|
-
"parameters": [
|
|
535
|
-
{
|
|
536
|
-
"name": "value",
|
|
537
|
-
"description": "The value to set on the menu.",
|
|
538
|
-
"type": {
|
|
539
|
-
"text": "string"
|
|
540
|
-
}
|
|
541
|
-
}
|
|
542
|
-
],
|
|
543
|
-
"description": "Sets the menu value if menu is available.",
|
|
544
|
-
"return": {
|
|
545
|
-
"type": {
|
|
546
|
-
"text": "void"
|
|
547
|
-
}
|
|
548
|
-
}
|
|
549
|
-
},
|
|
550
|
-
{
|
|
551
|
-
"kind": "method",
|
|
552
|
-
"name": "reset",
|
|
553
|
-
"description": "Resets component to initial state.",
|
|
554
|
-
"return": {
|
|
555
|
-
"type": {
|
|
556
|
-
"text": "void"
|
|
557
|
-
}
|
|
558
|
-
}
|
|
559
|
-
},
|
|
560
|
-
{
|
|
561
|
-
"kind": "method",
|
|
562
|
-
"name": "clear",
|
|
563
|
-
"description": "Clears the current value of the combobox.",
|
|
564
|
-
"return": {
|
|
565
|
-
"type": {
|
|
566
|
-
"text": "void"
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
},
|
|
570
|
-
{
|
|
571
|
-
"kind": "method",
|
|
572
|
-
"name": "validate",
|
|
573
|
-
"parameters": [
|
|
574
|
-
{
|
|
575
|
-
"name": "force",
|
|
576
|
-
"default": "false",
|
|
577
|
-
"description": "Whether to force validation.",
|
|
578
|
-
"optional": true,
|
|
579
|
-
"type": {
|
|
580
|
-
"text": "boolean"
|
|
581
|
-
}
|
|
582
|
-
}
|
|
583
|
-
],
|
|
584
|
-
"description": "Validates value."
|
|
585
|
-
},
|
|
586
|
-
{
|
|
587
|
-
"kind": "method",
|
|
588
|
-
"name": "transportAssignedNodes",
|
|
589
|
-
"parameters": [
|
|
590
|
-
{
|
|
591
|
-
"name": "slot",
|
|
592
|
-
"description": "The slot element containing the nodes to apply.",
|
|
593
|
-
"type": {
|
|
594
|
-
"text": "HTMLSlotElement"
|
|
595
|
-
}
|
|
596
|
-
},
|
|
597
|
-
{
|
|
598
|
-
"name": "target",
|
|
599
|
-
"description": "The target element to apply the nodes to.",
|
|
600
|
-
"type": {
|
|
601
|
-
"text": "HTMLElement"
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"name": "newSlotName",
|
|
606
|
-
"description": "The new slot name for the applied nodes.",
|
|
607
|
-
"type": {
|
|
608
|
-
"text": "string"
|
|
609
|
-
}
|
|
610
|
-
}
|
|
611
|
-
],
|
|
612
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
613
|
-
"privacy": "private",
|
|
614
|
-
"return": {
|
|
615
|
-
"type": {
|
|
616
|
-
"text": "void"
|
|
617
|
-
}
|
|
618
|
-
}
|
|
619
|
-
},
|
|
620
|
-
{
|
|
621
|
-
"kind": "method",
|
|
622
|
-
"name": "updateActiveOption",
|
|
623
|
-
"parameters": [
|
|
624
|
-
{
|
|
625
|
-
"name": "index",
|
|
626
|
-
"description": "Index of the option to make active.",
|
|
627
|
-
"type": {
|
|
628
|
-
"text": "number"
|
|
629
|
-
}
|
|
630
|
-
}
|
|
631
|
-
],
|
|
632
|
-
"description": "Updates the active option in the menu."
|
|
633
|
-
},
|
|
634
|
-
{
|
|
635
|
-
"kind": "method",
|
|
636
|
-
"name": "handleSlotChange",
|
|
637
|
-
"parameters": [
|
|
638
|
-
{
|
|
639
|
-
"name": "event",
|
|
640
|
-
"description": "`slotchange` event.",
|
|
641
|
-
"type": {
|
|
642
|
-
"text": "Event"
|
|
643
|
-
}
|
|
644
|
-
}
|
|
645
|
-
],
|
|
646
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
647
|
-
"privacy": "private",
|
|
648
|
-
"return": {
|
|
649
|
-
"type": {
|
|
650
|
-
"text": "void"
|
|
651
|
-
}
|
|
652
|
-
}
|
|
419
|
+
"kind": "field",
|
|
420
|
+
"name": "onDark",
|
|
421
|
+
"privacy": "public",
|
|
422
|
+
"type": {
|
|
423
|
+
"text": "boolean"
|
|
424
|
+
},
|
|
425
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
426
|
+
"attribute": "onDark",
|
|
427
|
+
"reflects": true
|
|
653
428
|
},
|
|
654
429
|
{
|
|
655
430
|
"kind": "field",
|
|
656
|
-
"name": "
|
|
431
|
+
"name": "required",
|
|
657
432
|
"privacy": "public",
|
|
658
433
|
"type": {
|
|
659
|
-
"text": "
|
|
434
|
+
"text": "boolean"
|
|
660
435
|
},
|
|
661
|
-
"description": "
|
|
662
|
-
"
|
|
663
|
-
"attribute": "appearance",
|
|
436
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
437
|
+
"attribute": "required",
|
|
664
438
|
"reflects": true
|
|
665
439
|
},
|
|
666
440
|
{
|
|
667
441
|
"kind": "field",
|
|
668
|
-
"name": "
|
|
442
|
+
"name": "setCustomValidity",
|
|
669
443
|
"privacy": "public",
|
|
670
444
|
"type": {
|
|
671
445
|
"text": "string"
|
|
672
446
|
},
|
|
673
|
-
"description": "
|
|
674
|
-
"attribute": "
|
|
675
|
-
"reflects": true
|
|
447
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
448
|
+
"attribute": "setCustomValidity"
|
|
676
449
|
},
|
|
677
450
|
{
|
|
678
451
|
"kind": "field",
|
|
679
|
-
"name": "
|
|
452
|
+
"name": "setCustomValidityCustomError",
|
|
680
453
|
"privacy": "public",
|
|
681
454
|
"type": {
|
|
682
|
-
"text": "
|
|
455
|
+
"text": "string"
|
|
683
456
|
},
|
|
684
|
-
"description": "
|
|
685
|
-
"attribute": "
|
|
686
|
-
"reflects": true
|
|
457
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
458
|
+
"attribute": "setCustomValidityCustomError"
|
|
687
459
|
},
|
|
688
460
|
{
|
|
689
461
|
"kind": "field",
|
|
690
|
-
"name": "
|
|
691
|
-
"privacy": "
|
|
462
|
+
"name": "setCustomValidityValueMissing",
|
|
463
|
+
"privacy": "public",
|
|
692
464
|
"type": {
|
|
693
|
-
"text": "
|
|
465
|
+
"text": "string"
|
|
694
466
|
},
|
|
695
|
-
"description": "
|
|
696
|
-
"attribute": "
|
|
467
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
468
|
+
"attribute": "setCustomValidityValueMissing"
|
|
697
469
|
},
|
|
698
470
|
{
|
|
699
471
|
"kind": "field",
|
|
700
|
-
"name": "
|
|
472
|
+
"name": "validity",
|
|
701
473
|
"privacy": "public",
|
|
702
474
|
"type": {
|
|
703
|
-
"text": "
|
|
475
|
+
"text": "string"
|
|
704
476
|
},
|
|
705
|
-
"description": "
|
|
706
|
-
"
|
|
707
|
-
"attribute": "behavior",
|
|
477
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
478
|
+
"attribute": "validity",
|
|
708
479
|
"reflects": true
|
|
480
|
+
}
|
|
481
|
+
],
|
|
482
|
+
"events": [
|
|
483
|
+
{
|
|
484
|
+
"name": "input",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "CustomEvent"
|
|
487
|
+
}
|
|
709
488
|
},
|
|
710
489
|
{
|
|
711
|
-
"
|
|
712
|
-
"name": "
|
|
713
|
-
|
|
490
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
491
|
+
"name": "auroFormElement-validated"
|
|
492
|
+
}
|
|
493
|
+
],
|
|
494
|
+
"attributes": [
|
|
495
|
+
{
|
|
496
|
+
"name": "appearance",
|
|
714
497
|
"type": {
|
|
715
|
-
"text": "
|
|
498
|
+
"text": "'default' | 'inverse'"
|
|
716
499
|
},
|
|
717
|
-
"description": "
|
|
718
|
-
"
|
|
719
|
-
"
|
|
500
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
501
|
+
"default": "'default'",
|
|
502
|
+
"fieldName": "appearance"
|
|
720
503
|
},
|
|
721
504
|
{
|
|
722
|
-
"kind": "field",
|
|
723
505
|
"name": "disabled",
|
|
724
|
-
"privacy": "public",
|
|
725
506
|
"type": {
|
|
726
507
|
"text": "boolean"
|
|
727
508
|
},
|
|
728
|
-
"description": "If set, disables the
|
|
729
|
-
"
|
|
730
|
-
"reflects": true
|
|
509
|
+
"description": "If set, disables the checkbox group.",
|
|
510
|
+
"fieldName": "disabled"
|
|
731
511
|
},
|
|
732
512
|
{
|
|
733
|
-
"
|
|
734
|
-
"name": "dropdownId",
|
|
735
|
-
"privacy": "private",
|
|
513
|
+
"name": "error",
|
|
736
514
|
"type": {
|
|
737
515
|
"text": "string"
|
|
738
516
|
},
|
|
739
|
-
"description": "
|
|
517
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
518
|
+
"fieldName": "error"
|
|
740
519
|
},
|
|
741
520
|
{
|
|
742
|
-
"
|
|
743
|
-
"name": "dropdownOpen",
|
|
744
|
-
"privacy": "private",
|
|
521
|
+
"name": "horizontal",
|
|
745
522
|
"type": {
|
|
746
523
|
"text": "boolean"
|
|
747
524
|
},
|
|
748
|
-
"description": "
|
|
525
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
526
|
+
"fieldName": "horizontal"
|
|
749
527
|
},
|
|
750
528
|
{
|
|
751
|
-
"
|
|
752
|
-
"name": "dvInputOnly",
|
|
753
|
-
"privacy": "public",
|
|
529
|
+
"name": "noValidate",
|
|
754
530
|
"type": {
|
|
755
531
|
"text": "boolean"
|
|
756
532
|
},
|
|
757
|
-
"description": "If
|
|
758
|
-
"
|
|
759
|
-
"reflects": true
|
|
533
|
+
"description": "If set, disables auto-validation on blur.",
|
|
534
|
+
"fieldName": "noValidate"
|
|
760
535
|
},
|
|
761
536
|
{
|
|
762
|
-
"
|
|
763
|
-
"
|
|
764
|
-
|
|
537
|
+
"name": "onDark",
|
|
538
|
+
"type": {
|
|
539
|
+
"text": "boolean"
|
|
540
|
+
},
|
|
541
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
542
|
+
"fieldName": "onDark"
|
|
543
|
+
},
|
|
544
|
+
{
|
|
545
|
+
"name": "required",
|
|
546
|
+
"type": {
|
|
547
|
+
"text": "boolean"
|
|
548
|
+
},
|
|
549
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
550
|
+
"fieldName": "required"
|
|
551
|
+
},
|
|
552
|
+
{
|
|
553
|
+
"name": "setCustomValidity",
|
|
765
554
|
"type": {
|
|
766
555
|
"text": "string"
|
|
767
556
|
},
|
|
768
|
-
"description": "
|
|
769
|
-
"
|
|
770
|
-
"reflects": true
|
|
557
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
558
|
+
"fieldName": "setCustomValidity"
|
|
771
559
|
},
|
|
772
560
|
{
|
|
773
|
-
"
|
|
774
|
-
"name": "format",
|
|
775
|
-
"privacy": "public",
|
|
561
|
+
"name": "setCustomValidityCustomError",
|
|
776
562
|
"type": {
|
|
777
563
|
"text": "string"
|
|
778
564
|
},
|
|
779
|
-
"description": "
|
|
780
|
-
"
|
|
781
|
-
"reflects": true
|
|
565
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
566
|
+
"fieldName": "setCustomValidityCustomError"
|
|
782
567
|
},
|
|
783
568
|
{
|
|
784
|
-
"
|
|
785
|
-
"name": "inputmode",
|
|
786
|
-
"privacy": "public",
|
|
569
|
+
"name": "setCustomValidityValueMissing",
|
|
787
570
|
"type": {
|
|
788
571
|
"text": "string"
|
|
789
572
|
},
|
|
790
|
-
"description": "
|
|
791
|
-
"
|
|
792
|
-
"reflects": true
|
|
573
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
574
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
793
575
|
},
|
|
794
576
|
{
|
|
795
|
-
"
|
|
796
|
-
"name": "layout",
|
|
797
|
-
"privacy": "public",
|
|
577
|
+
"name": "validity",
|
|
798
578
|
"type": {
|
|
799
579
|
"text": "string"
|
|
800
580
|
},
|
|
801
|
-
"description": "
|
|
802
|
-
"
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
581
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
582
|
+
"fieldName": "validity"
|
|
583
|
+
}
|
|
584
|
+
],
|
|
585
|
+
"superclass": {
|
|
586
|
+
"name": "LitElement",
|
|
587
|
+
"package": "lit"
|
|
588
|
+
},
|
|
589
|
+
"tagName": "auro-checkbox-group",
|
|
590
|
+
"customElement": true
|
|
591
|
+
}
|
|
592
|
+
],
|
|
593
|
+
"exports": [
|
|
594
|
+
{
|
|
595
|
+
"kind": "js",
|
|
596
|
+
"name": "AuroCheckboxGroup",
|
|
597
|
+
"declaration": {
|
|
598
|
+
"name": "AuroCheckboxGroup",
|
|
599
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
600
|
+
}
|
|
601
|
+
}
|
|
602
|
+
]
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"kind": "javascript-module",
|
|
606
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
607
|
+
"declarations": [
|
|
608
|
+
{
|
|
609
|
+
"kind": "class",
|
|
610
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
611
|
+
"name": "AuroCheckbox",
|
|
612
|
+
"cssParts": [
|
|
613
|
+
{
|
|
614
|
+
"description": "apply css to a specific checkbox.",
|
|
615
|
+
"name": "checkbox"
|
|
616
|
+
},
|
|
617
|
+
{
|
|
618
|
+
"description": "apply css to a specific checkbox's input.",
|
|
619
|
+
"name": "checkbox-input"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"description": "apply css to a specific checkbox's label.",
|
|
623
|
+
"name": "checkbox-label"
|
|
624
|
+
}
|
|
625
|
+
],
|
|
626
|
+
"slots": [
|
|
627
|
+
{
|
|
628
|
+
"description": "The default slot for the checkbox label.",
|
|
629
|
+
"name": "default"
|
|
630
|
+
}
|
|
631
|
+
],
|
|
632
|
+
"members": [
|
|
633
|
+
{
|
|
634
|
+
"kind": "method",
|
|
635
|
+
"name": "_initializeDefaults"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"kind": "method",
|
|
639
|
+
"name": "register",
|
|
640
|
+
"static": true,
|
|
641
|
+
"parameters": [
|
|
642
|
+
{
|
|
643
|
+
"name": "name",
|
|
644
|
+
"default": "\"auro-checkbox\"",
|
|
645
|
+
"description": "The name of element that you want to register to.",
|
|
646
|
+
"optional": true,
|
|
647
|
+
"type": {
|
|
648
|
+
"text": "string"
|
|
649
|
+
}
|
|
650
|
+
}
|
|
651
|
+
],
|
|
652
|
+
"description": "This will register this element with the browser."
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"kind": "method",
|
|
656
|
+
"name": "handleChange",
|
|
657
|
+
"parameters": [
|
|
658
|
+
{
|
|
659
|
+
"name": "event",
|
|
660
|
+
"description": "The change event from the checkbox input.",
|
|
661
|
+
"type": {
|
|
662
|
+
"text": "Event"
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
],
|
|
666
|
+
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
667
|
+
"privacy": "private",
|
|
668
|
+
"return": {
|
|
669
|
+
"type": {
|
|
670
|
+
"text": "void"
|
|
671
|
+
}
|
|
808
672
|
}
|
|
809
673
|
},
|
|
810
674
|
{
|
|
811
|
-
"kind": "
|
|
812
|
-
"name": "
|
|
675
|
+
"kind": "method",
|
|
676
|
+
"name": "handleInput",
|
|
677
|
+
"parameters": [
|
|
678
|
+
{
|
|
679
|
+
"name": "event",
|
|
680
|
+
"description": "The input event from the checkbox input.",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "Event"
|
|
683
|
+
}
|
|
684
|
+
}
|
|
685
|
+
],
|
|
686
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
813
687
|
"privacy": "private",
|
|
814
|
-
"
|
|
815
|
-
"
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
688
|
+
"return": {
|
|
689
|
+
"type": {
|
|
690
|
+
"text": "void"
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"kind": "method",
|
|
696
|
+
"name": "handleFocusin",
|
|
697
|
+
"description": "Function to support",
|
|
698
|
+
"privacy": "private",
|
|
699
|
+
"return": {
|
|
700
|
+
"type": {
|
|
701
|
+
"text": "void"
|
|
702
|
+
}
|
|
703
|
+
}
|
|
704
|
+
},
|
|
705
|
+
{
|
|
706
|
+
"kind": "method",
|
|
707
|
+
"name": "generateIconHtml",
|
|
708
|
+
"description": "Function to generate checkmark svg.",
|
|
709
|
+
"privacy": "private",
|
|
710
|
+
"return": {
|
|
711
|
+
"type": {
|
|
712
|
+
"text": "HTMLElement"
|
|
713
|
+
}
|
|
714
|
+
}
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"kind": "method",
|
|
718
|
+
"name": "reset",
|
|
719
|
+
"description": "Resets component to initial state.",
|
|
720
|
+
"return": {
|
|
721
|
+
"type": {
|
|
722
|
+
"text": "void"
|
|
723
|
+
}
|
|
724
|
+
}
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"kind": "method",
|
|
728
|
+
"name": "updateAriaLabel",
|
|
729
|
+
"description": "Updates the aria-label based on slot content.",
|
|
730
|
+
"privacy": "private",
|
|
731
|
+
"return": {
|
|
732
|
+
"type": {
|
|
733
|
+
"text": "void"
|
|
734
|
+
}
|
|
735
|
+
}
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"kind": "method",
|
|
739
|
+
"name": "handleKeyDown",
|
|
740
|
+
"parameters": [
|
|
741
|
+
{
|
|
742
|
+
"name": "event",
|
|
743
|
+
"description": "The keydown event from the checkbox input.",
|
|
744
|
+
"type": {
|
|
745
|
+
"text": "KeyboardEvent"
|
|
746
|
+
}
|
|
747
|
+
}
|
|
748
|
+
],
|
|
749
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
750
|
+
"privacy": "private",
|
|
751
|
+
"return": {
|
|
752
|
+
"type": {
|
|
753
|
+
"text": "void"
|
|
754
|
+
}
|
|
755
|
+
}
|
|
820
756
|
},
|
|
821
757
|
{
|
|
822
758
|
"kind": "field",
|
|
823
|
-
"name": "
|
|
759
|
+
"name": "appearance",
|
|
824
760
|
"privacy": "public",
|
|
825
761
|
"type": {
|
|
826
|
-
"text": "
|
|
762
|
+
"text": "'default' | 'inverse'"
|
|
827
763
|
},
|
|
828
|
-
"description": "
|
|
829
|
-
"
|
|
764
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
765
|
+
"default": "'default'",
|
|
766
|
+
"attribute": "appearance",
|
|
830
767
|
"reflects": true
|
|
831
768
|
},
|
|
832
769
|
{
|
|
833
770
|
"kind": "field",
|
|
834
|
-
"name": "
|
|
771
|
+
"name": "checked",
|
|
835
772
|
"privacy": "public",
|
|
836
773
|
"type": {
|
|
837
774
|
"text": "boolean"
|
|
838
775
|
},
|
|
839
|
-
"description": "If
|
|
840
|
-
"attribute": "
|
|
776
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
777
|
+
"attribute": "checked",
|
|
841
778
|
"reflects": true
|
|
842
779
|
},
|
|
843
780
|
{
|
|
844
781
|
"kind": "field",
|
|
845
|
-
"name": "
|
|
782
|
+
"name": "disabled",
|
|
846
783
|
"privacy": "public",
|
|
847
784
|
"type": {
|
|
848
785
|
"text": "boolean"
|
|
849
786
|
},
|
|
850
|
-
"description": "If
|
|
851
|
-
"attribute": "
|
|
787
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
788
|
+
"attribute": "disabled",
|
|
852
789
|
"reflects": true
|
|
853
790
|
},
|
|
854
791
|
{
|
|
855
792
|
"kind": "field",
|
|
856
|
-
"name": "
|
|
793
|
+
"name": "error",
|
|
857
794
|
"privacy": "public",
|
|
858
795
|
"type": {
|
|
859
796
|
"text": "boolean"
|
|
860
797
|
},
|
|
861
|
-
"description": "If set,
|
|
862
|
-
"attribute": "
|
|
798
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
799
|
+
"attribute": "error",
|
|
863
800
|
"reflects": true
|
|
864
801
|
},
|
|
865
802
|
{
|
|
866
803
|
"kind": "field",
|
|
867
|
-
"name": "
|
|
804
|
+
"name": "id",
|
|
868
805
|
"privacy": "public",
|
|
869
806
|
"type": {
|
|
870
|
-
"text": "
|
|
807
|
+
"text": "string"
|
|
871
808
|
},
|
|
872
|
-
"description": "
|
|
873
|
-
"
|
|
874
|
-
"attribute": "offset",
|
|
875
|
-
"reflects": true
|
|
809
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
810
|
+
"attribute": "id"
|
|
876
811
|
},
|
|
877
812
|
{
|
|
878
813
|
"kind": "field",
|
|
879
|
-
"name": "
|
|
880
|
-
"privacy": "
|
|
814
|
+
"name": "inputId",
|
|
815
|
+
"privacy": "private",
|
|
881
816
|
"type": {
|
|
882
|
-
"text": "
|
|
817
|
+
"text": "string"
|
|
883
818
|
},
|
|
884
|
-
"
|
|
885
|
-
"reflects": true,
|
|
886
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
887
|
-
"inheritedFrom": {
|
|
888
|
-
"name": "AuroElement",
|
|
889
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
890
|
-
}
|
|
819
|
+
"description": "The id for input node."
|
|
891
820
|
},
|
|
892
821
|
{
|
|
893
822
|
"kind": "field",
|
|
894
|
-
"name": "
|
|
823
|
+
"name": "name",
|
|
895
824
|
"privacy": "public",
|
|
896
825
|
"type": {
|
|
897
|
-
"text": "
|
|
826
|
+
"text": "string"
|
|
898
827
|
},
|
|
899
|
-
"description": "
|
|
900
|
-
"attribute": "
|
|
828
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
829
|
+
"attribute": "name"
|
|
901
830
|
},
|
|
902
831
|
{
|
|
903
832
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
833
|
+
"name": "onDark",
|
|
905
834
|
"privacy": "public",
|
|
906
835
|
"type": {
|
|
907
836
|
"text": "boolean"
|
|
908
837
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"attribute": "
|
|
838
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
839
|
+
"attribute": "onDark",
|
|
911
840
|
"reflects": true
|
|
912
841
|
},
|
|
913
842
|
{
|
|
914
843
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
844
|
+
"name": "touched",
|
|
845
|
+
"privacy": "private",
|
|
917
846
|
"type": {
|
|
918
|
-
"text": "
|
|
847
|
+
"text": "boolean"
|
|
919
848
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"default": "'bottom-start'",
|
|
922
|
-
"attribute": "placement",
|
|
923
|
-
"reflects": true
|
|
849
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
924
850
|
},
|
|
925
851
|
{
|
|
926
852
|
"kind": "field",
|
|
927
|
-
"name": "
|
|
853
|
+
"name": "value",
|
|
928
854
|
"privacy": "public",
|
|
929
855
|
"type": {
|
|
930
856
|
"text": "string"
|
|
931
857
|
},
|
|
932
|
-
"description": "
|
|
933
|
-
"attribute": "
|
|
934
|
-
"reflects": true
|
|
858
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
859
|
+
"attribute": "value"
|
|
935
860
|
},
|
|
936
861
|
{
|
|
937
862
|
"kind": "field",
|
|
938
|
-
"name": "
|
|
939
|
-
"privacy": "
|
|
863
|
+
"name": "tabIndex",
|
|
864
|
+
"privacy": "private",
|
|
940
865
|
"type": {
|
|
941
|
-
"text": "
|
|
866
|
+
"text": "number"
|
|
942
867
|
},
|
|
943
|
-
"description": "
|
|
944
|
-
"attribute": "
|
|
868
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
869
|
+
"attribute": "tabindex",
|
|
945
870
|
"reflects": true
|
|
946
871
|
},
|
|
947
872
|
{
|
|
948
873
|
"kind": "field",
|
|
949
|
-
"name": "
|
|
950
|
-
"privacy": "
|
|
874
|
+
"name": "ariaChecked",
|
|
875
|
+
"privacy": "private",
|
|
951
876
|
"type": {
|
|
952
877
|
"text": "string"
|
|
953
878
|
},
|
|
954
|
-
"description": "
|
|
955
|
-
"attribute": "
|
|
879
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
880
|
+
"attribute": "aria-checked",
|
|
881
|
+
"reflects": true
|
|
956
882
|
},
|
|
957
883
|
{
|
|
958
884
|
"kind": "field",
|
|
959
|
-
"name": "
|
|
960
|
-
"privacy": "
|
|
885
|
+
"name": "ariaDisabled",
|
|
886
|
+
"privacy": "private",
|
|
961
887
|
"type": {
|
|
962
888
|
"text": "string"
|
|
963
889
|
},
|
|
964
|
-
"description": "
|
|
965
|
-
"attribute": "
|
|
890
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
891
|
+
"attribute": "aria-disabled",
|
|
892
|
+
"reflects": true
|
|
966
893
|
},
|
|
967
894
|
{
|
|
968
895
|
"kind": "field",
|
|
969
|
-
"name": "
|
|
970
|
-
"privacy": "
|
|
896
|
+
"name": "role",
|
|
897
|
+
"privacy": "private",
|
|
971
898
|
"type": {
|
|
972
899
|
"text": "string"
|
|
973
900
|
},
|
|
974
|
-
"description": "
|
|
975
|
-
"attribute": "
|
|
901
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
902
|
+
"attribute": "role",
|
|
903
|
+
"reflects": true
|
|
904
|
+
}
|
|
905
|
+
],
|
|
906
|
+
"events": [
|
|
907
|
+
{
|
|
908
|
+
"name": "auroCheckbox-input",
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "CustomEvent"
|
|
911
|
+
}
|
|
976
912
|
},
|
|
977
913
|
{
|
|
978
|
-
"
|
|
979
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
980
|
-
"privacy": "public",
|
|
914
|
+
"name": "auroCheckbox-focusin",
|
|
981
915
|
"type": {
|
|
982
|
-
"text": "
|
|
916
|
+
"text": "CustomEvent"
|
|
917
|
+
}
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"name": "auroCheckbox-focusout",
|
|
921
|
+
"type": {
|
|
922
|
+
"text": "CustomEvent"
|
|
923
|
+
}
|
|
924
|
+
},
|
|
925
|
+
{
|
|
926
|
+
"type": {
|
|
927
|
+
"text": "CustomEvent<any>"
|
|
983
928
|
},
|
|
984
|
-
"description": "
|
|
985
|
-
"
|
|
929
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
930
|
+
"name": "change"
|
|
986
931
|
},
|
|
987
932
|
{
|
|
988
|
-
"kind": "field",
|
|
989
|
-
"name": "touched",
|
|
990
|
-
"privacy": "private",
|
|
991
933
|
"type": {
|
|
992
|
-
"text": "
|
|
934
|
+
"text": "InputEvent"
|
|
993
935
|
},
|
|
994
|
-
"description": "
|
|
936
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
937
|
+
"name": "input"
|
|
938
|
+
}
|
|
939
|
+
],
|
|
940
|
+
"attributes": [
|
|
941
|
+
{
|
|
942
|
+
"name": "appearance",
|
|
943
|
+
"type": {
|
|
944
|
+
"text": "'default' | 'inverse'"
|
|
945
|
+
},
|
|
946
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
947
|
+
"default": "'default'",
|
|
948
|
+
"fieldName": "appearance"
|
|
995
949
|
},
|
|
996
950
|
{
|
|
997
|
-
"
|
|
998
|
-
"name": "triggerIcon",
|
|
999
|
-
"privacy": "public",
|
|
951
|
+
"name": "checked",
|
|
1000
952
|
"type": {
|
|
1001
953
|
"text": "boolean"
|
|
1002
954
|
},
|
|
1003
|
-
"description": "If set, the
|
|
1004
|
-
"
|
|
1005
|
-
"reflects": true
|
|
955
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
956
|
+
"fieldName": "checked"
|
|
1006
957
|
},
|
|
1007
958
|
{
|
|
1008
|
-
"
|
|
1009
|
-
"name": "type",
|
|
1010
|
-
"privacy": "public",
|
|
959
|
+
"name": "disabled",
|
|
1011
960
|
"type": {
|
|
1012
|
-
"text": "
|
|
961
|
+
"text": "boolean"
|
|
1013
962
|
},
|
|
1014
|
-
"description": "
|
|
1015
|
-
"
|
|
1016
|
-
"reflects": true
|
|
963
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
964
|
+
"fieldName": "disabled"
|
|
1017
965
|
},
|
|
1018
966
|
{
|
|
1019
|
-
"
|
|
1020
|
-
"name": "typedValue",
|
|
1021
|
-
"privacy": "public",
|
|
967
|
+
"name": "error",
|
|
1022
968
|
"type": {
|
|
1023
|
-
"text": "
|
|
969
|
+
"text": "boolean"
|
|
1024
970
|
},
|
|
1025
|
-
"description": "
|
|
1026
|
-
"
|
|
1027
|
-
"reflects": true
|
|
971
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
972
|
+
"fieldName": "error"
|
|
1028
973
|
},
|
|
1029
974
|
{
|
|
1030
|
-
"
|
|
1031
|
-
"name": "validity",
|
|
1032
|
-
"privacy": "public",
|
|
975
|
+
"name": "id",
|
|
1033
976
|
"type": {
|
|
1034
977
|
"text": "string"
|
|
1035
978
|
},
|
|
1036
|
-
"description": "
|
|
1037
|
-
"
|
|
1038
|
-
"reflects": true
|
|
979
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
980
|
+
"fieldName": "id"
|
|
1039
981
|
},
|
|
1040
982
|
{
|
|
1041
|
-
"
|
|
1042
|
-
"name": "value",
|
|
1043
|
-
"privacy": "public",
|
|
983
|
+
"name": "name",
|
|
1044
984
|
"type": {
|
|
1045
985
|
"text": "string"
|
|
1046
986
|
},
|
|
1047
|
-
"description": "
|
|
1048
|
-
"
|
|
987
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
988
|
+
"fieldName": "name"
|
|
1049
989
|
},
|
|
1050
990
|
{
|
|
1051
|
-
"
|
|
1052
|
-
"name": "largeFullscreenHeadline",
|
|
1053
|
-
"privacy": "public",
|
|
991
|
+
"name": "onDark",
|
|
1054
992
|
"type": {
|
|
1055
993
|
"text": "boolean"
|
|
1056
994
|
},
|
|
1057
|
-
"description": "
|
|
1058
|
-
"
|
|
1059
|
-
"reflects": true
|
|
995
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
996
|
+
"fieldName": "onDark"
|
|
1060
997
|
},
|
|
1061
998
|
{
|
|
1062
|
-
"
|
|
1063
|
-
"name": "fullscreenBreakpoint",
|
|
1064
|
-
"privacy": "public",
|
|
999
|
+
"name": "value",
|
|
1065
1000
|
"type": {
|
|
1066
|
-
"text": "
|
|
1001
|
+
"text": "string"
|
|
1067
1002
|
},
|
|
1068
|
-
"description": "
|
|
1069
|
-
"
|
|
1070
|
-
"attribute": "fullscreenBreakpoint",
|
|
1071
|
-
"reflects": true
|
|
1003
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1004
|
+
"fieldName": "value"
|
|
1072
1005
|
},
|
|
1073
1006
|
{
|
|
1074
|
-
"
|
|
1075
|
-
"name": "optionActive",
|
|
1076
|
-
"privacy": "private",
|
|
1007
|
+
"name": "tabindex",
|
|
1077
1008
|
"type": {
|
|
1078
|
-
"text": "
|
|
1009
|
+
"text": "number"
|
|
1079
1010
|
},
|
|
1080
|
-
"description": "
|
|
1011
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1012
|
+
"fieldName": "tabIndex"
|
|
1081
1013
|
},
|
|
1082
1014
|
{
|
|
1083
|
-
"
|
|
1084
|
-
"
|
|
1085
|
-
|
|
1086
|
-
"privacy": "private",
|
|
1087
|
-
"return": {
|
|
1088
|
-
"type": {
|
|
1089
|
-
"text": "boolean"
|
|
1090
|
-
}
|
|
1015
|
+
"name": "aria-checked",
|
|
1016
|
+
"type": {
|
|
1017
|
+
"text": "string"
|
|
1091
1018
|
},
|
|
1092
|
-
"
|
|
1093
|
-
"
|
|
1094
|
-
"name": "AuroElement",
|
|
1095
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1096
|
-
}
|
|
1097
|
-
},
|
|
1098
|
-
{
|
|
1099
|
-
"kind": "method",
|
|
1100
|
-
"name": "resetShapeClasses",
|
|
1101
|
-
"inheritedFrom": {
|
|
1102
|
-
"name": "AuroElement",
|
|
1103
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1104
|
-
}
|
|
1019
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1020
|
+
"fieldName": "ariaChecked"
|
|
1105
1021
|
},
|
|
1106
1022
|
{
|
|
1107
|
-
"
|
|
1108
|
-
"name": "resetLayoutClasses",
|
|
1109
|
-
"inheritedFrom": {
|
|
1110
|
-
"name": "AuroElement",
|
|
1111
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1112
|
-
}
|
|
1113
|
-
},
|
|
1114
|
-
{
|
|
1115
|
-
"kind": "method",
|
|
1116
|
-
"name": "updateComponentArchitecture",
|
|
1117
|
-
"inheritedFrom": {
|
|
1118
|
-
"name": "AuroElement",
|
|
1119
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1120
|
-
}
|
|
1121
|
-
},
|
|
1122
|
-
{
|
|
1123
|
-
"kind": "field",
|
|
1124
|
-
"name": "shape",
|
|
1125
|
-
"privacy": "public",
|
|
1023
|
+
"name": "aria-disabled",
|
|
1126
1024
|
"type": {
|
|
1127
1025
|
"text": "string"
|
|
1128
1026
|
},
|
|
1129
|
-
"
|
|
1130
|
-
"
|
|
1131
|
-
"inheritedFrom": {
|
|
1132
|
-
"name": "AuroElement",
|
|
1133
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1134
|
-
}
|
|
1027
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1028
|
+
"fieldName": "ariaDisabled"
|
|
1135
1029
|
},
|
|
1136
1030
|
{
|
|
1137
|
-
"
|
|
1138
|
-
"name": "size",
|
|
1139
|
-
"privacy": "public",
|
|
1031
|
+
"name": "role",
|
|
1140
1032
|
"type": {
|
|
1141
1033
|
"text": "string"
|
|
1142
1034
|
},
|
|
1143
|
-
"
|
|
1144
|
-
"
|
|
1145
|
-
"inheritedFrom": {
|
|
1146
|
-
"name": "AuroElement",
|
|
1147
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1148
|
-
}
|
|
1035
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1036
|
+
"fieldName": "role"
|
|
1149
1037
|
}
|
|
1150
1038
|
],
|
|
1151
|
-
"
|
|
1039
|
+
"superclass": {
|
|
1040
|
+
"name": "LitElement",
|
|
1041
|
+
"package": "lit"
|
|
1042
|
+
},
|
|
1043
|
+
"tagName": "auro-checkbox",
|
|
1044
|
+
"customElement": true
|
|
1045
|
+
}
|
|
1046
|
+
],
|
|
1047
|
+
"exports": [
|
|
1048
|
+
{
|
|
1049
|
+
"kind": "js",
|
|
1050
|
+
"name": "AuroCheckbox",
|
|
1051
|
+
"declaration": {
|
|
1052
|
+
"name": "AuroCheckbox",
|
|
1053
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1054
|
+
}
|
|
1055
|
+
}
|
|
1056
|
+
]
|
|
1057
|
+
},
|
|
1058
|
+
{
|
|
1059
|
+
"kind": "javascript-module",
|
|
1060
|
+
"path": "components/checkbox/src/index.js",
|
|
1061
|
+
"declarations": [],
|
|
1062
|
+
"exports": [
|
|
1063
|
+
{
|
|
1064
|
+
"kind": "js",
|
|
1065
|
+
"name": "AuroCheckbox",
|
|
1066
|
+
"declaration": {
|
|
1067
|
+
"name": "AuroCheckbox",
|
|
1068
|
+
"module": "components/checkbox/src/index.js"
|
|
1069
|
+
}
|
|
1070
|
+
},
|
|
1071
|
+
{
|
|
1072
|
+
"kind": "js",
|
|
1073
|
+
"name": "AuroCheckboxGroup",
|
|
1074
|
+
"declaration": {
|
|
1075
|
+
"name": "AuroCheckboxGroup",
|
|
1076
|
+
"module": "components/checkbox/src/index.js"
|
|
1077
|
+
}
|
|
1078
|
+
}
|
|
1079
|
+
]
|
|
1080
|
+
},
|
|
1081
|
+
{
|
|
1082
|
+
"kind": "javascript-module",
|
|
1083
|
+
"path": "components/checkbox/src/registered.js",
|
|
1084
|
+
"declarations": [],
|
|
1085
|
+
"exports": []
|
|
1086
|
+
},
|
|
1087
|
+
{
|
|
1088
|
+
"kind": "javascript-module",
|
|
1089
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1090
|
+
"declarations": [
|
|
1091
|
+
{
|
|
1092
|
+
"kind": "class",
|
|
1093
|
+
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
1094
|
+
"name": "AuroCombobox",
|
|
1095
|
+
"slots": [
|
|
1152
1096
|
{
|
|
1153
|
-
"
|
|
1154
|
-
"
|
|
1155
|
-
"text": "CustomEvent"
|
|
1156
|
-
},
|
|
1157
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1097
|
+
"description": "Default slot for the menu content.",
|
|
1098
|
+
"name": ""
|
|
1158
1099
|
},
|
|
1159
1100
|
{
|
|
1160
|
-
"name": "input",
|
|
1161
1101
|
"type": {
|
|
1162
|
-
"text": "
|
|
1102
|
+
"text": "HTMLSlotElement"
|
|
1163
1103
|
},
|
|
1164
|
-
"description": "
|
|
1104
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1105
|
+
"name": "optionalLabel"
|
|
1165
1106
|
},
|
|
1166
1107
|
{
|
|
1167
|
-
"
|
|
1168
|
-
"
|
|
1169
|
-
"text": "CustomEvent"
|
|
1170
|
-
},
|
|
1171
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1108
|
+
"description": "Sets aria-label on clear button",
|
|
1109
|
+
"name": "ariaLabel.input.clear"
|
|
1172
1110
|
},
|
|
1173
1111
|
{
|
|
1174
|
-
"description": "
|
|
1175
|
-
"name": "
|
|
1176
|
-
}
|
|
1177
|
-
],
|
|
1178
|
-
"attributes": [
|
|
1179
|
-
{
|
|
1180
|
-
"name": "appearance",
|
|
1181
|
-
"type": {
|
|
1182
|
-
"text": "string"
|
|
1183
|
-
},
|
|
1184
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1185
|
-
"default": "'default'",
|
|
1186
|
-
"fieldName": "appearance"
|
|
1112
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1113
|
+
"name": "ariaLabel.bib.close"
|
|
1187
1114
|
},
|
|
1188
1115
|
{
|
|
1189
|
-
"
|
|
1190
|
-
"
|
|
1191
|
-
"text": "string"
|
|
1192
|
-
},
|
|
1193
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1194
|
-
"fieldName": "autocomplete"
|
|
1116
|
+
"description": "Defines the headline to display above menu-options",
|
|
1117
|
+
"name": "bib.fullscreen.headline"
|
|
1195
1118
|
},
|
|
1196
1119
|
{
|
|
1197
|
-
"
|
|
1198
|
-
"
|
|
1199
|
-
"text": "boolean"
|
|
1200
|
-
},
|
|
1201
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1202
|
-
"fieldName": "autoPlacement"
|
|
1120
|
+
"description": "Defines the content of the label.",
|
|
1121
|
+
"name": "label"
|
|
1203
1122
|
},
|
|
1204
1123
|
{
|
|
1205
|
-
"
|
|
1206
|
-
"
|
|
1207
|
-
"text": "array"
|
|
1208
|
-
},
|
|
1209
|
-
"description": "Array of available options to display in the dropdown.",
|
|
1210
|
-
"fieldName": "availableOptions"
|
|
1124
|
+
"description": "Defines the content of the helpText.",
|
|
1125
|
+
"name": "helpText"
|
|
1211
1126
|
},
|
|
1212
1127
|
{
|
|
1213
|
-
"
|
|
1214
|
-
"
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
"default": "'suggestion'",
|
|
1219
|
-
"fieldName": "behavior"
|
|
1220
|
-
},
|
|
1128
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1129
|
+
"name": "displayValue"
|
|
1130
|
+
}
|
|
1131
|
+
],
|
|
1132
|
+
"members": [
|
|
1221
1133
|
{
|
|
1222
|
-
"
|
|
1223
|
-
"
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1134
|
+
"kind": "method",
|
|
1135
|
+
"name": "_initializeDefaults",
|
|
1136
|
+
"privacy": "private",
|
|
1137
|
+
"return": {
|
|
1138
|
+
"type": {
|
|
1139
|
+
"text": "void"
|
|
1140
|
+
}
|
|
1141
|
+
}
|
|
1228
1142
|
},
|
|
1229
1143
|
{
|
|
1230
|
-
"
|
|
1231
|
-
"
|
|
1232
|
-
|
|
1144
|
+
"kind": "field",
|
|
1145
|
+
"name": "inputValue",
|
|
1146
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1147
|
+
"return": {
|
|
1148
|
+
"type": {
|
|
1149
|
+
"text": "string|undefined"
|
|
1150
|
+
}
|
|
1233
1151
|
},
|
|
1234
|
-
"
|
|
1235
|
-
"fieldName": "disabled"
|
|
1152
|
+
"readonly": true
|
|
1236
1153
|
},
|
|
1237
1154
|
{
|
|
1238
|
-
"
|
|
1239
|
-
"
|
|
1240
|
-
|
|
1241
|
-
|
|
1242
|
-
|
|
1243
|
-
|
|
1155
|
+
"kind": "method",
|
|
1156
|
+
"name": "isValid",
|
|
1157
|
+
"description": "Checks if the element is valid.",
|
|
1158
|
+
"return": {
|
|
1159
|
+
"type": {
|
|
1160
|
+
"text": "boolean"
|
|
1161
|
+
}
|
|
1162
|
+
}
|
|
1244
1163
|
},
|
|
1245
1164
|
{
|
|
1246
|
-
"
|
|
1247
|
-
"
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1165
|
+
"kind": "method",
|
|
1166
|
+
"name": "register",
|
|
1167
|
+
"static": true,
|
|
1168
|
+
"parameters": [
|
|
1169
|
+
{
|
|
1170
|
+
"name": "name",
|
|
1171
|
+
"default": "'auro-combobox'",
|
|
1172
|
+
"description": "The name of the element that you want to register.",
|
|
1173
|
+
"optional": true,
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "string"
|
|
1176
|
+
}
|
|
1177
|
+
}
|
|
1178
|
+
],
|
|
1179
|
+
"description": "This will register this element with the browser."
|
|
1252
1180
|
},
|
|
1253
1181
|
{
|
|
1254
|
-
"
|
|
1255
|
-
"
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
"description": "Specifies the input mask format.",
|
|
1259
|
-
"fieldName": "format"
|
|
1182
|
+
"kind": "method",
|
|
1183
|
+
"name": "updateFilter",
|
|
1184
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1185
|
+
"privacy": "private"
|
|
1260
1186
|
},
|
|
1261
1187
|
{
|
|
1262
|
-
"
|
|
1263
|
-
"
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
"
|
|
1267
|
-
|
|
1188
|
+
"kind": "method",
|
|
1189
|
+
"name": "syncValuesAndStates",
|
|
1190
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1191
|
+
"privacy": "private",
|
|
1192
|
+
"return": {
|
|
1193
|
+
"type": {
|
|
1194
|
+
"text": "void"
|
|
1195
|
+
}
|
|
1196
|
+
}
|
|
1268
1197
|
},
|
|
1269
1198
|
{
|
|
1270
|
-
"
|
|
1271
|
-
"
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1199
|
+
"kind": "method",
|
|
1200
|
+
"name": "updateTriggerTextDisplay",
|
|
1201
|
+
"parameters": [
|
|
1202
|
+
{
|
|
1203
|
+
"name": "label",
|
|
1204
|
+
"description": "The label of the selected option.",
|
|
1205
|
+
"type": {
|
|
1206
|
+
"text": "string"
|
|
1207
|
+
}
|
|
1208
|
+
}
|
|
1209
|
+
],
|
|
1210
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1211
|
+
"privacy": "private"
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
"kind": "method",
|
|
1215
|
+
"name": "handleMenuOptions",
|
|
1216
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1217
|
+
"privacy": "private",
|
|
1218
|
+
"return": {
|
|
1219
|
+
"type": {
|
|
1220
|
+
"text": "void"
|
|
1221
|
+
}
|
|
1280
1222
|
}
|
|
1281
1223
|
},
|
|
1282
1224
|
{
|
|
1283
|
-
"
|
|
1284
|
-
"
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
"
|
|
1288
|
-
|
|
1225
|
+
"kind": "method",
|
|
1226
|
+
"name": "generateOptionsArray",
|
|
1227
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1228
|
+
"privacy": "private",
|
|
1229
|
+
"return": {
|
|
1230
|
+
"type": {
|
|
1231
|
+
"text": "void"
|
|
1232
|
+
}
|
|
1233
|
+
}
|
|
1289
1234
|
},
|
|
1290
1235
|
{
|
|
1291
|
-
"
|
|
1292
|
-
"
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1236
|
+
"kind": "method",
|
|
1237
|
+
"name": "hideBib",
|
|
1238
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1239
|
+
"return": {
|
|
1240
|
+
"type": {
|
|
1241
|
+
"text": "void"
|
|
1242
|
+
}
|
|
1243
|
+
}
|
|
1297
1244
|
},
|
|
1298
1245
|
{
|
|
1299
|
-
"
|
|
1300
|
-
"
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1246
|
+
"kind": "method",
|
|
1247
|
+
"name": "showBib",
|
|
1248
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1249
|
+
"return": {
|
|
1250
|
+
"type": {
|
|
1251
|
+
"text": "void"
|
|
1252
|
+
}
|
|
1253
|
+
}
|
|
1305
1254
|
},
|
|
1306
1255
|
{
|
|
1307
|
-
"
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
"
|
|
1312
|
-
|
|
1256
|
+
"kind": "method",
|
|
1257
|
+
"name": "configureDropdown",
|
|
1258
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1259
|
+
"privacy": "private",
|
|
1260
|
+
"return": {
|
|
1261
|
+
"type": {
|
|
1262
|
+
"text": "void"
|
|
1263
|
+
}
|
|
1264
|
+
}
|
|
1313
1265
|
},
|
|
1314
1266
|
{
|
|
1315
|
-
"
|
|
1316
|
-
"
|
|
1317
|
-
|
|
1318
|
-
},
|
|
1319
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1320
|
-
"fieldName": "noValidate"
|
|
1267
|
+
"kind": "method",
|
|
1268
|
+
"name": "setClearBtnFocus",
|
|
1269
|
+
"privacy": "private"
|
|
1321
1270
|
},
|
|
1322
1271
|
{
|
|
1323
|
-
"
|
|
1324
|
-
"
|
|
1325
|
-
|
|
1326
|
-
},
|
|
1327
|
-
"description": "Gap between the trigger element and bib.",
|
|
1328
|
-
"default": "0",
|
|
1329
|
-
"fieldName": "offset"
|
|
1272
|
+
"kind": "method",
|
|
1273
|
+
"name": "setInputFocus",
|
|
1274
|
+
"privacy": "private"
|
|
1330
1275
|
},
|
|
1331
1276
|
{
|
|
1332
|
-
"
|
|
1333
|
-
"
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1337
|
-
"fieldName": "onDark"
|
|
1277
|
+
"kind": "method",
|
|
1278
|
+
"name": "updateMenuShapeSize",
|
|
1279
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1280
|
+
"privacy": "private"
|
|
1338
1281
|
},
|
|
1339
1282
|
{
|
|
1340
|
-
"
|
|
1341
|
-
"
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
"
|
|
1345
|
-
|
|
1283
|
+
"kind": "method",
|
|
1284
|
+
"name": "configureMenu",
|
|
1285
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1286
|
+
"privacy": "private",
|
|
1287
|
+
"return": {
|
|
1288
|
+
"type": {
|
|
1289
|
+
"text": "void"
|
|
1290
|
+
}
|
|
1291
|
+
}
|
|
1346
1292
|
},
|
|
1347
1293
|
{
|
|
1348
|
-
"
|
|
1349
|
-
"
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
"
|
|
1353
|
-
|
|
1294
|
+
"kind": "method",
|
|
1295
|
+
"name": "configureInput",
|
|
1296
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1297
|
+
"privacy": "private",
|
|
1298
|
+
"return": {
|
|
1299
|
+
"type": {
|
|
1300
|
+
"text": "void"
|
|
1301
|
+
}
|
|
1302
|
+
}
|
|
1354
1303
|
},
|
|
1355
1304
|
{
|
|
1356
|
-
"
|
|
1357
|
-
"
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
|
|
1362
|
-
|
|
1305
|
+
"kind": "method",
|
|
1306
|
+
"name": "handleMenuLoadingChange",
|
|
1307
|
+
"parameters": [
|
|
1308
|
+
{
|
|
1309
|
+
"name": "event",
|
|
1310
|
+
"description": "The event object containing details about the loading state change.",
|
|
1311
|
+
"type": {
|
|
1312
|
+
"text": "CustomEvent"
|
|
1313
|
+
}
|
|
1314
|
+
},
|
|
1315
|
+
{
|
|
1316
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1317
|
+
"name": "event.detail.loading",
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "boolean"
|
|
1320
|
+
}
|
|
1321
|
+
},
|
|
1322
|
+
{
|
|
1323
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1324
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1325
|
+
"type": {
|
|
1326
|
+
"text": "boolean"
|
|
1327
|
+
}
|
|
1328
|
+
}
|
|
1329
|
+
],
|
|
1330
|
+
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1331
|
+
"privacy": "private",
|
|
1332
|
+
"return": {
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "void"
|
|
1335
|
+
}
|
|
1336
|
+
}
|
|
1363
1337
|
},
|
|
1364
1338
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1339
|
+
"kind": "method",
|
|
1340
|
+
"name": "handleInputValueChange",
|
|
1341
|
+
"parameters": [
|
|
1342
|
+
{
|
|
1343
|
+
"name": "event",
|
|
1344
|
+
"description": "The input event triggered by the input element.",
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "Event"
|
|
1347
|
+
}
|
|
1348
|
+
}
|
|
1349
|
+
],
|
|
1350
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1351
|
+
"privacy": "private",
|
|
1352
|
+
"return": {
|
|
1353
|
+
"type": {
|
|
1354
|
+
"text": "void"
|
|
1355
|
+
}
|
|
1356
|
+
}
|
|
1371
1357
|
},
|
|
1372
1358
|
{
|
|
1373
|
-
"
|
|
1359
|
+
"kind": "method",
|
|
1360
|
+
"name": "configureCombobox",
|
|
1361
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1362
|
+
"privacy": "private",
|
|
1363
|
+
"return": {
|
|
1364
|
+
"type": {
|
|
1365
|
+
"text": "void"
|
|
1366
|
+
}
|
|
1367
|
+
}
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"kind": "method",
|
|
1371
|
+
"name": "focus",
|
|
1372
|
+
"description": "Focuses the combobox trigger input.",
|
|
1373
|
+
"return": {
|
|
1374
|
+
"type": {
|
|
1375
|
+
"text": "void"
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"kind": "method",
|
|
1381
|
+
"name": "setMenuValue",
|
|
1382
|
+
"parameters": [
|
|
1383
|
+
{
|
|
1384
|
+
"name": "value",
|
|
1385
|
+
"description": "The value to set on the menu.",
|
|
1386
|
+
"type": {
|
|
1387
|
+
"text": "string"
|
|
1388
|
+
}
|
|
1389
|
+
}
|
|
1390
|
+
],
|
|
1391
|
+
"description": "Sets the menu value if menu is available.",
|
|
1392
|
+
"return": {
|
|
1393
|
+
"type": {
|
|
1394
|
+
"text": "void"
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
},
|
|
1398
|
+
{
|
|
1399
|
+
"kind": "method",
|
|
1400
|
+
"name": "reset",
|
|
1401
|
+
"description": "Resets component to initial state.",
|
|
1402
|
+
"return": {
|
|
1403
|
+
"type": {
|
|
1404
|
+
"text": "void"
|
|
1405
|
+
}
|
|
1406
|
+
}
|
|
1407
|
+
},
|
|
1408
|
+
{
|
|
1409
|
+
"kind": "method",
|
|
1410
|
+
"name": "clear",
|
|
1411
|
+
"description": "Clears the current value of the combobox.",
|
|
1412
|
+
"return": {
|
|
1413
|
+
"type": {
|
|
1414
|
+
"text": "void"
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
},
|
|
1418
|
+
{
|
|
1419
|
+
"kind": "method",
|
|
1420
|
+
"name": "validate",
|
|
1421
|
+
"parameters": [
|
|
1422
|
+
{
|
|
1423
|
+
"name": "force",
|
|
1424
|
+
"default": "false",
|
|
1425
|
+
"description": "Whether to force validation.",
|
|
1426
|
+
"optional": true,
|
|
1427
|
+
"type": {
|
|
1428
|
+
"text": "boolean"
|
|
1429
|
+
}
|
|
1430
|
+
}
|
|
1431
|
+
],
|
|
1432
|
+
"description": "Validates value."
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"kind": "method",
|
|
1436
|
+
"name": "transportAssignedNodes",
|
|
1437
|
+
"parameters": [
|
|
1438
|
+
{
|
|
1439
|
+
"name": "slot",
|
|
1440
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1441
|
+
"type": {
|
|
1442
|
+
"text": "HTMLSlotElement"
|
|
1443
|
+
}
|
|
1444
|
+
},
|
|
1445
|
+
{
|
|
1446
|
+
"name": "target",
|
|
1447
|
+
"description": "The target element to apply the nodes to.",
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "HTMLElement"
|
|
1450
|
+
}
|
|
1451
|
+
},
|
|
1452
|
+
{
|
|
1453
|
+
"name": "newSlotName",
|
|
1454
|
+
"description": "The new slot name for the applied nodes.",
|
|
1455
|
+
"type": {
|
|
1456
|
+
"text": "string"
|
|
1457
|
+
}
|
|
1458
|
+
}
|
|
1459
|
+
],
|
|
1460
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1461
|
+
"privacy": "private",
|
|
1462
|
+
"return": {
|
|
1463
|
+
"type": {
|
|
1464
|
+
"text": "void"
|
|
1465
|
+
}
|
|
1466
|
+
}
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"kind": "method",
|
|
1470
|
+
"name": "updateActiveOption",
|
|
1471
|
+
"parameters": [
|
|
1472
|
+
{
|
|
1473
|
+
"name": "index",
|
|
1474
|
+
"description": "Index of the option to make active.",
|
|
1475
|
+
"type": {
|
|
1476
|
+
"text": "number"
|
|
1477
|
+
}
|
|
1478
|
+
}
|
|
1479
|
+
],
|
|
1480
|
+
"description": "Updates the active option in the menu."
|
|
1481
|
+
},
|
|
1482
|
+
{
|
|
1483
|
+
"kind": "method",
|
|
1484
|
+
"name": "handleSlotChange",
|
|
1485
|
+
"parameters": [
|
|
1486
|
+
{
|
|
1487
|
+
"name": "event",
|
|
1488
|
+
"description": "`slotchange` event.",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "Event"
|
|
1491
|
+
}
|
|
1492
|
+
}
|
|
1493
|
+
],
|
|
1494
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1495
|
+
"privacy": "private",
|
|
1496
|
+
"return": {
|
|
1497
|
+
"type": {
|
|
1498
|
+
"text": "void"
|
|
1499
|
+
}
|
|
1500
|
+
}
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"kind": "field",
|
|
1504
|
+
"name": "appearance",
|
|
1505
|
+
"privacy": "public",
|
|
1374
1506
|
"type": {
|
|
1375
|
-
"text": "
|
|
1507
|
+
"text": "string"
|
|
1376
1508
|
},
|
|
1377
|
-
"description": "
|
|
1378
|
-
"
|
|
1509
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1510
|
+
"default": "'default'",
|
|
1511
|
+
"attribute": "appearance",
|
|
1512
|
+
"reflects": true
|
|
1379
1513
|
},
|
|
1380
1514
|
{
|
|
1381
|
-
"
|
|
1515
|
+
"kind": "field",
|
|
1516
|
+
"name": "autocomplete",
|
|
1517
|
+
"privacy": "public",
|
|
1382
1518
|
"type": {
|
|
1383
1519
|
"text": "string"
|
|
1384
1520
|
},
|
|
1385
|
-
"description": "
|
|
1386
|
-
"
|
|
1521
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1522
|
+
"attribute": "autocomplete",
|
|
1523
|
+
"reflects": true
|
|
1387
1524
|
},
|
|
1388
1525
|
{
|
|
1389
|
-
"
|
|
1526
|
+
"kind": "field",
|
|
1527
|
+
"name": "autoPlacement",
|
|
1528
|
+
"privacy": "public",
|
|
1390
1529
|
"type": {
|
|
1391
|
-
"text": "
|
|
1530
|
+
"text": "boolean"
|
|
1392
1531
|
},
|
|
1393
|
-
"description": "
|
|
1394
|
-
"
|
|
1532
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1533
|
+
"attribute": "autoPlacement",
|
|
1534
|
+
"reflects": true
|
|
1395
1535
|
},
|
|
1396
1536
|
{
|
|
1397
|
-
"
|
|
1537
|
+
"kind": "field",
|
|
1538
|
+
"name": "availableOptions",
|
|
1539
|
+
"privacy": "private",
|
|
1398
1540
|
"type": {
|
|
1399
|
-
"text": "
|
|
1541
|
+
"text": "array"
|
|
1400
1542
|
},
|
|
1401
|
-
"description": "
|
|
1402
|
-
"
|
|
1543
|
+
"description": "Array of available options to display in the dropdown.",
|
|
1544
|
+
"attribute": "availableOptions"
|
|
1403
1545
|
},
|
|
1404
1546
|
{
|
|
1405
|
-
"
|
|
1547
|
+
"kind": "field",
|
|
1548
|
+
"name": "behavior",
|
|
1549
|
+
"privacy": "public",
|
|
1406
1550
|
"type": {
|
|
1407
|
-
"text": "
|
|
1551
|
+
"text": "'filter' | 'suggestion'"
|
|
1408
1552
|
},
|
|
1409
|
-
"description": "
|
|
1410
|
-
"
|
|
1553
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1554
|
+
"default": "'suggestion'",
|
|
1555
|
+
"attribute": "behavior",
|
|
1556
|
+
"reflects": true
|
|
1411
1557
|
},
|
|
1412
1558
|
{
|
|
1413
|
-
"
|
|
1559
|
+
"kind": "field",
|
|
1560
|
+
"name": "checkmark",
|
|
1561
|
+
"privacy": "public",
|
|
1414
1562
|
"type": {
|
|
1415
1563
|
"text": "boolean"
|
|
1416
1564
|
},
|
|
1417
|
-
"description": "
|
|
1418
|
-
"
|
|
1565
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1566
|
+
"attribute": "checkmark",
|
|
1567
|
+
"reflects": true
|
|
1419
1568
|
},
|
|
1420
1569
|
{
|
|
1421
|
-
"
|
|
1570
|
+
"kind": "field",
|
|
1571
|
+
"name": "disabled",
|
|
1572
|
+
"privacy": "public",
|
|
1422
1573
|
"type": {
|
|
1423
|
-
"text": "
|
|
1574
|
+
"text": "boolean"
|
|
1424
1575
|
},
|
|
1425
|
-
"description": "
|
|
1426
|
-
"
|
|
1576
|
+
"description": "If set, disables the combobox.",
|
|
1577
|
+
"attribute": "disabled",
|
|
1578
|
+
"reflects": true
|
|
1427
1579
|
},
|
|
1428
1580
|
{
|
|
1429
|
-
"
|
|
1581
|
+
"kind": "field",
|
|
1582
|
+
"name": "dropdownId",
|
|
1583
|
+
"privacy": "private",
|
|
1430
1584
|
"type": {
|
|
1431
1585
|
"text": "string"
|
|
1432
1586
|
},
|
|
1433
|
-
"description": "
|
|
1434
|
-
"fieldName": "typedValue"
|
|
1587
|
+
"description": "ID for the dropdown."
|
|
1435
1588
|
},
|
|
1436
1589
|
{
|
|
1437
|
-
"
|
|
1590
|
+
"kind": "field",
|
|
1591
|
+
"name": "dropdownOpen",
|
|
1592
|
+
"privacy": "private",
|
|
1438
1593
|
"type": {
|
|
1439
|
-
"text": "
|
|
1594
|
+
"text": "boolean"
|
|
1440
1595
|
},
|
|
1441
|
-
"description": "
|
|
1442
|
-
"fieldName": "validity"
|
|
1596
|
+
"description": "Whether or not the dropdown is open."
|
|
1443
1597
|
},
|
|
1444
1598
|
{
|
|
1445
|
-
"
|
|
1599
|
+
"kind": "field",
|
|
1600
|
+
"name": "dvInputOnly",
|
|
1601
|
+
"privacy": "public",
|
|
1446
1602
|
"type": {
|
|
1447
|
-
"text": "
|
|
1603
|
+
"text": "boolean"
|
|
1448
1604
|
},
|
|
1449
|
-
"description": "
|
|
1450
|
-
"
|
|
1605
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1606
|
+
"attribute": "dvInputOnly",
|
|
1607
|
+
"reflects": true
|
|
1451
1608
|
},
|
|
1452
1609
|
{
|
|
1453
|
-
"
|
|
1610
|
+
"kind": "field",
|
|
1611
|
+
"name": "error",
|
|
1612
|
+
"privacy": "public",
|
|
1454
1613
|
"type": {
|
|
1455
|
-
"text": "
|
|
1614
|
+
"text": "string"
|
|
1456
1615
|
},
|
|
1457
|
-
"description": "
|
|
1458
|
-
"
|
|
1616
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1617
|
+
"attribute": "error",
|
|
1618
|
+
"reflects": true
|
|
1459
1619
|
},
|
|
1460
1620
|
{
|
|
1461
|
-
"
|
|
1621
|
+
"kind": "field",
|
|
1622
|
+
"name": "format",
|
|
1623
|
+
"privacy": "public",
|
|
1462
1624
|
"type": {
|
|
1463
|
-
"text": "
|
|
1625
|
+
"text": "string"
|
|
1464
1626
|
},
|
|
1465
|
-
"description": "
|
|
1466
|
-
"
|
|
1467
|
-
"
|
|
1627
|
+
"description": "Specifies the input mask format.",
|
|
1628
|
+
"attribute": "format",
|
|
1629
|
+
"reflects": true
|
|
1468
1630
|
},
|
|
1469
1631
|
{
|
|
1470
|
-
"
|
|
1632
|
+
"kind": "field",
|
|
1633
|
+
"name": "inputmode",
|
|
1634
|
+
"privacy": "public",
|
|
1471
1635
|
"type": {
|
|
1472
1636
|
"text": "string"
|
|
1473
1637
|
},
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
|
|
1477
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1478
|
-
}
|
|
1638
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1639
|
+
"attribute": "inputmode",
|
|
1640
|
+
"reflects": true
|
|
1479
1641
|
},
|
|
1480
1642
|
{
|
|
1481
|
-
"
|
|
1643
|
+
"kind": "field",
|
|
1644
|
+
"name": "layout",
|
|
1645
|
+
"privacy": "public",
|
|
1482
1646
|
"type": {
|
|
1483
1647
|
"text": "string"
|
|
1484
1648
|
},
|
|
1485
|
-
"
|
|
1649
|
+
"description": "Sets the layout of the combobox.",
|
|
1650
|
+
"default": "'classic'",
|
|
1651
|
+
"attribute": "layout",
|
|
1652
|
+
"reflects": true,
|
|
1486
1653
|
"inheritedFrom": {
|
|
1487
1654
|
"name": "AuroElement",
|
|
1488
1655
|
"module": "components/layoutElement/src/auroElement.js"
|
|
1489
1656
|
}
|
|
1490
1657
|
},
|
|
1491
1658
|
{
|
|
1492
|
-
"
|
|
1659
|
+
"kind": "field",
|
|
1660
|
+
"name": "matchWidth",
|
|
1661
|
+
"privacy": "private",
|
|
1493
1662
|
"type": {
|
|
1494
1663
|
"text": "boolean"
|
|
1495
1664
|
},
|
|
1496
|
-
"
|
|
1497
|
-
"
|
|
1498
|
-
|
|
1499
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1500
|
-
}
|
|
1501
|
-
}
|
|
1502
|
-
],
|
|
1503
|
-
"superclass": {
|
|
1504
|
-
"name": "AuroElement",
|
|
1505
|
-
"module": "/components/layoutElement/src/auroElement.js"
|
|
1506
|
-
},
|
|
1507
|
-
"tagName": "auro-combobox",
|
|
1508
|
-
"customElement": true
|
|
1509
|
-
}
|
|
1510
|
-
],
|
|
1511
|
-
"exports": [
|
|
1512
|
-
{
|
|
1513
|
-
"kind": "js",
|
|
1514
|
-
"name": "AuroCombobox",
|
|
1515
|
-
"declaration": {
|
|
1516
|
-
"name": "AuroCombobox",
|
|
1517
|
-
"module": "components/combobox/src/auro-combobox.js"
|
|
1518
|
-
}
|
|
1519
|
-
}
|
|
1520
|
-
]
|
|
1521
|
-
},
|
|
1522
|
-
{
|
|
1523
|
-
"kind": "javascript-module",
|
|
1524
|
-
"path": "components/combobox/src/index.js",
|
|
1525
|
-
"declarations": [],
|
|
1526
|
-
"exports": [
|
|
1527
|
-
{
|
|
1528
|
-
"kind": "js",
|
|
1529
|
-
"name": "AuroCombobox",
|
|
1530
|
-
"declaration": {
|
|
1531
|
-
"name": "AuroCombobox",
|
|
1532
|
-
"module": "components/combobox/src/index.js"
|
|
1533
|
-
}
|
|
1534
|
-
}
|
|
1535
|
-
]
|
|
1536
|
-
},
|
|
1537
|
-
{
|
|
1538
|
-
"kind": "javascript-module",
|
|
1539
|
-
"path": "components/combobox/src/registered.js",
|
|
1540
|
-
"declarations": [],
|
|
1541
|
-
"exports": [
|
|
1542
|
-
{
|
|
1543
|
-
"kind": "js",
|
|
1544
|
-
"name": "AuroCombobox",
|
|
1545
|
-
"declaration": {
|
|
1546
|
-
"name": "AuroCombobox",
|
|
1547
|
-
"module": "components/combobox/src/registered.js"
|
|
1548
|
-
}
|
|
1549
|
-
}
|
|
1550
|
-
]
|
|
1551
|
-
},
|
|
1552
|
-
{
|
|
1553
|
-
"kind": "javascript-module",
|
|
1554
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1555
|
-
"declarations": [
|
|
1556
|
-
{
|
|
1557
|
-
"kind": "class",
|
|
1558
|
-
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1559
|
-
"name": "AuroCheckboxGroup",
|
|
1560
|
-
"slots": [
|
|
1561
|
-
{
|
|
1562
|
-
"description": "Allows for the legend to be overridden.",
|
|
1563
|
-
"name": "legend"
|
|
1564
|
-
},
|
|
1565
|
-
{
|
|
1566
|
-
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1567
|
-
"name": "optionalLabel"
|
|
1568
|
-
},
|
|
1569
|
-
{
|
|
1570
|
-
"description": "Allows for the helper text to be overridden.",
|
|
1571
|
-
"name": "helpText"
|
|
1572
|
-
},
|
|
1573
|
-
{
|
|
1574
|
-
"description": "The default slot for the checkbox items.",
|
|
1575
|
-
"name": "default"
|
|
1576
|
-
}
|
|
1577
|
-
],
|
|
1578
|
-
"members": [
|
|
1579
|
-
{
|
|
1580
|
-
"kind": "method",
|
|
1581
|
-
"name": "_initializeDefaults"
|
|
1582
|
-
},
|
|
1583
|
-
{
|
|
1584
|
-
"kind": "method",
|
|
1585
|
-
"name": "register",
|
|
1586
|
-
"static": true,
|
|
1587
|
-
"parameters": [
|
|
1588
|
-
{
|
|
1589
|
-
"name": "name",
|
|
1590
|
-
"default": "\"auro-checkbox-group\"",
|
|
1591
|
-
"description": "The name of the element that you want to register.",
|
|
1592
|
-
"optional": true,
|
|
1593
|
-
"type": {
|
|
1594
|
-
"text": "string"
|
|
1595
|
-
}
|
|
1596
|
-
}
|
|
1597
|
-
],
|
|
1598
|
-
"description": "This will register this element with the browser."
|
|
1599
|
-
},
|
|
1600
|
-
{
|
|
1601
|
-
"kind": "method",
|
|
1602
|
-
"name": "handleValueUpdate",
|
|
1603
|
-
"parameters": [
|
|
1604
|
-
{
|
|
1605
|
-
"name": "value",
|
|
1606
|
-
"description": "The value of the checkbox.",
|
|
1607
|
-
"type": {
|
|
1608
|
-
"text": "String"
|
|
1609
|
-
}
|
|
1610
|
-
},
|
|
1611
|
-
{
|
|
1612
|
-
"name": "selected",
|
|
1613
|
-
"description": "The checked state of the checkbox.",
|
|
1614
|
-
"type": {
|
|
1615
|
-
"text": "Boolean"
|
|
1616
|
-
}
|
|
1617
|
-
}
|
|
1618
|
-
],
|
|
1619
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
1620
|
-
"privacy": "private",
|
|
1621
|
-
"return": {
|
|
1622
|
-
"type": {
|
|
1623
|
-
"text": "void"
|
|
1624
|
-
}
|
|
1625
|
-
}
|
|
1665
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1666
|
+
"attribute": "matchWidth",
|
|
1667
|
+
"reflects": true
|
|
1626
1668
|
},
|
|
1627
1669
|
{
|
|
1628
|
-
"kind": "
|
|
1629
|
-
"name": "
|
|
1630
|
-
"
|
|
1631
|
-
"
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1670
|
+
"kind": "field",
|
|
1671
|
+
"name": "noFilter",
|
|
1672
|
+
"privacy": "public",
|
|
1673
|
+
"type": {
|
|
1674
|
+
"text": "boolean"
|
|
1675
|
+
},
|
|
1676
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1677
|
+
"attribute": "noFilter",
|
|
1678
|
+
"reflects": true
|
|
1637
1679
|
},
|
|
1638
1680
|
{
|
|
1639
|
-
"kind": "
|
|
1640
|
-
"name": "
|
|
1641
|
-
"
|
|
1642
|
-
"
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1681
|
+
"kind": "field",
|
|
1682
|
+
"name": "noFlip",
|
|
1683
|
+
"privacy": "public",
|
|
1684
|
+
"type": {
|
|
1685
|
+
"text": "boolean"
|
|
1686
|
+
},
|
|
1687
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1688
|
+
"attribute": "noFlip",
|
|
1689
|
+
"reflects": true
|
|
1648
1690
|
},
|
|
1649
1691
|
{
|
|
1650
|
-
"kind": "
|
|
1651
|
-
"name": "
|
|
1652
|
-
"
|
|
1653
|
-
"
|
|
1654
|
-
"
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1692
|
+
"kind": "field",
|
|
1693
|
+
"name": "shift",
|
|
1694
|
+
"privacy": "public",
|
|
1695
|
+
"type": {
|
|
1696
|
+
"text": "boolean"
|
|
1697
|
+
},
|
|
1698
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1699
|
+
"attribute": "shift",
|
|
1700
|
+
"reflects": true
|
|
1658
1701
|
},
|
|
1659
1702
|
{
|
|
1660
|
-
"kind": "
|
|
1661
|
-
"name": "
|
|
1662
|
-
"
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
"text": "boolean"
|
|
1670
|
-
}
|
|
1671
|
-
}
|
|
1672
|
-
],
|
|
1673
|
-
"description": "Validates value."
|
|
1703
|
+
"kind": "field",
|
|
1704
|
+
"name": "noValidate",
|
|
1705
|
+
"privacy": "public",
|
|
1706
|
+
"type": {
|
|
1707
|
+
"text": "boolean"
|
|
1708
|
+
},
|
|
1709
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1710
|
+
"attribute": "noValidate",
|
|
1711
|
+
"reflects": true
|
|
1674
1712
|
},
|
|
1675
1713
|
{
|
|
1676
1714
|
"kind": "field",
|
|
1677
|
-
"name": "
|
|
1715
|
+
"name": "offset",
|
|
1678
1716
|
"privacy": "public",
|
|
1679
1717
|
"type": {
|
|
1680
|
-
"text": "
|
|
1718
|
+
"text": "number"
|
|
1681
1719
|
},
|
|
1682
|
-
"description": "
|
|
1683
|
-
"default": "
|
|
1684
|
-
"attribute": "
|
|
1720
|
+
"description": "Gap between the trigger element and bib.",
|
|
1721
|
+
"default": "0",
|
|
1722
|
+
"attribute": "offset",
|
|
1685
1723
|
"reflects": true
|
|
1686
1724
|
},
|
|
1687
1725
|
{
|
|
1688
1726
|
"kind": "field",
|
|
1689
|
-
"name": "
|
|
1727
|
+
"name": "onDark",
|
|
1690
1728
|
"privacy": "public",
|
|
1691
1729
|
"type": {
|
|
1692
1730
|
"text": "boolean"
|
|
1693
1731
|
},
|
|
1694
|
-
"
|
|
1695
|
-
"
|
|
1696
|
-
"
|
|
1732
|
+
"attribute": "onDark",
|
|
1733
|
+
"reflects": true,
|
|
1734
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1735
|
+
"inheritedFrom": {
|
|
1736
|
+
"name": "AuroElement",
|
|
1737
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1738
|
+
}
|
|
1697
1739
|
},
|
|
1698
1740
|
{
|
|
1699
1741
|
"kind": "field",
|
|
1700
|
-
"name": "
|
|
1742
|
+
"name": "optionSelected",
|
|
1701
1743
|
"privacy": "public",
|
|
1702
1744
|
"type": {
|
|
1703
|
-
"text": "
|
|
1745
|
+
"text": "HTMLElement"
|
|
1704
1746
|
},
|
|
1705
|
-
"description": "
|
|
1706
|
-
"attribute": "
|
|
1707
|
-
"reflects": true
|
|
1747
|
+
"description": "Specifies the current selected option.",
|
|
1748
|
+
"attribute": "optionSelected"
|
|
1708
1749
|
},
|
|
1709
1750
|
{
|
|
1710
1751
|
"kind": "field",
|
|
1711
|
-
"name": "
|
|
1752
|
+
"name": "persistInput",
|
|
1712
1753
|
"privacy": "public",
|
|
1713
1754
|
"type": {
|
|
1714
1755
|
"text": "boolean"
|
|
1715
1756
|
},
|
|
1716
|
-
"description": "If
|
|
1717
|
-
"attribute": "
|
|
1757
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1758
|
+
"attribute": "persistInput",
|
|
1718
1759
|
"reflects": true
|
|
1719
1760
|
},
|
|
1720
1761
|
{
|
|
1721
1762
|
"kind": "field",
|
|
1722
|
-
"name": "
|
|
1763
|
+
"name": "placement",
|
|
1723
1764
|
"privacy": "public",
|
|
1724
1765
|
"type": {
|
|
1725
|
-
"text": "
|
|
1766
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1726
1767
|
},
|
|
1727
|
-
"description": "
|
|
1728
|
-
"
|
|
1768
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1769
|
+
"default": "'bottom-start'",
|
|
1770
|
+
"attribute": "placement",
|
|
1729
1771
|
"reflects": true
|
|
1730
1772
|
},
|
|
1731
1773
|
{
|
|
1732
1774
|
"kind": "field",
|
|
1733
|
-
"name": "
|
|
1775
|
+
"name": "placeholder",
|
|
1734
1776
|
"privacy": "public",
|
|
1735
1777
|
"type": {
|
|
1736
|
-
"text": "
|
|
1778
|
+
"text": "string"
|
|
1737
1779
|
},
|
|
1738
|
-
"description": "
|
|
1739
|
-
"attribute": "
|
|
1780
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1781
|
+
"attribute": "placeholder",
|
|
1740
1782
|
"reflects": true
|
|
1741
1783
|
},
|
|
1742
1784
|
{
|
|
@@ -1746,7 +1788,7 @@
|
|
|
1746
1788
|
"type": {
|
|
1747
1789
|
"text": "boolean"
|
|
1748
1790
|
},
|
|
1749
|
-
"description": "Populates the `required` attribute on the
|
|
1791
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1750
1792
|
"attribute": "required",
|
|
1751
1793
|
"reflects": true
|
|
1752
1794
|
},
|
|
@@ -1782,620 +1824,578 @@
|
|
|
1782
1824
|
},
|
|
1783
1825
|
{
|
|
1784
1826
|
"kind": "field",
|
|
1785
|
-
"name": "
|
|
1827
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1786
1828
|
"privacy": "public",
|
|
1787
1829
|
"type": {
|
|
1788
1830
|
"text": "string"
|
|
1789
1831
|
},
|
|
1790
|
-
"description": "
|
|
1791
|
-
"attribute": "
|
|
1792
|
-
"reflects": true
|
|
1793
|
-
}
|
|
1794
|
-
],
|
|
1795
|
-
"events": [
|
|
1796
|
-
{
|
|
1797
|
-
"name": "input",
|
|
1798
|
-
"type": {
|
|
1799
|
-
"text": "CustomEvent"
|
|
1800
|
-
}
|
|
1801
|
-
},
|
|
1802
|
-
{
|
|
1803
|
-
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1804
|
-
"name": "auroFormElement-validated"
|
|
1805
|
-
}
|
|
1806
|
-
],
|
|
1807
|
-
"attributes": [
|
|
1808
|
-
{
|
|
1809
|
-
"name": "appearance",
|
|
1810
|
-
"type": {
|
|
1811
|
-
"text": "'default' | 'inverse'"
|
|
1812
|
-
},
|
|
1813
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1814
|
-
"default": "'default'",
|
|
1815
|
-
"fieldName": "appearance"
|
|
1816
|
-
},
|
|
1817
|
-
{
|
|
1818
|
-
"name": "disabled",
|
|
1819
|
-
"type": {
|
|
1820
|
-
"text": "boolean"
|
|
1821
|
-
},
|
|
1822
|
-
"description": "If set, disables the checkbox group.",
|
|
1823
|
-
"fieldName": "disabled"
|
|
1824
|
-
},
|
|
1825
|
-
{
|
|
1826
|
-
"name": "error",
|
|
1827
|
-
"type": {
|
|
1828
|
-
"text": "string"
|
|
1829
|
-
},
|
|
1830
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1831
|
-
"fieldName": "error"
|
|
1832
|
-
},
|
|
1833
|
-
{
|
|
1834
|
-
"name": "horizontal",
|
|
1835
|
-
"type": {
|
|
1836
|
-
"text": "boolean"
|
|
1837
|
-
},
|
|
1838
|
-
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1839
|
-
"fieldName": "horizontal"
|
|
1832
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1833
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1840
1834
|
},
|
|
1841
1835
|
{
|
|
1842
|
-
"
|
|
1836
|
+
"kind": "field",
|
|
1837
|
+
"name": "touched",
|
|
1838
|
+
"privacy": "private",
|
|
1843
1839
|
"type": {
|
|
1844
1840
|
"text": "boolean"
|
|
1845
1841
|
},
|
|
1846
|
-
"description": "
|
|
1847
|
-
"fieldName": "noValidate"
|
|
1842
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1848
1843
|
},
|
|
1849
1844
|
{
|
|
1850
|
-
"
|
|
1845
|
+
"kind": "field",
|
|
1846
|
+
"name": "triggerIcon",
|
|
1847
|
+
"privacy": "public",
|
|
1851
1848
|
"type": {
|
|
1852
1849
|
"text": "boolean"
|
|
1853
1850
|
},
|
|
1854
|
-
"description": "
|
|
1855
|
-
"
|
|
1851
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1852
|
+
"attribute": "triggerIcon",
|
|
1853
|
+
"reflects": true
|
|
1856
1854
|
},
|
|
1857
1855
|
{
|
|
1858
|
-
"
|
|
1856
|
+
"kind": "field",
|
|
1857
|
+
"name": "type",
|
|
1858
|
+
"privacy": "public",
|
|
1859
1859
|
"type": {
|
|
1860
|
-
"text": "
|
|
1860
|
+
"text": "string"
|
|
1861
1861
|
},
|
|
1862
|
-
"description": "
|
|
1863
|
-
"
|
|
1862
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1863
|
+
"attribute": "type",
|
|
1864
|
+
"reflects": true
|
|
1864
1865
|
},
|
|
1865
1866
|
{
|
|
1866
|
-
"
|
|
1867
|
+
"kind": "field",
|
|
1868
|
+
"name": "typedValue",
|
|
1869
|
+
"privacy": "public",
|
|
1867
1870
|
"type": {
|
|
1868
1871
|
"text": "string"
|
|
1869
1872
|
},
|
|
1870
|
-
"description": "
|
|
1871
|
-
"
|
|
1873
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1874
|
+
"attribute": "typedValue",
|
|
1875
|
+
"reflects": true
|
|
1872
1876
|
},
|
|
1873
1877
|
{
|
|
1874
|
-
"
|
|
1878
|
+
"kind": "field",
|
|
1879
|
+
"name": "validity",
|
|
1880
|
+
"privacy": "public",
|
|
1875
1881
|
"type": {
|
|
1876
1882
|
"text": "string"
|
|
1877
1883
|
},
|
|
1878
|
-
"description": "
|
|
1879
|
-
"
|
|
1884
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1885
|
+
"attribute": "validity",
|
|
1886
|
+
"reflects": true
|
|
1880
1887
|
},
|
|
1881
1888
|
{
|
|
1882
|
-
"
|
|
1889
|
+
"kind": "field",
|
|
1890
|
+
"name": "value",
|
|
1891
|
+
"privacy": "public",
|
|
1883
1892
|
"type": {
|
|
1884
1893
|
"text": "string"
|
|
1885
1894
|
},
|
|
1886
|
-
"description": "
|
|
1887
|
-
"
|
|
1895
|
+
"description": "Value selected for the dropdown menu.",
|
|
1896
|
+
"attribute": "value"
|
|
1888
1897
|
},
|
|
1889
1898
|
{
|
|
1890
|
-
"
|
|
1899
|
+
"kind": "field",
|
|
1900
|
+
"name": "largeFullscreenHeadline",
|
|
1901
|
+
"privacy": "public",
|
|
1891
1902
|
"type": {
|
|
1892
|
-
"text": "
|
|
1903
|
+
"text": "boolean"
|
|
1893
1904
|
},
|
|
1894
|
-
"description": "
|
|
1895
|
-
"
|
|
1896
|
-
|
|
1897
|
-
],
|
|
1898
|
-
"superclass": {
|
|
1899
|
-
"name": "LitElement",
|
|
1900
|
-
"package": "lit"
|
|
1901
|
-
},
|
|
1902
|
-
"tagName": "auro-checkbox-group",
|
|
1903
|
-
"customElement": true
|
|
1904
|
-
}
|
|
1905
|
-
],
|
|
1906
|
-
"exports": [
|
|
1907
|
-
{
|
|
1908
|
-
"kind": "js",
|
|
1909
|
-
"name": "AuroCheckboxGroup",
|
|
1910
|
-
"declaration": {
|
|
1911
|
-
"name": "AuroCheckboxGroup",
|
|
1912
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
1913
|
-
}
|
|
1914
|
-
}
|
|
1915
|
-
]
|
|
1916
|
-
},
|
|
1917
|
-
{
|
|
1918
|
-
"kind": "javascript-module",
|
|
1919
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
1920
|
-
"declarations": [
|
|
1921
|
-
{
|
|
1922
|
-
"kind": "class",
|
|
1923
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
1924
|
-
"name": "AuroCheckbox",
|
|
1925
|
-
"cssParts": [
|
|
1926
|
-
{
|
|
1927
|
-
"description": "apply css to a specific checkbox.",
|
|
1928
|
-
"name": "checkbox"
|
|
1929
|
-
},
|
|
1930
|
-
{
|
|
1931
|
-
"description": "apply css to a specific checkbox's input.",
|
|
1932
|
-
"name": "checkbox-input"
|
|
1933
|
-
},
|
|
1934
|
-
{
|
|
1935
|
-
"description": "apply css to a specific checkbox's label.",
|
|
1936
|
-
"name": "checkbox-label"
|
|
1937
|
-
}
|
|
1938
|
-
],
|
|
1939
|
-
"slots": [
|
|
1940
|
-
{
|
|
1941
|
-
"description": "The default slot for the checkbox label.",
|
|
1942
|
-
"name": "default"
|
|
1943
|
-
}
|
|
1944
|
-
],
|
|
1945
|
-
"members": [
|
|
1946
|
-
{
|
|
1947
|
-
"kind": "method",
|
|
1948
|
-
"name": "_initializeDefaults"
|
|
1949
|
-
},
|
|
1950
|
-
{
|
|
1951
|
-
"kind": "method",
|
|
1952
|
-
"name": "register",
|
|
1953
|
-
"static": true,
|
|
1954
|
-
"parameters": [
|
|
1955
|
-
{
|
|
1956
|
-
"name": "name",
|
|
1957
|
-
"default": "\"auro-checkbox\"",
|
|
1958
|
-
"description": "The name of element that you want to register to.",
|
|
1959
|
-
"optional": true,
|
|
1960
|
-
"type": {
|
|
1961
|
-
"text": "string"
|
|
1962
|
-
}
|
|
1963
|
-
}
|
|
1964
|
-
],
|
|
1965
|
-
"description": "This will register this element with the browser."
|
|
1905
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1906
|
+
"attribute": "largeFullscreenHeadline",
|
|
1907
|
+
"reflects": true
|
|
1966
1908
|
},
|
|
1967
1909
|
{
|
|
1968
|
-
"kind": "
|
|
1969
|
-
"name": "
|
|
1970
|
-
"
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
],
|
|
1979
|
-
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
1980
|
-
"privacy": "private",
|
|
1981
|
-
"return": {
|
|
1982
|
-
"type": {
|
|
1983
|
-
"text": "void"
|
|
1984
|
-
}
|
|
1985
|
-
}
|
|
1910
|
+
"kind": "field",
|
|
1911
|
+
"name": "fullscreenBreakpoint",
|
|
1912
|
+
"privacy": "public",
|
|
1913
|
+
"type": {
|
|
1914
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1915
|
+
},
|
|
1916
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1917
|
+
"default": "'sm'",
|
|
1918
|
+
"attribute": "fullscreenBreakpoint",
|
|
1919
|
+
"reflects": true
|
|
1986
1920
|
},
|
|
1987
1921
|
{
|
|
1988
|
-
"kind": "
|
|
1989
|
-
"name": "
|
|
1990
|
-
"parameters": [
|
|
1991
|
-
{
|
|
1992
|
-
"name": "event",
|
|
1993
|
-
"description": "The input event from the checkbox input.",
|
|
1994
|
-
"type": {
|
|
1995
|
-
"text": "Event"
|
|
1996
|
-
}
|
|
1997
|
-
}
|
|
1998
|
-
],
|
|
1999
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
1922
|
+
"kind": "field",
|
|
1923
|
+
"name": "optionActive",
|
|
2000
1924
|
"privacy": "private",
|
|
2001
|
-
"
|
|
2002
|
-
"
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
}
|
|
1925
|
+
"type": {
|
|
1926
|
+
"text": "object"
|
|
1927
|
+
},
|
|
1928
|
+
"description": "Specifies the currently active option."
|
|
2006
1929
|
},
|
|
2007
1930
|
{
|
|
2008
|
-
"kind": "
|
|
2009
|
-
"name": "
|
|
2010
|
-
"description": "
|
|
1931
|
+
"kind": "field",
|
|
1932
|
+
"name": "componentHasFocus",
|
|
1933
|
+
"description": "Returns true if the element has focus.",
|
|
2011
1934
|
"privacy": "private",
|
|
2012
1935
|
"return": {
|
|
2013
1936
|
"type": {
|
|
2014
|
-
"text": "
|
|
1937
|
+
"text": "boolean"
|
|
2015
1938
|
}
|
|
1939
|
+
},
|
|
1940
|
+
"readonly": true,
|
|
1941
|
+
"inheritedFrom": {
|
|
1942
|
+
"name": "AuroElement",
|
|
1943
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2016
1944
|
}
|
|
2017
1945
|
},
|
|
2018
1946
|
{
|
|
2019
1947
|
"kind": "method",
|
|
2020
|
-
"name": "
|
|
2021
|
-
"
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
"type": {
|
|
2025
|
-
"text": "HTMLElement"
|
|
2026
|
-
}
|
|
1948
|
+
"name": "resetShapeClasses",
|
|
1949
|
+
"inheritedFrom": {
|
|
1950
|
+
"name": "AuroElement",
|
|
1951
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2027
1952
|
}
|
|
2028
1953
|
},
|
|
2029
1954
|
{
|
|
2030
1955
|
"kind": "method",
|
|
2031
|
-
"name": "
|
|
2032
|
-
"
|
|
2033
|
-
|
|
2034
|
-
"
|
|
2035
|
-
"text": "void"
|
|
2036
|
-
}
|
|
1956
|
+
"name": "resetLayoutClasses",
|
|
1957
|
+
"inheritedFrom": {
|
|
1958
|
+
"name": "AuroElement",
|
|
1959
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2037
1960
|
}
|
|
2038
1961
|
},
|
|
2039
1962
|
{
|
|
2040
1963
|
"kind": "method",
|
|
2041
|
-
"name": "
|
|
2042
|
-
"
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
"type": {
|
|
2046
|
-
"text": "void"
|
|
2047
|
-
}
|
|
1964
|
+
"name": "updateComponentArchitecture",
|
|
1965
|
+
"inheritedFrom": {
|
|
1966
|
+
"name": "AuroElement",
|
|
1967
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2048
1968
|
}
|
|
2049
1969
|
},
|
|
2050
1970
|
{
|
|
2051
|
-
"kind": "
|
|
2052
|
-
"name": "
|
|
2053
|
-
"
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2063
|
-
"privacy": "private",
|
|
2064
|
-
"return": {
|
|
2065
|
-
"type": {
|
|
2066
|
-
"text": "void"
|
|
2067
|
-
}
|
|
1971
|
+
"kind": "field",
|
|
1972
|
+
"name": "shape",
|
|
1973
|
+
"privacy": "public",
|
|
1974
|
+
"type": {
|
|
1975
|
+
"text": "string"
|
|
1976
|
+
},
|
|
1977
|
+
"attribute": "shape",
|
|
1978
|
+
"reflects": true,
|
|
1979
|
+
"inheritedFrom": {
|
|
1980
|
+
"name": "AuroElement",
|
|
1981
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2068
1982
|
}
|
|
2069
1983
|
},
|
|
2070
1984
|
{
|
|
2071
1985
|
"kind": "field",
|
|
2072
|
-
"name": "
|
|
1986
|
+
"name": "size",
|
|
2073
1987
|
"privacy": "public",
|
|
2074
1988
|
"type": {
|
|
2075
|
-
"text": "
|
|
1989
|
+
"text": "string"
|
|
1990
|
+
},
|
|
1991
|
+
"attribute": "size",
|
|
1992
|
+
"reflects": true,
|
|
1993
|
+
"inheritedFrom": {
|
|
1994
|
+
"name": "AuroElement",
|
|
1995
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1996
|
+
}
|
|
1997
|
+
}
|
|
1998
|
+
],
|
|
1999
|
+
"events": [
|
|
2000
|
+
{
|
|
2001
|
+
"name": "inputValue",
|
|
2002
|
+
"type": {
|
|
2003
|
+
"text": "CustomEvent"
|
|
2004
|
+
},
|
|
2005
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2006
|
+
},
|
|
2007
|
+
{
|
|
2008
|
+
"name": "input",
|
|
2009
|
+
"type": {
|
|
2010
|
+
"text": "CustomEvent"
|
|
2011
|
+
},
|
|
2012
|
+
"description": "Notifies that the component has a new value set."
|
|
2013
|
+
},
|
|
2014
|
+
{
|
|
2015
|
+
"name": "auroCombobox-valueSet",
|
|
2016
|
+
"type": {
|
|
2017
|
+
"text": "CustomEvent"
|
|
2018
|
+
},
|
|
2019
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2020
|
+
},
|
|
2021
|
+
{
|
|
2022
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2023
|
+
"name": "auroFormElement-validated"
|
|
2024
|
+
}
|
|
2025
|
+
],
|
|
2026
|
+
"attributes": [
|
|
2027
|
+
{
|
|
2028
|
+
"name": "appearance",
|
|
2029
|
+
"type": {
|
|
2030
|
+
"text": "string"
|
|
2076
2031
|
},
|
|
2077
2032
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2078
2033
|
"default": "'default'",
|
|
2079
|
-
"
|
|
2080
|
-
"reflects": true
|
|
2034
|
+
"fieldName": "appearance"
|
|
2081
2035
|
},
|
|
2082
2036
|
{
|
|
2083
|
-
"
|
|
2084
|
-
"
|
|
2085
|
-
|
|
2037
|
+
"name": "autocomplete",
|
|
2038
|
+
"type": {
|
|
2039
|
+
"text": "string"
|
|
2040
|
+
},
|
|
2041
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2042
|
+
"fieldName": "autocomplete"
|
|
2043
|
+
},
|
|
2044
|
+
{
|
|
2045
|
+
"name": "autoPlacement",
|
|
2086
2046
|
"type": {
|
|
2087
2047
|
"text": "boolean"
|
|
2088
2048
|
},
|
|
2089
|
-
"description": "If
|
|
2090
|
-
"
|
|
2091
|
-
|
|
2049
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2050
|
+
"fieldName": "autoPlacement"
|
|
2051
|
+
},
|
|
2052
|
+
{
|
|
2053
|
+
"name": "availableOptions",
|
|
2054
|
+
"type": {
|
|
2055
|
+
"text": "array"
|
|
2056
|
+
},
|
|
2057
|
+
"description": "Array of available options to display in the dropdown.",
|
|
2058
|
+
"fieldName": "availableOptions"
|
|
2059
|
+
},
|
|
2060
|
+
{
|
|
2061
|
+
"name": "behavior",
|
|
2062
|
+
"type": {
|
|
2063
|
+
"text": "'filter' | 'suggestion'"
|
|
2064
|
+
},
|
|
2065
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
2066
|
+
"default": "'suggestion'",
|
|
2067
|
+
"fieldName": "behavior"
|
|
2068
|
+
},
|
|
2069
|
+
{
|
|
2070
|
+
"name": "checkmark",
|
|
2071
|
+
"type": {
|
|
2072
|
+
"text": "boolean"
|
|
2073
|
+
},
|
|
2074
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2075
|
+
"fieldName": "checkmark"
|
|
2092
2076
|
},
|
|
2093
2077
|
{
|
|
2094
|
-
"kind": "field",
|
|
2095
2078
|
"name": "disabled",
|
|
2096
|
-
"privacy": "public",
|
|
2097
2079
|
"type": {
|
|
2098
2080
|
"text": "boolean"
|
|
2099
2081
|
},
|
|
2100
|
-
"description": "If set
|
|
2101
|
-
"
|
|
2102
|
-
"reflects": true
|
|
2082
|
+
"description": "If set, disables the combobox.",
|
|
2083
|
+
"fieldName": "disabled"
|
|
2103
2084
|
},
|
|
2104
2085
|
{
|
|
2105
|
-
"
|
|
2106
|
-
"name": "error",
|
|
2107
|
-
"privacy": "public",
|
|
2086
|
+
"name": "dvInputOnly",
|
|
2108
2087
|
"type": {
|
|
2109
2088
|
"text": "boolean"
|
|
2110
2089
|
},
|
|
2111
|
-
"description": "If
|
|
2112
|
-
"
|
|
2113
|
-
"reflects": true
|
|
2090
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2091
|
+
"fieldName": "dvInputOnly"
|
|
2114
2092
|
},
|
|
2115
2093
|
{
|
|
2116
|
-
"
|
|
2117
|
-
"name": "id",
|
|
2118
|
-
"privacy": "public",
|
|
2094
|
+
"name": "error",
|
|
2119
2095
|
"type": {
|
|
2120
2096
|
"text": "string"
|
|
2121
2097
|
},
|
|
2122
|
-
"description": "
|
|
2123
|
-
"
|
|
2098
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2099
|
+
"fieldName": "error"
|
|
2124
2100
|
},
|
|
2125
2101
|
{
|
|
2126
|
-
"
|
|
2127
|
-
"name": "inputId",
|
|
2128
|
-
"privacy": "private",
|
|
2102
|
+
"name": "format",
|
|
2129
2103
|
"type": {
|
|
2130
2104
|
"text": "string"
|
|
2131
2105
|
},
|
|
2132
|
-
"description": "
|
|
2106
|
+
"description": "Specifies the input mask format.",
|
|
2107
|
+
"fieldName": "format"
|
|
2133
2108
|
},
|
|
2134
2109
|
{
|
|
2135
|
-
"
|
|
2136
|
-
"
|
|
2137
|
-
|
|
2110
|
+
"name": "inputmode",
|
|
2111
|
+
"type": {
|
|
2112
|
+
"text": "string"
|
|
2113
|
+
},
|
|
2114
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2115
|
+
"fieldName": "inputmode"
|
|
2116
|
+
},
|
|
2117
|
+
{
|
|
2118
|
+
"name": "layout",
|
|
2138
2119
|
"type": {
|
|
2139
2120
|
"text": "string"
|
|
2140
2121
|
},
|
|
2141
|
-
"description": "
|
|
2142
|
-
"
|
|
2122
|
+
"description": "Sets the layout of the combobox.",
|
|
2123
|
+
"default": "'classic'",
|
|
2124
|
+
"fieldName": "layout",
|
|
2125
|
+
"inheritedFrom": {
|
|
2126
|
+
"name": "AuroElement",
|
|
2127
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2128
|
+
}
|
|
2129
|
+
},
|
|
2130
|
+
{
|
|
2131
|
+
"name": "matchWidth",
|
|
2132
|
+
"type": {
|
|
2133
|
+
"text": "boolean"
|
|
2134
|
+
},
|
|
2135
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2136
|
+
"fieldName": "matchWidth"
|
|
2137
|
+
},
|
|
2138
|
+
{
|
|
2139
|
+
"name": "noFilter",
|
|
2140
|
+
"type": {
|
|
2141
|
+
"text": "boolean"
|
|
2142
|
+
},
|
|
2143
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2144
|
+
"fieldName": "noFilter"
|
|
2143
2145
|
},
|
|
2144
2146
|
{
|
|
2145
|
-
"
|
|
2146
|
-
"name": "onDark",
|
|
2147
|
-
"privacy": "public",
|
|
2147
|
+
"name": "noFlip",
|
|
2148
2148
|
"type": {
|
|
2149
2149
|
"text": "boolean"
|
|
2150
2150
|
},
|
|
2151
|
-
"description": "
|
|
2152
|
-
"
|
|
2153
|
-
"reflects": true
|
|
2151
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2152
|
+
"fieldName": "noFlip"
|
|
2154
2153
|
},
|
|
2155
2154
|
{
|
|
2156
|
-
"
|
|
2157
|
-
"name": "touched",
|
|
2158
|
-
"privacy": "private",
|
|
2155
|
+
"name": "shift",
|
|
2159
2156
|
"type": {
|
|
2160
2157
|
"text": "boolean"
|
|
2161
2158
|
},
|
|
2162
|
-
"description": "
|
|
2159
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2160
|
+
"fieldName": "shift"
|
|
2163
2161
|
},
|
|
2164
2162
|
{
|
|
2165
|
-
"
|
|
2166
|
-
"name": "value",
|
|
2167
|
-
"privacy": "public",
|
|
2163
|
+
"name": "noValidate",
|
|
2168
2164
|
"type": {
|
|
2169
|
-
"text": "
|
|
2165
|
+
"text": "boolean"
|
|
2170
2166
|
},
|
|
2171
|
-
"description": "
|
|
2172
|
-
"
|
|
2167
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2168
|
+
"fieldName": "noValidate"
|
|
2173
2169
|
},
|
|
2174
2170
|
{
|
|
2175
|
-
"
|
|
2176
|
-
"name": "tabIndex",
|
|
2177
|
-
"privacy": "private",
|
|
2171
|
+
"name": "offset",
|
|
2178
2172
|
"type": {
|
|
2179
2173
|
"text": "number"
|
|
2180
2174
|
},
|
|
2181
|
-
"description": "
|
|
2182
|
-
"
|
|
2183
|
-
"
|
|
2175
|
+
"description": "Gap between the trigger element and bib.",
|
|
2176
|
+
"default": "0",
|
|
2177
|
+
"fieldName": "offset"
|
|
2184
2178
|
},
|
|
2185
2179
|
{
|
|
2186
|
-
"
|
|
2187
|
-
"name": "ariaChecked",
|
|
2188
|
-
"privacy": "private",
|
|
2180
|
+
"name": "onDark",
|
|
2189
2181
|
"type": {
|
|
2190
|
-
"text": "
|
|
2182
|
+
"text": "boolean"
|
|
2191
2183
|
},
|
|
2192
|
-
"description": "
|
|
2193
|
-
"
|
|
2194
|
-
"reflects": true
|
|
2184
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2185
|
+
"fieldName": "onDark"
|
|
2195
2186
|
},
|
|
2196
2187
|
{
|
|
2197
|
-
"
|
|
2198
|
-
"name": "ariaDisabled",
|
|
2199
|
-
"privacy": "private",
|
|
2188
|
+
"name": "optionSelected",
|
|
2200
2189
|
"type": {
|
|
2201
|
-
"text": "
|
|
2190
|
+
"text": "HTMLElement"
|
|
2202
2191
|
},
|
|
2203
|
-
"description": "
|
|
2204
|
-
"
|
|
2205
|
-
"reflects": true
|
|
2192
|
+
"description": "Specifies the current selected option.",
|
|
2193
|
+
"fieldName": "optionSelected"
|
|
2206
2194
|
},
|
|
2207
2195
|
{
|
|
2208
|
-
"
|
|
2209
|
-
"name": "role",
|
|
2210
|
-
"privacy": "private",
|
|
2196
|
+
"name": "persistInput",
|
|
2211
2197
|
"type": {
|
|
2212
|
-
"text": "
|
|
2198
|
+
"text": "boolean"
|
|
2213
2199
|
},
|
|
2214
|
-
"description": "
|
|
2215
|
-
"
|
|
2216
|
-
"reflects": true
|
|
2217
|
-
}
|
|
2218
|
-
],
|
|
2219
|
-
"events": [
|
|
2220
|
-
{
|
|
2221
|
-
"name": "auroCheckbox-input",
|
|
2222
|
-
"type": {
|
|
2223
|
-
"text": "CustomEvent"
|
|
2224
|
-
}
|
|
2200
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
2201
|
+
"fieldName": "persistInput"
|
|
2225
2202
|
},
|
|
2226
2203
|
{
|
|
2227
|
-
"name": "
|
|
2204
|
+
"name": "placement",
|
|
2228
2205
|
"type": {
|
|
2229
|
-
"text": "
|
|
2230
|
-
}
|
|
2206
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2207
|
+
},
|
|
2208
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2209
|
+
"default": "'bottom-start'",
|
|
2210
|
+
"fieldName": "placement"
|
|
2231
2211
|
},
|
|
2232
2212
|
{
|
|
2233
|
-
"name": "
|
|
2213
|
+
"name": "placeholder",
|
|
2234
2214
|
"type": {
|
|
2235
|
-
"text": "
|
|
2236
|
-
}
|
|
2215
|
+
"text": "string"
|
|
2216
|
+
},
|
|
2217
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2218
|
+
"fieldName": "placeholder"
|
|
2237
2219
|
},
|
|
2238
2220
|
{
|
|
2221
|
+
"name": "required",
|
|
2239
2222
|
"type": {
|
|
2240
|
-
"text": "
|
|
2223
|
+
"text": "boolean"
|
|
2241
2224
|
},
|
|
2242
|
-
"description": "
|
|
2243
|
-
"
|
|
2225
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2226
|
+
"fieldName": "required"
|
|
2244
2227
|
},
|
|
2245
2228
|
{
|
|
2229
|
+
"name": "setCustomValidity",
|
|
2246
2230
|
"type": {
|
|
2247
|
-
"text": "
|
|
2231
|
+
"text": "string"
|
|
2248
2232
|
},
|
|
2249
|
-
"description": "
|
|
2250
|
-
"
|
|
2251
|
-
}
|
|
2252
|
-
],
|
|
2253
|
-
"attributes": [
|
|
2233
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2234
|
+
"fieldName": "setCustomValidity"
|
|
2235
|
+
},
|
|
2254
2236
|
{
|
|
2255
|
-
"name": "
|
|
2237
|
+
"name": "setCustomValidityCustomError",
|
|
2256
2238
|
"type": {
|
|
2257
|
-
"text": "
|
|
2239
|
+
"text": "string"
|
|
2258
2240
|
},
|
|
2259
|
-
"description": "
|
|
2260
|
-
"
|
|
2261
|
-
"fieldName": "appearance"
|
|
2241
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2242
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2262
2243
|
},
|
|
2263
2244
|
{
|
|
2264
|
-
"name": "
|
|
2245
|
+
"name": "setCustomValidityValueMissing",
|
|
2265
2246
|
"type": {
|
|
2266
|
-
"text": "
|
|
2247
|
+
"text": "string"
|
|
2267
2248
|
},
|
|
2268
|
-
"description": "
|
|
2269
|
-
"fieldName": "
|
|
2249
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2250
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2270
2251
|
},
|
|
2271
2252
|
{
|
|
2272
|
-
"name": "
|
|
2253
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2273
2254
|
"type": {
|
|
2274
|
-
"text": "
|
|
2255
|
+
"text": "string"
|
|
2275
2256
|
},
|
|
2276
|
-
"description": "
|
|
2277
|
-
"fieldName": "
|
|
2257
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2258
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2278
2259
|
},
|
|
2279
2260
|
{
|
|
2280
|
-
"name": "
|
|
2261
|
+
"name": "triggerIcon",
|
|
2281
2262
|
"type": {
|
|
2282
2263
|
"text": "boolean"
|
|
2283
2264
|
},
|
|
2284
|
-
"description": "If set
|
|
2285
|
-
"fieldName": "
|
|
2265
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2266
|
+
"fieldName": "triggerIcon"
|
|
2286
2267
|
},
|
|
2287
2268
|
{
|
|
2288
|
-
"name": "
|
|
2269
|
+
"name": "type",
|
|
2289
2270
|
"type": {
|
|
2290
2271
|
"text": "string"
|
|
2291
2272
|
},
|
|
2292
|
-
"description": "
|
|
2293
|
-
"fieldName": "
|
|
2273
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2274
|
+
"fieldName": "type"
|
|
2294
2275
|
},
|
|
2295
2276
|
{
|
|
2296
|
-
"name": "
|
|
2277
|
+
"name": "typedValue",
|
|
2297
2278
|
"type": {
|
|
2298
2279
|
"text": "string"
|
|
2299
2280
|
},
|
|
2300
|
-
"description": "
|
|
2301
|
-
"fieldName": "
|
|
2281
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2282
|
+
"fieldName": "typedValue"
|
|
2302
2283
|
},
|
|
2303
2284
|
{
|
|
2304
|
-
"name": "
|
|
2285
|
+
"name": "validity",
|
|
2305
2286
|
"type": {
|
|
2306
|
-
"text": "
|
|
2287
|
+
"text": "string"
|
|
2307
2288
|
},
|
|
2308
|
-
"description": "
|
|
2309
|
-
"fieldName": "
|
|
2289
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2290
|
+
"fieldName": "validity"
|
|
2310
2291
|
},
|
|
2311
2292
|
{
|
|
2312
2293
|
"name": "value",
|
|
2313
2294
|
"type": {
|
|
2314
2295
|
"text": "string"
|
|
2315
2296
|
},
|
|
2316
|
-
"description": "
|
|
2297
|
+
"description": "Value selected for the dropdown menu.",
|
|
2317
2298
|
"fieldName": "value"
|
|
2318
2299
|
},
|
|
2319
2300
|
{
|
|
2320
|
-
"name": "
|
|
2301
|
+
"name": "largeFullscreenHeadline",
|
|
2321
2302
|
"type": {
|
|
2322
|
-
"text": "
|
|
2303
|
+
"text": "boolean"
|
|
2323
2304
|
},
|
|
2324
|
-
"description": "
|
|
2325
|
-
"fieldName": "
|
|
2305
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2306
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2326
2307
|
},
|
|
2327
2308
|
{
|
|
2328
|
-
"name": "
|
|
2309
|
+
"name": "fullscreenBreakpoint",
|
|
2329
2310
|
"type": {
|
|
2330
|
-
"text": "
|
|
2311
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2331
2312
|
},
|
|
2332
|
-
"description": "
|
|
2333
|
-
"
|
|
2313
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
2314
|
+
"default": "'sm'",
|
|
2315
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2334
2316
|
},
|
|
2335
2317
|
{
|
|
2336
|
-
"name": "
|
|
2318
|
+
"name": "shape",
|
|
2337
2319
|
"type": {
|
|
2338
2320
|
"text": "string"
|
|
2339
2321
|
},
|
|
2340
|
-
"
|
|
2341
|
-
"
|
|
2322
|
+
"fieldName": "shape",
|
|
2323
|
+
"inheritedFrom": {
|
|
2324
|
+
"name": "AuroElement",
|
|
2325
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2326
|
+
}
|
|
2342
2327
|
},
|
|
2343
2328
|
{
|
|
2344
|
-
"name": "
|
|
2329
|
+
"name": "size",
|
|
2345
2330
|
"type": {
|
|
2346
2331
|
"text": "string"
|
|
2347
2332
|
},
|
|
2348
|
-
"
|
|
2349
|
-
"
|
|
2333
|
+
"fieldName": "size",
|
|
2334
|
+
"inheritedFrom": {
|
|
2335
|
+
"name": "AuroElement",
|
|
2336
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2337
|
+
}
|
|
2338
|
+
},
|
|
2339
|
+
{
|
|
2340
|
+
"name": "ondark",
|
|
2341
|
+
"type": {
|
|
2342
|
+
"text": "boolean"
|
|
2343
|
+
},
|
|
2344
|
+
"fieldName": "onDark",
|
|
2345
|
+
"inheritedFrom": {
|
|
2346
|
+
"name": "AuroElement",
|
|
2347
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2348
|
+
}
|
|
2350
2349
|
}
|
|
2351
2350
|
],
|
|
2352
2351
|
"superclass": {
|
|
2353
|
-
"name": "
|
|
2354
|
-
"
|
|
2352
|
+
"name": "AuroElement",
|
|
2353
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2355
2354
|
},
|
|
2356
|
-
"tagName": "auro-
|
|
2355
|
+
"tagName": "auro-combobox",
|
|
2357
2356
|
"customElement": true
|
|
2358
2357
|
}
|
|
2359
2358
|
],
|
|
2360
2359
|
"exports": [
|
|
2361
2360
|
{
|
|
2362
2361
|
"kind": "js",
|
|
2363
|
-
"name": "
|
|
2362
|
+
"name": "AuroCombobox",
|
|
2364
2363
|
"declaration": {
|
|
2365
|
-
"name": "
|
|
2366
|
-
"module": "components/
|
|
2364
|
+
"name": "AuroCombobox",
|
|
2365
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2367
2366
|
}
|
|
2368
2367
|
}
|
|
2369
2368
|
]
|
|
2370
2369
|
},
|
|
2371
2370
|
{
|
|
2372
2371
|
"kind": "javascript-module",
|
|
2373
|
-
"path": "components/
|
|
2372
|
+
"path": "components/combobox/src/index.js",
|
|
2374
2373
|
"declarations": [],
|
|
2375
2374
|
"exports": [
|
|
2376
2375
|
{
|
|
2377
2376
|
"kind": "js",
|
|
2378
|
-
"name": "
|
|
2379
|
-
"declaration": {
|
|
2380
|
-
"name": "AuroCheckbox",
|
|
2381
|
-
"module": "components/checkbox/src/index.js"
|
|
2382
|
-
}
|
|
2383
|
-
},
|
|
2384
|
-
{
|
|
2385
|
-
"kind": "js",
|
|
2386
|
-
"name": "AuroCheckboxGroup",
|
|
2377
|
+
"name": "AuroCombobox",
|
|
2387
2378
|
"declaration": {
|
|
2388
|
-
"name": "
|
|
2389
|
-
"module": "components/
|
|
2379
|
+
"name": "AuroCombobox",
|
|
2380
|
+
"module": "components/combobox/src/index.js"
|
|
2390
2381
|
}
|
|
2391
2382
|
}
|
|
2392
2383
|
]
|
|
2393
2384
|
},
|
|
2394
2385
|
{
|
|
2395
2386
|
"kind": "javascript-module",
|
|
2396
|
-
"path": "components/
|
|
2387
|
+
"path": "components/combobox/src/registered.js",
|
|
2397
2388
|
"declarations": [],
|
|
2398
|
-
"exports": [
|
|
2389
|
+
"exports": [
|
|
2390
|
+
{
|
|
2391
|
+
"kind": "js",
|
|
2392
|
+
"name": "AuroCombobox",
|
|
2393
|
+
"declaration": {
|
|
2394
|
+
"name": "AuroCombobox",
|
|
2395
|
+
"module": "components/combobox/src/registered.js"
|
|
2396
|
+
}
|
|
2397
|
+
}
|
|
2398
|
+
]
|
|
2399
2399
|
},
|
|
2400
2400
|
{
|
|
2401
2401
|
"kind": "javascript-module",
|