@aurodesignsystem-dev/auro-formkit 0.0.0-pr1625.1 → 0.0.0-pr1627.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/index.js +9 -7
- package/components/bibtemplate/dist/registered.js +9 -7
- package/components/checkbox/demo/customize.min.js +8 -4
- package/components/checkbox/demo/demo-support.min.js +1303 -643
- package/components/checkbox/demo/getting-started.min.js +8 -4
- package/components/checkbox/demo/index.min.js +8 -4
- package/components/checkbox/dist/index.js +7 -3
- package/components/checkbox/dist/registered.js +7 -3
- package/components/combobox/demo/customize.min.js +392 -179
- package/components/combobox/demo/demo-support.min.js +1303 -643
- package/components/combobox/demo/getting-started.min.js +392 -179
- package/components/combobox/demo/index.min.js +392 -179
- package/components/combobox/dist/index.js +389 -176
- package/components/combobox/dist/registered.js +389 -176
- package/components/counter/demo/api.md +0 -1
- package/components/counter/demo/customize.md +4 -4
- package/components/counter/demo/customize.min.js +341 -182
- package/components/counter/demo/demo-support.min.js +1303 -643
- package/components/counter/demo/getting-started.min.js +341 -182
- package/components/counter/demo/index.min.js +341 -182
- package/components/counter/dist/auro-counter-group.d.ts +0 -7
- package/components/counter/dist/index.js +339 -180
- package/components/counter/dist/registered.js +339 -180
- package/components/datepicker/demo/customize.min.js +425 -192
- package/components/datepicker/demo/demo-support.min.js +1303 -643
- package/components/datepicker/demo/getting-started.min.js +425 -192
- package/components/datepicker/demo/index.min.js +425 -192
- package/components/datepicker/dist/index.js +423 -190
- package/components/datepicker/dist/registered.js +423 -190
- package/components/dropdown/demo/customize.min.js +313 -154
- package/components/dropdown/demo/demo-support.min.js +1303 -643
- package/components/dropdown/demo/getting-started.min.js +375 -168
- package/components/dropdown/demo/index.min.js +313 -154
- package/components/dropdown/dist/index.js +311 -152
- package/components/dropdown/dist/registered.js +311 -152
- package/components/form/demo/customize.min.js +1568 -740
- package/components/form/demo/demo-support.min.js +1303 -643
- package/components/form/demo/getting-started.min.js +1568 -740
- package/components/form/demo/index.min.js +1568 -740
- package/components/form/demo/registerDemoDeps.min.js +1568 -740
- package/components/input/demo/customize.min.js +64 -16
- package/components/input/demo/demo-support.min.js +1303 -643
- package/components/input/demo/getting-started.min.js +64 -16
- package/components/input/demo/index.min.js +64 -16
- package/components/input/dist/auro-input.d.ts +14 -0
- package/components/input/dist/index.js +62 -14
- package/components/input/dist/registered.js +62 -14
- package/components/menu/demo/demo-support.min.js +1303 -643
- package/components/menu/demo/index.min.js +1 -1
- package/components/radio/demo/customize.min.js +8 -4
- package/components/radio/demo/demo-support.min.js +1303 -643
- package/components/radio/demo/getting-started.min.js +8 -4
- package/components/radio/demo/index.min.js +8 -4
- package/components/radio/dist/index.js +7 -3
- package/components/radio/dist/registered.js +7 -3
- package/components/select/demo/customize.min.js +331 -166
- package/components/select/demo/demo-support.min.js +1303 -643
- package/components/select/demo/getting-started.min.js +331 -166
- package/components/select/demo/index.min.js +331 -166
- package/components/select/dist/index.js +329 -164
- package/components/select/dist/registered.js +329 -164
- package/custom-elements.json +1548 -1542
- package/package.json +56 -56
package/custom-elements.json
CHANGED
|
@@ -279,113 +279,44 @@
|
|
|
279
279
|
},
|
|
280
280
|
{
|
|
281
281
|
"kind": "javascript-module",
|
|
282
|
-
"path": "components/
|
|
282
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
283
283
|
"declarations": [
|
|
284
284
|
{
|
|
285
285
|
"kind": "class",
|
|
286
|
-
"description": "The `auro-
|
|
287
|
-
"name": "
|
|
286
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
287
|
+
"name": "AuroCheckboxGroup",
|
|
288
288
|
"cssParts": [
|
|
289
289
|
{
|
|
290
|
-
"description": "
|
|
290
|
+
"description": "Apply css to the fieldset element in the shadow DOM",
|
|
291
|
+
"name": "checkbox-group"
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"description": "Apply css to the help text element that displays helper or error messages.",
|
|
291
295
|
"name": "helpText"
|
|
292
296
|
}
|
|
293
297
|
],
|
|
294
298
|
"slots": [
|
|
295
299
|
{
|
|
296
|
-
"description": "
|
|
297
|
-
"name": ""
|
|
300
|
+
"description": "Allows for the legend to be overridden.",
|
|
301
|
+
"name": "legend"
|
|
298
302
|
},
|
|
299
303
|
{
|
|
300
|
-
"type": {
|
|
301
|
-
"text": "HTMLSlotElement"
|
|
302
|
-
},
|
|
303
304
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
304
305
|
"name": "optionalLabel"
|
|
305
306
|
},
|
|
306
307
|
{
|
|
307
|
-
"description": "
|
|
308
|
-
"name": "ariaLabel.input.clear"
|
|
309
|
-
},
|
|
310
|
-
{
|
|
311
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
312
|
-
"name": "ariaLabel.bib.close"
|
|
313
|
-
},
|
|
314
|
-
{
|
|
315
|
-
"description": "Defines the headline to display above menu-options",
|
|
316
|
-
"name": "bib.fullscreen.headline"
|
|
317
|
-
},
|
|
318
|
-
{
|
|
319
|
-
"description": "Defines the content of the label.",
|
|
320
|
-
"name": "label"
|
|
321
|
-
},
|
|
322
|
-
{
|
|
323
|
-
"description": "Defines the content of the helpText.",
|
|
308
|
+
"description": "Allows for the helper text to be overridden.",
|
|
324
309
|
"name": "helpText"
|
|
325
310
|
},
|
|
326
311
|
{
|
|
327
|
-
"description": "
|
|
328
|
-
"name": "
|
|
312
|
+
"description": "The default slot for the checkbox items.",
|
|
313
|
+
"name": "default"
|
|
329
314
|
}
|
|
330
315
|
],
|
|
331
316
|
"members": [
|
|
332
317
|
{
|
|
333
318
|
"kind": "method",
|
|
334
|
-
"name": "_initializeDefaults"
|
|
335
|
-
"privacy": "private",
|
|
336
|
-
"return": {
|
|
337
|
-
"type": {
|
|
338
|
-
"text": "void"
|
|
339
|
-
}
|
|
340
|
-
}
|
|
341
|
-
},
|
|
342
|
-
{
|
|
343
|
-
"kind": "method",
|
|
344
|
-
"name": "_scheduleTimer",
|
|
345
|
-
"parameters": [
|
|
346
|
-
{
|
|
347
|
-
"name": "fn",
|
|
348
|
-
"description": "Callback to run.",
|
|
349
|
-
"type": {
|
|
350
|
-
"text": "Function"
|
|
351
|
-
}
|
|
352
|
-
},
|
|
353
|
-
{
|
|
354
|
-
"name": "ms",
|
|
355
|
-
"description": "Delay in milliseconds.",
|
|
356
|
-
"type": {
|
|
357
|
-
"text": "number"
|
|
358
|
-
}
|
|
359
|
-
}
|
|
360
|
-
],
|
|
361
|
-
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
362
|
-
"return": {
|
|
363
|
-
"type": {
|
|
364
|
-
"text": "number"
|
|
365
|
-
}
|
|
366
|
-
},
|
|
367
|
-
"privacy": "private"
|
|
368
|
-
},
|
|
369
|
-
{
|
|
370
|
-
"kind": "field",
|
|
371
|
-
"name": "inputValue",
|
|
372
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
373
|
-
"return": {
|
|
374
|
-
"type": {
|
|
375
|
-
"text": "string|undefined"
|
|
376
|
-
}
|
|
377
|
-
},
|
|
378
|
-
"readonly": true
|
|
379
|
-
},
|
|
380
|
-
{
|
|
381
|
-
"kind": "method",
|
|
382
|
-
"name": "isValid",
|
|
383
|
-
"description": "Checks if the element is valid.",
|
|
384
|
-
"return": {
|
|
385
|
-
"type": {
|
|
386
|
-
"text": "boolean"
|
|
387
|
-
}
|
|
388
|
-
}
|
|
319
|
+
"name": "_initializeDefaults"
|
|
389
320
|
},
|
|
390
321
|
{
|
|
391
322
|
"kind": "method",
|
|
@@ -394,7 +325,7 @@
|
|
|
394
325
|
"parameters": [
|
|
395
326
|
{
|
|
396
327
|
"name": "name",
|
|
397
|
-
"default": "
|
|
328
|
+
"default": "\"auro-checkbox-group\"",
|
|
398
329
|
"description": "The name of the element that you want to register.",
|
|
399
330
|
"optional": true,
|
|
400
331
|
"type": {
|
|
@@ -406,28 +337,35 @@
|
|
|
406
337
|
},
|
|
407
338
|
{
|
|
408
339
|
"kind": "method",
|
|
409
|
-
"name": "
|
|
340
|
+
"name": "handleValueUpdate",
|
|
410
341
|
"parameters": [
|
|
411
342
|
{
|
|
412
|
-
"name": "
|
|
413
|
-
"description": "The
|
|
343
|
+
"name": "value",
|
|
344
|
+
"description": "The value of the checkbox.",
|
|
414
345
|
"type": {
|
|
415
|
-
"text": "
|
|
346
|
+
"text": "String"
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
{
|
|
350
|
+
"name": "selected",
|
|
351
|
+
"description": "The checked state of the checkbox.",
|
|
352
|
+
"type": {
|
|
353
|
+
"text": "Boolean"
|
|
416
354
|
}
|
|
417
355
|
}
|
|
418
356
|
],
|
|
419
|
-
"description": "
|
|
357
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
420
358
|
"privacy": "private",
|
|
421
359
|
"return": {
|
|
422
360
|
"type": {
|
|
423
|
-
"text": "
|
|
361
|
+
"text": "void"
|
|
424
362
|
}
|
|
425
363
|
}
|
|
426
364
|
},
|
|
427
365
|
{
|
|
428
366
|
"kind": "method",
|
|
429
|
-
"name": "
|
|
430
|
-
"description": "
|
|
367
|
+
"name": "handlePreselectedItems",
|
|
368
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
431
369
|
"privacy": "private",
|
|
432
370
|
"return": {
|
|
433
371
|
"type": {
|
|
@@ -437,8 +375,8 @@
|
|
|
437
375
|
},
|
|
438
376
|
{
|
|
439
377
|
"kind": "method",
|
|
440
|
-
"name": "
|
|
441
|
-
"description": "
|
|
378
|
+
"name": "handleItems",
|
|
379
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
442
380
|
"privacy": "private",
|
|
443
381
|
"return": {
|
|
444
382
|
"type": {
|
|
@@ -447,15 +385,21 @@
|
|
|
447
385
|
}
|
|
448
386
|
},
|
|
449
387
|
{
|
|
450
|
-
"kind": "
|
|
451
|
-
"name": "
|
|
452
|
-
"description": "
|
|
453
|
-
"privacy": "private"
|
|
388
|
+
"kind": "field",
|
|
389
|
+
"name": "isInvalid",
|
|
390
|
+
"description": "Whether the group is currently in an invalid state.\n`validity` — not `error` — is the authoritative source: `validate()` resolves the\n`error` attribute to `validity = 'customError'`, so `error` is already covered here.\nSingle definition of \"invalid\" for the whole component, consumed by `render()` and\n`syncCheckboxValidity()` so the fieldset and its children can never disagree.",
|
|
391
|
+
"privacy": "private",
|
|
392
|
+
"return": {
|
|
393
|
+
"type": {
|
|
394
|
+
"text": "boolean"
|
|
395
|
+
}
|
|
396
|
+
},
|
|
397
|
+
"readonly": true
|
|
454
398
|
},
|
|
455
399
|
{
|
|
456
400
|
"kind": "method",
|
|
457
|
-
"name": "
|
|
458
|
-
"description": "
|
|
401
|
+
"name": "syncCheckboxValidity",
|
|
402
|
+
"description": "Method for mirroring the group's invalid state onto each checkbox.\nHas to be re-applied from `handleItems()` as well, because a slot change can happen\nwithout `validity` itself changing — a checkbox slotted into an already-invalid\ngroup would otherwise be missed.",
|
|
459
403
|
"privacy": "private",
|
|
460
404
|
"return": {
|
|
461
405
|
"type": {
|
|
@@ -465,294 +409,339 @@
|
|
|
465
409
|
},
|
|
466
410
|
{
|
|
467
411
|
"kind": "method",
|
|
468
|
-
"name": "
|
|
469
|
-
"
|
|
470
|
-
{
|
|
471
|
-
"name": "label",
|
|
472
|
-
"description": "The label of the selected option.",
|
|
473
|
-
"type": {
|
|
474
|
-
"text": "string"
|
|
475
|
-
}
|
|
476
|
-
}
|
|
477
|
-
],
|
|
478
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
479
|
-
"privacy": "private"
|
|
480
|
-
},
|
|
481
|
-
{
|
|
482
|
-
"kind": "method",
|
|
483
|
-
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
484
|
-
"parameters": [
|
|
485
|
-
{
|
|
486
|
-
"name": "nextValue",
|
|
487
|
-
"description": "The value to write to both inputs.",
|
|
488
|
-
"type": {
|
|
489
|
-
"text": "string"
|
|
490
|
-
}
|
|
491
|
-
}
|
|
492
|
-
],
|
|
493
|
-
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
412
|
+
"name": "reset",
|
|
413
|
+
"description": "Resets component to initial state.",
|
|
494
414
|
"return": {
|
|
495
415
|
"type": {
|
|
496
|
-
"text": "
|
|
416
|
+
"text": "void"
|
|
497
417
|
}
|
|
498
|
-
}
|
|
499
|
-
"privacy": "private"
|
|
418
|
+
}
|
|
500
419
|
},
|
|
501
420
|
{
|
|
502
421
|
"kind": "method",
|
|
503
|
-
"name": "
|
|
422
|
+
"name": "validate",
|
|
504
423
|
"parameters": [
|
|
505
424
|
{
|
|
506
|
-
"name": "
|
|
507
|
-
"default": "
|
|
508
|
-
|
|
509
|
-
{
|
|
510
|
-
"description": "Optional flag bag.",
|
|
511
|
-
"name": "options",
|
|
425
|
+
"name": "force",
|
|
426
|
+
"default": "false",
|
|
427
|
+
"description": "Whether to force validation.",
|
|
512
428
|
"optional": true,
|
|
513
429
|
"type": {
|
|
514
|
-
"text": "
|
|
430
|
+
"text": "boolean"
|
|
515
431
|
}
|
|
516
432
|
}
|
|
517
433
|
],
|
|
518
|
-
"description": "
|
|
519
|
-
"privacy": "private",
|
|
520
|
-
"return": {
|
|
521
|
-
"type": {
|
|
522
|
-
"text": "void"
|
|
523
|
-
}
|
|
524
|
-
}
|
|
434
|
+
"description": "Validates value."
|
|
525
435
|
},
|
|
526
436
|
{
|
|
527
|
-
"kind": "
|
|
528
|
-
"name": "
|
|
529
|
-
"
|
|
530
|
-
"
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
437
|
+
"kind": "field",
|
|
438
|
+
"name": "appearance",
|
|
439
|
+
"privacy": "public",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "'default' | 'inverse'"
|
|
442
|
+
},
|
|
443
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
444
|
+
"default": "'default'",
|
|
445
|
+
"attribute": "appearance",
|
|
446
|
+
"reflects": true
|
|
536
447
|
},
|
|
537
448
|
{
|
|
538
|
-
"kind": "
|
|
539
|
-
"name": "
|
|
540
|
-
"
|
|
541
|
-
"
|
|
542
|
-
"
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
449
|
+
"kind": "field",
|
|
450
|
+
"name": "disabled",
|
|
451
|
+
"privacy": "public",
|
|
452
|
+
"type": {
|
|
453
|
+
"text": "boolean"
|
|
454
|
+
},
|
|
455
|
+
"description": "If set, disables the checkbox group.",
|
|
456
|
+
"attribute": "disabled",
|
|
457
|
+
"reflects": true
|
|
546
458
|
},
|
|
547
459
|
{
|
|
548
|
-
"kind": "
|
|
549
|
-
"name": "
|
|
550
|
-
"
|
|
551
|
-
"
|
|
552
|
-
"
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
460
|
+
"kind": "field",
|
|
461
|
+
"name": "error",
|
|
462
|
+
"privacy": "public",
|
|
463
|
+
"type": {
|
|
464
|
+
"text": "string"
|
|
465
|
+
},
|
|
466
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
467
|
+
"attribute": "error",
|
|
468
|
+
"reflects": true
|
|
556
469
|
},
|
|
557
470
|
{
|
|
558
|
-
"kind": "
|
|
559
|
-
"name": "
|
|
560
|
-
"
|
|
561
|
-
"
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
471
|
+
"kind": "field",
|
|
472
|
+
"name": "horizontal",
|
|
473
|
+
"privacy": "public",
|
|
474
|
+
"type": {
|
|
475
|
+
"text": "boolean"
|
|
476
|
+
},
|
|
477
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
478
|
+
"attribute": "horizontal",
|
|
479
|
+
"reflects": true
|
|
567
480
|
},
|
|
568
481
|
{
|
|
569
|
-
"kind": "
|
|
570
|
-
"name": "
|
|
571
|
-
"privacy": "
|
|
482
|
+
"kind": "field",
|
|
483
|
+
"name": "noValidate",
|
|
484
|
+
"privacy": "public",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "boolean"
|
|
487
|
+
},
|
|
488
|
+
"description": "If set, disables auto-validation on blur.",
|
|
489
|
+
"attribute": "novalidate",
|
|
490
|
+
"reflects": true
|
|
572
491
|
},
|
|
573
492
|
{
|
|
574
|
-
"kind": "
|
|
575
|
-
"name": "
|
|
576
|
-
"privacy": "
|
|
493
|
+
"kind": "field",
|
|
494
|
+
"name": "onDark",
|
|
495
|
+
"privacy": "public",
|
|
496
|
+
"type": {
|
|
497
|
+
"text": "boolean"
|
|
498
|
+
},
|
|
499
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
500
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
501
|
+
"attribute": "ondark",
|
|
502
|
+
"reflects": true
|
|
577
503
|
},
|
|
578
504
|
{
|
|
579
|
-
"kind": "
|
|
580
|
-
"name": "
|
|
581
|
-
"privacy": "
|
|
505
|
+
"kind": "field",
|
|
506
|
+
"name": "required",
|
|
507
|
+
"privacy": "public",
|
|
508
|
+
"type": {
|
|
509
|
+
"text": "boolean"
|
|
510
|
+
},
|
|
511
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
512
|
+
"attribute": "required",
|
|
513
|
+
"reflects": true
|
|
582
514
|
},
|
|
583
515
|
{
|
|
584
|
-
"kind": "
|
|
585
|
-
"name": "
|
|
586
|
-
"
|
|
587
|
-
"
|
|
516
|
+
"kind": "field",
|
|
517
|
+
"name": "setCustomValidity",
|
|
518
|
+
"privacy": "public",
|
|
519
|
+
"type": {
|
|
520
|
+
"text": "string"
|
|
521
|
+
},
|
|
522
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
523
|
+
"attribute": "setcustomvalidity"
|
|
588
524
|
},
|
|
589
525
|
{
|
|
590
|
-
"kind": "
|
|
591
|
-
"name": "
|
|
592
|
-
"
|
|
593
|
-
"
|
|
526
|
+
"kind": "field",
|
|
527
|
+
"name": "setCustomValidityCustomError",
|
|
528
|
+
"privacy": "public",
|
|
529
|
+
"type": {
|
|
530
|
+
"text": "string"
|
|
531
|
+
},
|
|
532
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
533
|
+
"attribute": "setcustomvaliditycustomerror"
|
|
594
534
|
},
|
|
595
535
|
{
|
|
596
|
-
"kind": "
|
|
597
|
-
"name": "
|
|
598
|
-
"
|
|
599
|
-
"
|
|
600
|
-
|
|
601
|
-
|
|
602
|
-
|
|
603
|
-
|
|
604
|
-
}
|
|
536
|
+
"kind": "field",
|
|
537
|
+
"name": "setCustomValidityValueMissing",
|
|
538
|
+
"privacy": "public",
|
|
539
|
+
"type": {
|
|
540
|
+
"text": "string"
|
|
541
|
+
},
|
|
542
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
543
|
+
"attribute": "setcustomvalidityvaluemissing"
|
|
605
544
|
},
|
|
606
545
|
{
|
|
607
|
-
"kind": "
|
|
608
|
-
"name": "
|
|
609
|
-
"
|
|
610
|
-
"
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
}
|
|
546
|
+
"kind": "field",
|
|
547
|
+
"name": "validity",
|
|
548
|
+
"privacy": "public",
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "string"
|
|
551
|
+
},
|
|
552
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
553
|
+
"attribute": "validity",
|
|
554
|
+
"reflects": true
|
|
555
|
+
}
|
|
556
|
+
],
|
|
557
|
+
"events": [
|
|
617
558
|
{
|
|
618
|
-
"
|
|
619
|
-
"
|
|
620
|
-
|
|
621
|
-
|
|
622
|
-
"
|
|
623
|
-
"type": {
|
|
624
|
-
"text": "void"
|
|
625
|
-
}
|
|
626
|
-
}
|
|
559
|
+
"name": "input",
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "CustomEvent"
|
|
562
|
+
},
|
|
563
|
+
"description": "Notifies when the group's value changes due to a checkbox selection being added or removed."
|
|
627
564
|
},
|
|
628
565
|
{
|
|
629
|
-
"
|
|
630
|
-
"name": "
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
"description": "The auro-input whose clear button to track.",
|
|
635
|
-
"type": {
|
|
636
|
-
"text": "Element"
|
|
637
|
-
}
|
|
638
|
-
}
|
|
639
|
-
],
|
|
640
|
-
"description": "Flags genuine clear-button activations on an auro-input so the SPA-preselect\nguard in handleInputValueChange doesn't swallow them.\n\nThe auro-input clear button fires an `isProgrammatic` input event (via\nnotifyValueChanged) that is indistinguishable in shape from the\nSPA-preselect echo that guard bails on (isProgrammatic + set value + empty\ninput). Without this one-shot flag, clicking clear would leave\nthis.value/optionSelected stale (AB#1634257).\n\nDelegated on the shadow root so it works regardless of when .clearBtn\nrenders (it only exists after a value is set), and covers both real clicks\nand programmatic clearBtn.click() (which no focusin precedes). Registered in\nthe CAPTURE phase so the flag is set BEFORE the button's own",
|
|
641
|
-
"privacy": "private",
|
|
642
|
-
"return": {
|
|
643
|
-
"type": {
|
|
644
|
-
"text": "void"
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
},
|
|
566
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
567
|
+
"name": "auroFormElement-validated"
|
|
568
|
+
}
|
|
569
|
+
],
|
|
570
|
+
"attributes": [
|
|
648
571
|
{
|
|
649
|
-
"
|
|
650
|
-
"
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
"text": "CustomEvent"
|
|
657
|
-
}
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
661
|
-
"name": "event.detail.loading",
|
|
662
|
-
"type": {
|
|
663
|
-
"text": "boolean"
|
|
664
|
-
}
|
|
665
|
-
},
|
|
666
|
-
{
|
|
667
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
668
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
669
|
-
"type": {
|
|
670
|
-
"text": "boolean"
|
|
671
|
-
}
|
|
672
|
-
}
|
|
673
|
-
],
|
|
674
|
-
"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.",
|
|
675
|
-
"privacy": "private",
|
|
676
|
-
"return": {
|
|
677
|
-
"type": {
|
|
678
|
-
"text": "void"
|
|
679
|
-
}
|
|
680
|
-
}
|
|
572
|
+
"name": "appearance",
|
|
573
|
+
"type": {
|
|
574
|
+
"text": "'default' | 'inverse'"
|
|
575
|
+
},
|
|
576
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
577
|
+
"default": "'default'",
|
|
578
|
+
"fieldName": "appearance"
|
|
681
579
|
},
|
|
682
580
|
{
|
|
683
|
-
"
|
|
684
|
-
"
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
"type": {
|
|
690
|
-
"text": "Event"
|
|
691
|
-
}
|
|
692
|
-
}
|
|
693
|
-
],
|
|
694
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
695
|
-
"privacy": "private",
|
|
696
|
-
"return": {
|
|
697
|
-
"type": {
|
|
698
|
-
"text": "void"
|
|
699
|
-
}
|
|
700
|
-
}
|
|
581
|
+
"name": "disabled",
|
|
582
|
+
"type": {
|
|
583
|
+
"text": "boolean"
|
|
584
|
+
},
|
|
585
|
+
"description": "If set, disables the checkbox group.",
|
|
586
|
+
"fieldName": "disabled"
|
|
701
587
|
},
|
|
702
588
|
{
|
|
703
|
-
"
|
|
704
|
-
"
|
|
705
|
-
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
"type": {
|
|
710
|
-
"text": "Event"
|
|
711
|
-
}
|
|
712
|
-
}
|
|
713
|
-
],
|
|
714
|
-
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
715
|
-
"privacy": "private",
|
|
716
|
-
"return": {
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "void"
|
|
719
|
-
}
|
|
720
|
-
}
|
|
589
|
+
"name": "error",
|
|
590
|
+
"type": {
|
|
591
|
+
"text": "string"
|
|
592
|
+
},
|
|
593
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
594
|
+
"fieldName": "error"
|
|
721
595
|
},
|
|
722
596
|
{
|
|
723
|
-
"
|
|
724
|
-
"
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
"
|
|
728
|
-
|
|
729
|
-
"text": "void"
|
|
730
|
-
}
|
|
731
|
-
}
|
|
597
|
+
"name": "horizontal",
|
|
598
|
+
"type": {
|
|
599
|
+
"text": "boolean"
|
|
600
|
+
},
|
|
601
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
602
|
+
"fieldName": "horizontal"
|
|
732
603
|
},
|
|
733
604
|
{
|
|
734
|
-
"
|
|
735
|
-
"
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
605
|
+
"name": "novalidate",
|
|
606
|
+
"type": {
|
|
607
|
+
"text": "boolean"
|
|
608
|
+
},
|
|
609
|
+
"description": "If set, disables auto-validation on blur.",
|
|
610
|
+
"fieldName": "noValidate"
|
|
611
|
+
},
|
|
612
|
+
{
|
|
613
|
+
"name": "ondark",
|
|
614
|
+
"type": {
|
|
615
|
+
"text": "boolean"
|
|
616
|
+
},
|
|
617
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
618
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
619
|
+
"fieldName": "onDark"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "required",
|
|
623
|
+
"type": {
|
|
624
|
+
"text": "boolean"
|
|
625
|
+
},
|
|
626
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
627
|
+
"fieldName": "required"
|
|
628
|
+
},
|
|
629
|
+
{
|
|
630
|
+
"name": "setcustomvalidity",
|
|
631
|
+
"type": {
|
|
632
|
+
"text": "string"
|
|
633
|
+
},
|
|
634
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
635
|
+
"fieldName": "setCustomValidity"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "setcustomvaliditycustomerror",
|
|
639
|
+
"type": {
|
|
640
|
+
"text": "string"
|
|
641
|
+
},
|
|
642
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
643
|
+
"fieldName": "setCustomValidityCustomError"
|
|
644
|
+
},
|
|
645
|
+
{
|
|
646
|
+
"name": "setcustomvalidityvaluemissing",
|
|
647
|
+
"type": {
|
|
648
|
+
"text": "string"
|
|
649
|
+
},
|
|
650
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
651
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
652
|
+
},
|
|
653
|
+
{
|
|
654
|
+
"name": "validity",
|
|
655
|
+
"type": {
|
|
656
|
+
"text": "string"
|
|
657
|
+
},
|
|
658
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
659
|
+
"fieldName": "validity"
|
|
660
|
+
}
|
|
661
|
+
],
|
|
662
|
+
"superclass": {
|
|
663
|
+
"name": "LitElement",
|
|
664
|
+
"package": "lit"
|
|
665
|
+
},
|
|
666
|
+
"tagName": "auro-checkbox-group",
|
|
667
|
+
"customElement": true
|
|
668
|
+
}
|
|
669
|
+
],
|
|
670
|
+
"exports": [
|
|
671
|
+
{
|
|
672
|
+
"kind": "js",
|
|
673
|
+
"name": "AuroCheckboxGroup",
|
|
674
|
+
"declaration": {
|
|
675
|
+
"name": "AuroCheckboxGroup",
|
|
676
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
677
|
+
}
|
|
678
|
+
}
|
|
679
|
+
]
|
|
680
|
+
},
|
|
681
|
+
{
|
|
682
|
+
"kind": "javascript-module",
|
|
683
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
684
|
+
"declarations": [
|
|
685
|
+
{
|
|
686
|
+
"kind": "class",
|
|
687
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
688
|
+
"name": "AuroCheckbox",
|
|
689
|
+
"cssParts": [
|
|
690
|
+
{
|
|
691
|
+
"description": "apply css to a specific checkbox.",
|
|
692
|
+
"name": "checkbox"
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"description": "apply css to a specific checkbox's input.",
|
|
696
|
+
"name": "checkbox-input"
|
|
742
697
|
},
|
|
698
|
+
{
|
|
699
|
+
"description": "apply css to a specific checkbox's label.",
|
|
700
|
+
"name": "checkbox-label"
|
|
701
|
+
}
|
|
702
|
+
],
|
|
703
|
+
"slots": [
|
|
704
|
+
{
|
|
705
|
+
"description": "The default slot for the checkbox label.",
|
|
706
|
+
"name": "default"
|
|
707
|
+
}
|
|
708
|
+
],
|
|
709
|
+
"members": [
|
|
743
710
|
{
|
|
744
711
|
"kind": "method",
|
|
745
|
-
"name": "
|
|
712
|
+
"name": "_initializeDefaults"
|
|
713
|
+
},
|
|
714
|
+
{
|
|
715
|
+
"kind": "method",
|
|
716
|
+
"name": "register",
|
|
717
|
+
"static": true,
|
|
746
718
|
"parameters": [
|
|
747
719
|
{
|
|
748
|
-
"name": "
|
|
749
|
-
"
|
|
720
|
+
"name": "name",
|
|
721
|
+
"default": "\"auro-checkbox\"",
|
|
722
|
+
"description": "The name of element that you want to register to.",
|
|
723
|
+
"optional": true,
|
|
750
724
|
"type": {
|
|
751
725
|
"text": "string"
|
|
752
726
|
}
|
|
753
727
|
}
|
|
754
728
|
],
|
|
755
|
-
"description": "
|
|
729
|
+
"description": "This will register this element with the browser."
|
|
730
|
+
},
|
|
731
|
+
{
|
|
732
|
+
"kind": "method",
|
|
733
|
+
"name": "handleChange",
|
|
734
|
+
"parameters": [
|
|
735
|
+
{
|
|
736
|
+
"name": "event",
|
|
737
|
+
"description": "The change event from the checkbox input.",
|
|
738
|
+
"type": {
|
|
739
|
+
"text": "Event"
|
|
740
|
+
}
|
|
741
|
+
}
|
|
742
|
+
],
|
|
743
|
+
"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.",
|
|
744
|
+
"privacy": "private",
|
|
756
745
|
"return": {
|
|
757
746
|
"type": {
|
|
758
747
|
"text": "void"
|
|
@@ -761,8 +750,18 @@
|
|
|
761
750
|
},
|
|
762
751
|
{
|
|
763
752
|
"kind": "method",
|
|
764
|
-
"name": "
|
|
765
|
-
"
|
|
753
|
+
"name": "handleInput",
|
|
754
|
+
"parameters": [
|
|
755
|
+
{
|
|
756
|
+
"name": "event",
|
|
757
|
+
"description": "The input event from the checkbox input.",
|
|
758
|
+
"type": {
|
|
759
|
+
"text": "Event"
|
|
760
|
+
}
|
|
761
|
+
}
|
|
762
|
+
],
|
|
763
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
764
|
+
"privacy": "private",
|
|
766
765
|
"return": {
|
|
767
766
|
"type": {
|
|
768
767
|
"text": "void"
|
|
@@ -771,8 +770,9 @@
|
|
|
771
770
|
},
|
|
772
771
|
{
|
|
773
772
|
"kind": "method",
|
|
774
|
-
"name": "
|
|
775
|
-
"description": "
|
|
773
|
+
"name": "handleFocusin",
|
|
774
|
+
"description": "Function to support",
|
|
775
|
+
"privacy": "private",
|
|
776
776
|
"return": {
|
|
777
777
|
"type": {
|
|
778
778
|
"text": "void"
|
|
@@ -781,48 +781,19 @@
|
|
|
781
781
|
},
|
|
782
782
|
{
|
|
783
783
|
"kind": "method",
|
|
784
|
-
"name": "
|
|
785
|
-
"
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
"
|
|
790
|
-
"optional": true,
|
|
791
|
-
"type": {
|
|
792
|
-
"text": "boolean"
|
|
793
|
-
}
|
|
784
|
+
"name": "generateIconHtml",
|
|
785
|
+
"description": "Function to generate checkmark svg.",
|
|
786
|
+
"privacy": "private",
|
|
787
|
+
"return": {
|
|
788
|
+
"type": {
|
|
789
|
+
"text": "HTMLElement"
|
|
794
790
|
}
|
|
795
|
-
|
|
796
|
-
"description": "Validates value."
|
|
791
|
+
}
|
|
797
792
|
},
|
|
798
793
|
{
|
|
799
794
|
"kind": "method",
|
|
800
|
-
"name": "
|
|
801
|
-
"
|
|
802
|
-
{
|
|
803
|
-
"name": "slot",
|
|
804
|
-
"description": "The slot element containing the nodes to apply.",
|
|
805
|
-
"type": {
|
|
806
|
-
"text": "HTMLSlotElement"
|
|
807
|
-
}
|
|
808
|
-
},
|
|
809
|
-
{
|
|
810
|
-
"name": "target",
|
|
811
|
-
"description": "The target element to apply the nodes to.",
|
|
812
|
-
"type": {
|
|
813
|
-
"text": "HTMLElement"
|
|
814
|
-
}
|
|
815
|
-
},
|
|
816
|
-
{
|
|
817
|
-
"name": "newSlotName",
|
|
818
|
-
"description": "The new slot name for the applied nodes.",
|
|
819
|
-
"type": {
|
|
820
|
-
"text": "string"
|
|
821
|
-
}
|
|
822
|
-
}
|
|
823
|
-
],
|
|
824
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
825
|
-
"privacy": "private",
|
|
795
|
+
"name": "reset",
|
|
796
|
+
"description": "Resets component to initial state.",
|
|
826
797
|
"return": {
|
|
827
798
|
"type": {
|
|
828
799
|
"text": "void"
|
|
@@ -831,31 +802,28 @@
|
|
|
831
802
|
},
|
|
832
803
|
{
|
|
833
804
|
"kind": "method",
|
|
834
|
-
"name": "
|
|
835
|
-
"
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
"
|
|
840
|
-
"text": "number"
|
|
841
|
-
}
|
|
805
|
+
"name": "updateAriaLabel",
|
|
806
|
+
"description": "Updates the aria-label based on slot content.",
|
|
807
|
+
"privacy": "private",
|
|
808
|
+
"return": {
|
|
809
|
+
"type": {
|
|
810
|
+
"text": "void"
|
|
842
811
|
}
|
|
843
|
-
|
|
844
|
-
"description": "Updates the active option in the menu."
|
|
812
|
+
}
|
|
845
813
|
},
|
|
846
814
|
{
|
|
847
815
|
"kind": "method",
|
|
848
|
-
"name": "
|
|
816
|
+
"name": "handleKeyDown",
|
|
849
817
|
"parameters": [
|
|
850
818
|
{
|
|
851
819
|
"name": "event",
|
|
852
|
-
"description": "
|
|
820
|
+
"description": "The keydown event from the checkbox input.",
|
|
853
821
|
"type": {
|
|
854
|
-
"text": "
|
|
822
|
+
"text": "KeyboardEvent"
|
|
855
823
|
}
|
|
856
824
|
}
|
|
857
825
|
],
|
|
858
|
-
"description": "
|
|
826
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
859
827
|
"privacy": "private",
|
|
860
828
|
"return": {
|
|
861
829
|
"type": {
|
|
@@ -877,1098 +845,1209 @@
|
|
|
877
845
|
},
|
|
878
846
|
{
|
|
879
847
|
"kind": "field",
|
|
880
|
-
"name": "
|
|
848
|
+
"name": "checked",
|
|
881
849
|
"privacy": "public",
|
|
882
850
|
"type": {
|
|
883
|
-
"text": "
|
|
851
|
+
"text": "boolean"
|
|
884
852
|
},
|
|
885
|
-
"description": "
|
|
886
|
-
"attribute": "
|
|
853
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
854
|
+
"attribute": "checked",
|
|
887
855
|
"reflects": true
|
|
888
856
|
},
|
|
889
857
|
{
|
|
890
858
|
"kind": "field",
|
|
891
|
-
"name": "
|
|
859
|
+
"name": "disabled",
|
|
892
860
|
"privacy": "public",
|
|
893
861
|
"type": {
|
|
894
862
|
"text": "boolean"
|
|
895
863
|
},
|
|
896
|
-
"description": "If
|
|
897
|
-
"attribute": "
|
|
864
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
865
|
+
"attribute": "disabled",
|
|
898
866
|
"reflects": true
|
|
899
867
|
},
|
|
900
868
|
{
|
|
901
869
|
"kind": "field",
|
|
902
|
-
"name": "
|
|
903
|
-
"privacy": "
|
|
870
|
+
"name": "error",
|
|
871
|
+
"privacy": "public",
|
|
904
872
|
"type": {
|
|
905
|
-
"text": "
|
|
873
|
+
"text": "boolean"
|
|
906
874
|
},
|
|
907
|
-
"description": "
|
|
875
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
876
|
+
"attribute": "error",
|
|
877
|
+
"reflects": true
|
|
908
878
|
},
|
|
909
879
|
{
|
|
910
880
|
"kind": "field",
|
|
911
|
-
"name": "
|
|
881
|
+
"name": "id",
|
|
912
882
|
"privacy": "public",
|
|
913
883
|
"type": {
|
|
914
|
-
"text": "
|
|
884
|
+
"text": "string"
|
|
915
885
|
},
|
|
916
|
-
"description": "
|
|
917
|
-
"
|
|
918
|
-
"attribute": "behavior",
|
|
886
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
887
|
+
"attribute": "id",
|
|
919
888
|
"reflects": true
|
|
920
889
|
},
|
|
921
890
|
{
|
|
922
891
|
"kind": "field",
|
|
923
|
-
"name": "
|
|
924
|
-
"privacy": "
|
|
892
|
+
"name": "inputId",
|
|
893
|
+
"privacy": "private",
|
|
925
894
|
"type": {
|
|
926
|
-
"text": "
|
|
895
|
+
"text": "string"
|
|
927
896
|
},
|
|
928
|
-
"description": "
|
|
929
|
-
"attribute": "checkmark",
|
|
930
|
-
"reflects": true
|
|
897
|
+
"description": "The id for input node."
|
|
931
898
|
},
|
|
932
899
|
{
|
|
933
900
|
"kind": "field",
|
|
934
|
-
"name": "
|
|
901
|
+
"name": "name",
|
|
935
902
|
"privacy": "public",
|
|
936
903
|
"type": {
|
|
937
|
-
"text": "
|
|
904
|
+
"text": "string"
|
|
938
905
|
},
|
|
939
|
-
"description": "
|
|
940
|
-
"attribute": "
|
|
941
|
-
"reflects": true
|
|
906
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
907
|
+
"attribute": "name"
|
|
942
908
|
},
|
|
943
909
|
{
|
|
944
910
|
"kind": "field",
|
|
945
|
-
"name": "
|
|
946
|
-
"privacy": "
|
|
911
|
+
"name": "onDark",
|
|
912
|
+
"privacy": "public",
|
|
947
913
|
"type": {
|
|
948
|
-
"text": "
|
|
914
|
+
"text": "boolean"
|
|
949
915
|
},
|
|
950
|
-
"description": "
|
|
916
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
917
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
918
|
+
"attribute": "ondark",
|
|
919
|
+
"reflects": true
|
|
951
920
|
},
|
|
952
921
|
{
|
|
953
922
|
"kind": "field",
|
|
954
|
-
"name": "
|
|
923
|
+
"name": "touched",
|
|
955
924
|
"privacy": "private",
|
|
956
925
|
"type": {
|
|
957
926
|
"text": "boolean"
|
|
958
927
|
},
|
|
959
|
-
"description": "
|
|
928
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
960
929
|
},
|
|
961
930
|
{
|
|
962
931
|
"kind": "field",
|
|
963
|
-
"name": "
|
|
932
|
+
"name": "value",
|
|
964
933
|
"privacy": "public",
|
|
965
934
|
"type": {
|
|
966
|
-
"text": "
|
|
935
|
+
"text": "string"
|
|
967
936
|
},
|
|
968
|
-
"description": "
|
|
969
|
-
"attribute": "
|
|
970
|
-
"reflects": true
|
|
937
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
938
|
+
"attribute": "value"
|
|
971
939
|
},
|
|
972
940
|
{
|
|
973
941
|
"kind": "field",
|
|
974
|
-
"name": "
|
|
975
|
-
"privacy": "
|
|
942
|
+
"name": "tabIndex",
|
|
943
|
+
"privacy": "private",
|
|
976
944
|
"type": {
|
|
977
|
-
"text": "
|
|
945
|
+
"text": "number"
|
|
978
946
|
},
|
|
979
|
-
"description": "
|
|
980
|
-
"attribute": "
|
|
947
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
948
|
+
"attribute": "tabindex",
|
|
981
949
|
"reflects": true
|
|
982
950
|
},
|
|
983
951
|
{
|
|
984
952
|
"kind": "field",
|
|
985
|
-
"name": "
|
|
986
|
-
"privacy": "
|
|
953
|
+
"name": "ariaChecked",
|
|
954
|
+
"privacy": "private",
|
|
987
955
|
"type": {
|
|
988
956
|
"text": "string"
|
|
989
957
|
},
|
|
990
|
-
"description": "
|
|
991
|
-
"attribute": "
|
|
958
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
959
|
+
"attribute": "aria-checked",
|
|
992
960
|
"reflects": true
|
|
993
961
|
},
|
|
994
962
|
{
|
|
995
963
|
"kind": "field",
|
|
996
|
-
"name": "
|
|
997
|
-
"privacy": "
|
|
964
|
+
"name": "ariaDisabled",
|
|
965
|
+
"privacy": "private",
|
|
998
966
|
"type": {
|
|
999
967
|
"text": "string"
|
|
1000
968
|
},
|
|
1001
|
-
"description": "
|
|
1002
|
-
"attribute": "
|
|
969
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
970
|
+
"attribute": "aria-disabled",
|
|
1003
971
|
"reflects": true
|
|
1004
972
|
},
|
|
1005
973
|
{
|
|
1006
974
|
"kind": "field",
|
|
1007
|
-
"name": "
|
|
1008
|
-
"privacy": "
|
|
975
|
+
"name": "role",
|
|
976
|
+
"privacy": "private",
|
|
1009
977
|
"type": {
|
|
1010
|
-
"text": "
|
|
978
|
+
"text": "string"
|
|
1011
979
|
},
|
|
1012
|
-
"description": "
|
|
1013
|
-
"
|
|
1014
|
-
"attribute": "layout",
|
|
980
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
981
|
+
"attribute": "role",
|
|
1015
982
|
"reflects": true
|
|
983
|
+
}
|
|
984
|
+
],
|
|
985
|
+
"events": [
|
|
986
|
+
{
|
|
987
|
+
"name": "auroCheckbox-input",
|
|
988
|
+
"type": {
|
|
989
|
+
"text": "CustomEvent"
|
|
990
|
+
},
|
|
991
|
+
"description": "Notifies when the checked value is changed by user interaction. **DEPRECATED** - Use the `input` event instead.",
|
|
992
|
+
"deprecated": "Use the `input` event instead."
|
|
1016
993
|
},
|
|
1017
994
|
{
|
|
1018
|
-
"
|
|
1019
|
-
"name": "shape",
|
|
1020
|
-
"privacy": "public",
|
|
995
|
+
"name": "auroCheckbox-focusin",
|
|
1021
996
|
"type": {
|
|
1022
|
-
"text": "
|
|
997
|
+
"text": "CustomEvent"
|
|
1023
998
|
},
|
|
1024
|
-
"description": "
|
|
1025
|
-
"default": "'classic'",
|
|
1026
|
-
"attribute": "shape",
|
|
1027
|
-
"reflects": true
|
|
999
|
+
"description": "Notifies when the checkbox receives focus."
|
|
1028
1000
|
},
|
|
1029
1001
|
{
|
|
1030
|
-
"
|
|
1031
|
-
"name": "size",
|
|
1032
|
-
"privacy": "public",
|
|
1002
|
+
"name": "auroCheckbox-focusout",
|
|
1033
1003
|
"type": {
|
|
1034
|
-
"text": "
|
|
1004
|
+
"text": "CustomEvent"
|
|
1035
1005
|
},
|
|
1036
|
-
"description": "
|
|
1037
|
-
"default": "'xl'",
|
|
1038
|
-
"attribute": "size",
|
|
1039
|
-
"reflects": true
|
|
1006
|
+
"description": "Notifies when the checkbox loses focus."
|
|
1040
1007
|
},
|
|
1041
1008
|
{
|
|
1042
|
-
"
|
|
1043
|
-
"name": "
|
|
1044
|
-
"
|
|
1009
|
+
"description": "Notifies when checked value is changed. **DEPRECATED** - Use the `input` event instead.",
|
|
1010
|
+
"name": "change",
|
|
1011
|
+
"deprecated": "Use the `input` event instead."
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"description": "Notifies when checked value is changed by user's interface.",
|
|
1015
|
+
"name": "input"
|
|
1016
|
+
}
|
|
1017
|
+
],
|
|
1018
|
+
"attributes": [
|
|
1019
|
+
{
|
|
1020
|
+
"name": "appearance",
|
|
1045
1021
|
"type": {
|
|
1046
|
-
"text": "
|
|
1022
|
+
"text": "'default' | 'inverse'"
|
|
1047
1023
|
},
|
|
1048
|
-
"description": "
|
|
1049
|
-
"
|
|
1050
|
-
"
|
|
1024
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1025
|
+
"default": "'default'",
|
|
1026
|
+
"fieldName": "appearance"
|
|
1051
1027
|
},
|
|
1052
1028
|
{
|
|
1053
|
-
"
|
|
1054
|
-
"name": "noFilter",
|
|
1055
|
-
"privacy": "public",
|
|
1029
|
+
"name": "checked",
|
|
1056
1030
|
"type": {
|
|
1057
1031
|
"text": "boolean"
|
|
1058
1032
|
},
|
|
1059
|
-
"description": "If set,
|
|
1060
|
-
"
|
|
1061
|
-
"reflects": true
|
|
1033
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
1034
|
+
"fieldName": "checked"
|
|
1062
1035
|
},
|
|
1063
1036
|
{
|
|
1064
|
-
"
|
|
1065
|
-
"name": "noFlip",
|
|
1066
|
-
"privacy": "public",
|
|
1037
|
+
"name": "disabled",
|
|
1067
1038
|
"type": {
|
|
1068
1039
|
"text": "boolean"
|
|
1069
1040
|
},
|
|
1070
|
-
"description": "If
|
|
1071
|
-
"
|
|
1072
|
-
"reflects": true
|
|
1041
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
1042
|
+
"fieldName": "disabled"
|
|
1073
1043
|
},
|
|
1074
1044
|
{
|
|
1075
|
-
"
|
|
1076
|
-
"name": "shift",
|
|
1077
|
-
"privacy": "public",
|
|
1045
|
+
"name": "error",
|
|
1078
1046
|
"type": {
|
|
1079
1047
|
"text": "boolean"
|
|
1080
1048
|
},
|
|
1081
|
-
"description": "If
|
|
1082
|
-
"
|
|
1083
|
-
"reflects": true
|
|
1049
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
1050
|
+
"fieldName": "error"
|
|
1084
1051
|
},
|
|
1085
1052
|
{
|
|
1086
|
-
"
|
|
1087
|
-
"name": "noValidate",
|
|
1088
|
-
"privacy": "public",
|
|
1053
|
+
"name": "id",
|
|
1089
1054
|
"type": {
|
|
1090
|
-
"text": "
|
|
1055
|
+
"text": "string"
|
|
1091
1056
|
},
|
|
1092
|
-
"description": "
|
|
1093
|
-
"
|
|
1094
|
-
"reflects": true
|
|
1057
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1058
|
+
"fieldName": "id"
|
|
1095
1059
|
},
|
|
1096
1060
|
{
|
|
1097
|
-
"
|
|
1098
|
-
"name": "offset",
|
|
1099
|
-
"privacy": "public",
|
|
1061
|
+
"name": "name",
|
|
1100
1062
|
"type": {
|
|
1101
|
-
"text": "
|
|
1063
|
+
"text": "string"
|
|
1102
1064
|
},
|
|
1103
|
-
"description": "
|
|
1104
|
-
"
|
|
1105
|
-
"attribute": "offset",
|
|
1106
|
-
"reflects": true
|
|
1065
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1066
|
+
"fieldName": "name"
|
|
1107
1067
|
},
|
|
1108
1068
|
{
|
|
1109
|
-
"
|
|
1110
|
-
"name": "onDark",
|
|
1111
|
-
"privacy": "public",
|
|
1069
|
+
"name": "ondark",
|
|
1112
1070
|
"type": {
|
|
1113
1071
|
"text": "boolean"
|
|
1114
1072
|
},
|
|
1115
1073
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1116
|
-
"attribute": "ondark",
|
|
1117
|
-
"reflects": true,
|
|
1118
1074
|
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
1119
|
-
"
|
|
1120
|
-
"name": "AuroElement",
|
|
1121
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1122
|
-
}
|
|
1075
|
+
"fieldName": "onDark"
|
|
1123
1076
|
},
|
|
1124
1077
|
{
|
|
1125
|
-
"
|
|
1126
|
-
"name": "optionSelected",
|
|
1127
|
-
"privacy": "public",
|
|
1078
|
+
"name": "value",
|
|
1128
1079
|
"type": {
|
|
1129
|
-
"text": "
|
|
1080
|
+
"text": "string"
|
|
1130
1081
|
},
|
|
1131
|
-
"description": "
|
|
1082
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1083
|
+
"fieldName": "value"
|
|
1132
1084
|
},
|
|
1133
1085
|
{
|
|
1134
|
-
"
|
|
1135
|
-
"name": "persistInput",
|
|
1136
|
-
"privacy": "public",
|
|
1086
|
+
"name": "tabindex",
|
|
1137
1087
|
"type": {
|
|
1138
|
-
"text": "
|
|
1088
|
+
"text": "number"
|
|
1139
1089
|
},
|
|
1140
|
-
"description": "
|
|
1141
|
-
"
|
|
1142
|
-
"reflects": true
|
|
1090
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1091
|
+
"fieldName": "tabIndex"
|
|
1143
1092
|
},
|
|
1144
1093
|
{
|
|
1145
|
-
"
|
|
1146
|
-
"name": "placement",
|
|
1147
|
-
"privacy": "public",
|
|
1094
|
+
"name": "aria-checked",
|
|
1148
1095
|
"type": {
|
|
1149
|
-
"text": "
|
|
1096
|
+
"text": "string"
|
|
1150
1097
|
},
|
|
1151
|
-
"description": "
|
|
1152
|
-
"
|
|
1153
|
-
"attribute": "placement",
|
|
1154
|
-
"reflects": true
|
|
1098
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1099
|
+
"fieldName": "ariaChecked"
|
|
1155
1100
|
},
|
|
1156
1101
|
{
|
|
1157
|
-
"
|
|
1158
|
-
"name": "placeholder",
|
|
1159
|
-
"privacy": "public",
|
|
1102
|
+
"name": "aria-disabled",
|
|
1160
1103
|
"type": {
|
|
1161
1104
|
"text": "string"
|
|
1162
1105
|
},
|
|
1163
|
-
"description": "
|
|
1164
|
-
"
|
|
1165
|
-
"reflects": true
|
|
1106
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1107
|
+
"fieldName": "ariaDisabled"
|
|
1166
1108
|
},
|
|
1167
1109
|
{
|
|
1168
|
-
"
|
|
1169
|
-
"name": "required",
|
|
1170
|
-
"privacy": "public",
|
|
1110
|
+
"name": "role",
|
|
1171
1111
|
"type": {
|
|
1172
|
-
"text": "
|
|
1112
|
+
"text": "string"
|
|
1173
1113
|
},
|
|
1174
|
-
"description": "
|
|
1175
|
-
"
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1114
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1115
|
+
"fieldName": "role"
|
|
1116
|
+
}
|
|
1117
|
+
],
|
|
1118
|
+
"superclass": {
|
|
1119
|
+
"name": "LitElement",
|
|
1120
|
+
"package": "lit"
|
|
1121
|
+
},
|
|
1122
|
+
"tagName": "auro-checkbox",
|
|
1123
|
+
"customElement": true
|
|
1124
|
+
}
|
|
1125
|
+
],
|
|
1126
|
+
"exports": [
|
|
1127
|
+
{
|
|
1128
|
+
"kind": "js",
|
|
1129
|
+
"name": "AuroCheckbox",
|
|
1130
|
+
"declaration": {
|
|
1131
|
+
"name": "AuroCheckbox",
|
|
1132
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1133
|
+
}
|
|
1134
|
+
}
|
|
1135
|
+
]
|
|
1136
|
+
},
|
|
1137
|
+
{
|
|
1138
|
+
"kind": "javascript-module",
|
|
1139
|
+
"path": "components/checkbox/src/index.js",
|
|
1140
|
+
"declarations": [],
|
|
1141
|
+
"exports": [
|
|
1142
|
+
{
|
|
1143
|
+
"kind": "js",
|
|
1144
|
+
"name": "AuroCheckbox",
|
|
1145
|
+
"declaration": {
|
|
1146
|
+
"name": "AuroCheckbox",
|
|
1147
|
+
"module": "components/checkbox/src/index.js"
|
|
1148
|
+
}
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"kind": "js",
|
|
1152
|
+
"name": "AuroCheckboxGroup",
|
|
1153
|
+
"declaration": {
|
|
1154
|
+
"name": "AuroCheckboxGroup",
|
|
1155
|
+
"module": "components/checkbox/src/index.js"
|
|
1156
|
+
}
|
|
1157
|
+
}
|
|
1158
|
+
]
|
|
1159
|
+
},
|
|
1160
|
+
{
|
|
1161
|
+
"kind": "javascript-module",
|
|
1162
|
+
"path": "components/checkbox/src/registered.js",
|
|
1163
|
+
"declarations": [],
|
|
1164
|
+
"exports": []
|
|
1165
|
+
},
|
|
1166
|
+
{
|
|
1167
|
+
"kind": "javascript-module",
|
|
1168
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1169
|
+
"declarations": [
|
|
1170
|
+
{
|
|
1171
|
+
"kind": "class",
|
|
1172
|
+
"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.",
|
|
1173
|
+
"name": "AuroCombobox",
|
|
1174
|
+
"cssParts": [
|
|
1198
1175
|
{
|
|
1199
|
-
"
|
|
1200
|
-
"name": "
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
},
|
|
1205
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1206
|
-
"attribute": "setcustomvalidityvaluemissing"
|
|
1207
|
-
},
|
|
1176
|
+
"description": "The help text and error message content container.",
|
|
1177
|
+
"name": "helpText"
|
|
1178
|
+
}
|
|
1179
|
+
],
|
|
1180
|
+
"slots": [
|
|
1208
1181
|
{
|
|
1209
|
-
"
|
|
1210
|
-
"name": "
|
|
1211
|
-
"privacy": "public",
|
|
1212
|
-
"type": {
|
|
1213
|
-
"text": "string"
|
|
1214
|
-
},
|
|
1215
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1216
|
-
"attribute": "setcustomvalidityvaluemissingfilter"
|
|
1182
|
+
"description": "Default slot for the menu content.",
|
|
1183
|
+
"name": ""
|
|
1217
1184
|
},
|
|
1218
1185
|
{
|
|
1219
|
-
"kind": "field",
|
|
1220
|
-
"name": "touched",
|
|
1221
|
-
"privacy": "private",
|
|
1222
1186
|
"type": {
|
|
1223
|
-
"text": "
|
|
1187
|
+
"text": "HTMLSlotElement"
|
|
1224
1188
|
},
|
|
1225
|
-
"description": "
|
|
1189
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1190
|
+
"name": "optionalLabel"
|
|
1226
1191
|
},
|
|
1227
1192
|
{
|
|
1228
|
-
"
|
|
1229
|
-
"name": "
|
|
1230
|
-
"privacy": "public",
|
|
1231
|
-
"type": {
|
|
1232
|
-
"text": "boolean"
|
|
1233
|
-
},
|
|
1234
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
|
|
1235
|
-
"attribute": "triggericon",
|
|
1236
|
-
"reflects": true
|
|
1193
|
+
"description": "Sets aria-label on clear button",
|
|
1194
|
+
"name": "ariaLabel.input.clear"
|
|
1237
1195
|
},
|
|
1238
1196
|
{
|
|
1239
|
-
"
|
|
1240
|
-
"name": "
|
|
1241
|
-
"privacy": "public",
|
|
1242
|
-
"type": {
|
|
1243
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
1244
|
-
},
|
|
1245
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1246
|
-
"attribute": "type",
|
|
1247
|
-
"reflects": true
|
|
1197
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1198
|
+
"name": "ariaLabel.bib.close"
|
|
1248
1199
|
},
|
|
1249
1200
|
{
|
|
1250
|
-
"
|
|
1251
|
-
"name": "
|
|
1252
|
-
"privacy": "public",
|
|
1253
|
-
"type": {
|
|
1254
|
-
"text": "string"
|
|
1255
|
-
},
|
|
1256
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1257
|
-
"attribute": "typedvalue",
|
|
1258
|
-
"reflects": true
|
|
1201
|
+
"description": "Defines the headline to display above menu-options",
|
|
1202
|
+
"name": "bib.fullscreen.headline"
|
|
1259
1203
|
},
|
|
1260
1204
|
{
|
|
1261
|
-
"
|
|
1262
|
-
"name": "
|
|
1263
|
-
"privacy": "public",
|
|
1264
|
-
"type": {
|
|
1265
|
-
"text": "string"
|
|
1266
|
-
},
|
|
1267
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1268
|
-
"attribute": "validity",
|
|
1269
|
-
"reflects": true
|
|
1205
|
+
"description": "Defines the content of the label.",
|
|
1206
|
+
"name": "label"
|
|
1270
1207
|
},
|
|
1271
1208
|
{
|
|
1272
|
-
"
|
|
1273
|
-
"name": "
|
|
1274
|
-
"privacy": "public",
|
|
1275
|
-
"type": {
|
|
1276
|
-
"text": "string"
|
|
1277
|
-
},
|
|
1278
|
-
"description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
|
|
1279
|
-
"attribute": "value"
|
|
1209
|
+
"description": "Defines the content of the helpText.",
|
|
1210
|
+
"name": "helpText"
|
|
1280
1211
|
},
|
|
1281
1212
|
{
|
|
1282
|
-
"
|
|
1283
|
-
"name": "
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
},
|
|
1288
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1289
|
-
"attribute": "largefullscreenheadline",
|
|
1290
|
-
"reflects": true
|
|
1291
|
-
},
|
|
1213
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1214
|
+
"name": "displayValue"
|
|
1215
|
+
}
|
|
1216
|
+
],
|
|
1217
|
+
"members": [
|
|
1292
1218
|
{
|
|
1293
|
-
"kind": "
|
|
1294
|
-
"name": "
|
|
1295
|
-
"privacy": "
|
|
1296
|
-
"
|
|
1297
|
-
"
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
"attribute": "fullscreenbreakpoint",
|
|
1302
|
-
"reflects": true
|
|
1219
|
+
"kind": "method",
|
|
1220
|
+
"name": "_initializeDefaults",
|
|
1221
|
+
"privacy": "private",
|
|
1222
|
+
"return": {
|
|
1223
|
+
"type": {
|
|
1224
|
+
"text": "void"
|
|
1225
|
+
}
|
|
1226
|
+
}
|
|
1303
1227
|
},
|
|
1304
1228
|
{
|
|
1305
|
-
"kind": "
|
|
1306
|
-
"name": "
|
|
1307
|
-
"
|
|
1308
|
-
|
|
1309
|
-
|
|
1229
|
+
"kind": "method",
|
|
1230
|
+
"name": "_scheduleTimer",
|
|
1231
|
+
"parameters": [
|
|
1232
|
+
{
|
|
1233
|
+
"name": "fn",
|
|
1234
|
+
"description": "Callback to run.",
|
|
1235
|
+
"type": {
|
|
1236
|
+
"text": "Function"
|
|
1237
|
+
}
|
|
1238
|
+
},
|
|
1239
|
+
{
|
|
1240
|
+
"name": "ms",
|
|
1241
|
+
"description": "Delay in milliseconds.",
|
|
1242
|
+
"type": {
|
|
1243
|
+
"text": "number"
|
|
1244
|
+
}
|
|
1245
|
+
}
|
|
1246
|
+
],
|
|
1247
|
+
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1248
|
+
"return": {
|
|
1249
|
+
"type": {
|
|
1250
|
+
"text": "number"
|
|
1251
|
+
}
|
|
1310
1252
|
},
|
|
1311
|
-
"
|
|
1253
|
+
"privacy": "private"
|
|
1312
1254
|
},
|
|
1313
1255
|
{
|
|
1314
1256
|
"kind": "field",
|
|
1315
|
-
"name": "
|
|
1316
|
-
"description": "Returns
|
|
1317
|
-
"privacy": "private",
|
|
1257
|
+
"name": "inputValue",
|
|
1258
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1318
1259
|
"return": {
|
|
1319
1260
|
"type": {
|
|
1320
|
-
"text": "
|
|
1261
|
+
"text": "string|undefined"
|
|
1321
1262
|
}
|
|
1322
1263
|
},
|
|
1323
|
-
"readonly": true
|
|
1324
|
-
"inheritedFrom": {
|
|
1325
|
-
"name": "AuroElement",
|
|
1326
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1327
|
-
}
|
|
1264
|
+
"readonly": true
|
|
1328
1265
|
},
|
|
1329
1266
|
{
|
|
1330
1267
|
"kind": "method",
|
|
1331
|
-
"name": "
|
|
1332
|
-
"
|
|
1333
|
-
|
|
1334
|
-
"
|
|
1268
|
+
"name": "isValid",
|
|
1269
|
+
"description": "Checks if the element is valid.",
|
|
1270
|
+
"return": {
|
|
1271
|
+
"type": {
|
|
1272
|
+
"text": "boolean"
|
|
1273
|
+
}
|
|
1335
1274
|
}
|
|
1336
1275
|
},
|
|
1337
1276
|
{
|
|
1338
1277
|
"kind": "method",
|
|
1339
|
-
"name": "
|
|
1340
|
-
"
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1278
|
+
"name": "register",
|
|
1279
|
+
"static": true,
|
|
1280
|
+
"parameters": [
|
|
1281
|
+
{
|
|
1282
|
+
"name": "name",
|
|
1283
|
+
"default": "'auro-combobox'",
|
|
1284
|
+
"description": "The name of the element that you want to register.",
|
|
1285
|
+
"optional": true,
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "string"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1290
|
+
],
|
|
1291
|
+
"description": "This will register this element with the browser."
|
|
1344
1292
|
},
|
|
1345
1293
|
{
|
|
1346
1294
|
"kind": "method",
|
|
1347
|
-
"name": "
|
|
1348
|
-
"
|
|
1349
|
-
|
|
1350
|
-
|
|
1295
|
+
"name": "isOptionOrAncestorMenuDisabled",
|
|
1296
|
+
"parameters": [
|
|
1297
|
+
{
|
|
1298
|
+
"name": "option",
|
|
1299
|
+
"description": "The option to check.",
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "HTMLElement"
|
|
1302
|
+
}
|
|
1303
|
+
}
|
|
1304
|
+
],
|
|
1305
|
+
"description": "Checks whether an option's own `disabled` or any ancestor `auro-menu`'s\n`disabled` (root or a nested submenu the option is slotted inside)\napplies. A menu never writes `disabled` onto its options (AB#1566578),\nso an ancestor's disabled state has to be resolved at check-time by\nwalking up, mirroring `auro-menu`'s own `isOptionInteractive()`/\n`isSelectableByValue()` — duplicated here rather than imported since\n`auro-combobox` only ever talks to `auro-menu` through its public DOM\ncontract, not its internal module.",
|
|
1306
|
+
"privacy": "private",
|
|
1307
|
+
"return": {
|
|
1308
|
+
"type": {
|
|
1309
|
+
"text": "boolean"
|
|
1310
|
+
}
|
|
1351
1311
|
}
|
|
1352
|
-
}
|
|
1353
|
-
],
|
|
1354
|
-
"events": [
|
|
1355
|
-
{
|
|
1356
|
-
"name": "inputValue",
|
|
1357
|
-
"type": {
|
|
1358
|
-
"text": "CustomEvent"
|
|
1359
|
-
},
|
|
1360
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1361
1312
|
},
|
|
1362
1313
|
{
|
|
1363
|
-
"
|
|
1364
|
-
"
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
"
|
|
1314
|
+
"kind": "method",
|
|
1315
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1316
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1317
|
+
"privacy": "private",
|
|
1318
|
+
"return": {
|
|
1319
|
+
"type": {
|
|
1320
|
+
"text": "void"
|
|
1321
|
+
}
|
|
1322
|
+
}
|
|
1368
1323
|
},
|
|
1369
1324
|
{
|
|
1370
|
-
"
|
|
1371
|
-
"
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
"
|
|
1375
|
-
|
|
1325
|
+
"kind": "method",
|
|
1326
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1327
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1328
|
+
"privacy": "private",
|
|
1329
|
+
"return": {
|
|
1330
|
+
"type": {
|
|
1331
|
+
"text": "void"
|
|
1332
|
+
}
|
|
1333
|
+
}
|
|
1376
1334
|
},
|
|
1377
1335
|
{
|
|
1378
|
-
"
|
|
1379
|
-
"name": "
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1336
|
+
"kind": "method",
|
|
1337
|
+
"name": "updateFilter",
|
|
1338
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1339
|
+
"privacy": "private"
|
|
1340
|
+
},
|
|
1383
1341
|
{
|
|
1384
|
-
"
|
|
1385
|
-
"
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
"
|
|
1389
|
-
|
|
1390
|
-
|
|
1342
|
+
"kind": "method",
|
|
1343
|
+
"name": "syncValuesAndStates",
|
|
1344
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1345
|
+
"privacy": "private",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1391
1351
|
},
|
|
1392
1352
|
{
|
|
1393
|
-
"
|
|
1394
|
-
"
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1353
|
+
"kind": "method",
|
|
1354
|
+
"name": "updateTriggerTextDisplay",
|
|
1355
|
+
"parameters": [
|
|
1356
|
+
{
|
|
1357
|
+
"name": "label",
|
|
1358
|
+
"description": "The label of the selected option.",
|
|
1359
|
+
"type": {
|
|
1360
|
+
"text": "string"
|
|
1361
|
+
}
|
|
1362
|
+
}
|
|
1363
|
+
],
|
|
1364
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1365
|
+
"privacy": "private"
|
|
1399
1366
|
},
|
|
1400
1367
|
{
|
|
1401
|
-
"
|
|
1402
|
-
"
|
|
1403
|
-
|
|
1368
|
+
"kind": "method",
|
|
1369
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
1370
|
+
"parameters": [
|
|
1371
|
+
{
|
|
1372
|
+
"name": "nextValue",
|
|
1373
|
+
"description": "The value to write to both inputs.",
|
|
1374
|
+
"type": {
|
|
1375
|
+
"text": "string"
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
],
|
|
1379
|
+
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
1380
|
+
"return": {
|
|
1381
|
+
"type": {
|
|
1382
|
+
"text": "Promise<void>"
|
|
1383
|
+
}
|
|
1404
1384
|
},
|
|
1405
|
-
"
|
|
1406
|
-
"fieldName": "autoPlacement"
|
|
1385
|
+
"privacy": "private"
|
|
1407
1386
|
},
|
|
1408
1387
|
{
|
|
1409
|
-
"
|
|
1410
|
-
"
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1388
|
+
"kind": "method",
|
|
1389
|
+
"name": "handleMenuOptions",
|
|
1390
|
+
"parameters": [
|
|
1391
|
+
{
|
|
1392
|
+
"name": "{ preferComboboxValue = false }",
|
|
1393
|
+
"default": "{}"
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"description": "Optional flag bag.",
|
|
1397
|
+
"name": "options",
|
|
1398
|
+
"optional": true,
|
|
1399
|
+
"type": {
|
|
1400
|
+
"text": "@param {boolean} [options.preferComboboxValue=false] - When true,\n * handleMenuOptions matches the selected option against `this.value`\n * first instead of `this.input.value`. Needed on mount and re-mount\n * because under `persistInput` the consumer's typedValue prop can drift\n * from the framework value (Svelte `{#key}` re-mount after a swap, or\n * SPA preselect after route change) and the old input-first match would\n * then pick the stale text. Only handleSlotChange passes this; typing\n * and clearing paths keep the input-first match so user clears aren't\n * undone.\n * "
|
|
1401
|
+
}
|
|
1402
|
+
}
|
|
1403
|
+
],
|
|
1404
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1405
|
+
"privacy": "private",
|
|
1406
|
+
"return": {
|
|
1407
|
+
"type": {
|
|
1408
|
+
"text": "void"
|
|
1409
|
+
}
|
|
1410
|
+
}
|
|
1416
1411
|
},
|
|
1417
1412
|
{
|
|
1418
|
-
"
|
|
1419
|
-
"
|
|
1420
|
-
|
|
1421
|
-
|
|
1422
|
-
"
|
|
1423
|
-
|
|
1413
|
+
"kind": "method",
|
|
1414
|
+
"name": "generateOptionsArray",
|
|
1415
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1416
|
+
"privacy": "private",
|
|
1417
|
+
"return": {
|
|
1418
|
+
"type": {
|
|
1419
|
+
"text": "void"
|
|
1420
|
+
}
|
|
1421
|
+
}
|
|
1424
1422
|
},
|
|
1425
1423
|
{
|
|
1426
|
-
"
|
|
1427
|
-
"
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1424
|
+
"kind": "method",
|
|
1425
|
+
"name": "hideBib",
|
|
1426
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1427
|
+
"return": {
|
|
1428
|
+
"type": {
|
|
1429
|
+
"text": "void"
|
|
1430
|
+
}
|
|
1431
|
+
}
|
|
1432
1432
|
},
|
|
1433
1433
|
{
|
|
1434
|
-
"
|
|
1435
|
-
"
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1434
|
+
"kind": "method",
|
|
1435
|
+
"name": "showBib",
|
|
1436
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1437
|
+
"return": {
|
|
1438
|
+
"type": {
|
|
1439
|
+
"text": "void"
|
|
1440
|
+
}
|
|
1441
|
+
}
|
|
1440
1442
|
},
|
|
1441
1443
|
{
|
|
1442
|
-
"
|
|
1443
|
-
"
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
"
|
|
1447
|
-
|
|
1444
|
+
"kind": "method",
|
|
1445
|
+
"name": "configureDropdown",
|
|
1446
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1447
|
+
"privacy": "private",
|
|
1448
|
+
"return": {
|
|
1449
|
+
"type": {
|
|
1450
|
+
"text": "void"
|
|
1451
|
+
}
|
|
1452
|
+
}
|
|
1448
1453
|
},
|
|
1449
1454
|
{
|
|
1450
|
-
"
|
|
1451
|
-
"
|
|
1452
|
-
|
|
1453
|
-
},
|
|
1454
|
-
"description": "Specifies the input mask format.",
|
|
1455
|
-
"fieldName": "format"
|
|
1455
|
+
"kind": "method",
|
|
1456
|
+
"name": "setClearBtnFocus",
|
|
1457
|
+
"privacy": "private"
|
|
1456
1458
|
},
|
|
1457
1459
|
{
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
|
|
1461
|
-
},
|
|
1462
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1463
|
-
"fieldName": "inputmode"
|
|
1460
|
+
"kind": "method",
|
|
1461
|
+
"name": "setTriggerInputFocus",
|
|
1462
|
+
"privacy": "private"
|
|
1464
1463
|
},
|
|
1465
1464
|
{
|
|
1466
|
-
"
|
|
1467
|
-
"
|
|
1468
|
-
|
|
1469
|
-
},
|
|
1470
|
-
"description": "Sets the layout of the combobox.",
|
|
1471
|
-
"default": "'classic'",
|
|
1472
|
-
"fieldName": "layout"
|
|
1465
|
+
"kind": "method",
|
|
1466
|
+
"name": "setInputFocus",
|
|
1467
|
+
"privacy": "private"
|
|
1473
1468
|
},
|
|
1474
1469
|
{
|
|
1475
|
-
"
|
|
1476
|
-
"
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
"description": "Sets the shape of the combobox.",
|
|
1480
|
-
"default": "'classic'",
|
|
1481
|
-
"fieldName": "shape"
|
|
1470
|
+
"kind": "method",
|
|
1471
|
+
"name": "updateBibDialogRole",
|
|
1472
|
+
"description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
|
|
1473
|
+
"privacy": "private"
|
|
1482
1474
|
},
|
|
1483
1475
|
{
|
|
1484
|
-
"
|
|
1485
|
-
"
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
"description": "Sets the size of the combobox.",
|
|
1489
|
-
"default": "'xl'",
|
|
1490
|
-
"fieldName": "size"
|
|
1476
|
+
"kind": "method",
|
|
1477
|
+
"name": "updateMenuShapeSize",
|
|
1478
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1479
|
+
"privacy": "private"
|
|
1491
1480
|
},
|
|
1492
1481
|
{
|
|
1493
|
-
"
|
|
1494
|
-
"
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
"
|
|
1498
|
-
|
|
1482
|
+
"kind": "method",
|
|
1483
|
+
"name": "_getAnnouncementRoot",
|
|
1484
|
+
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
1485
|
+
"privacy": "private",
|
|
1486
|
+
"return": {
|
|
1487
|
+
"type": {
|
|
1488
|
+
"text": "ShadowRoot"
|
|
1489
|
+
}
|
|
1490
|
+
}
|
|
1499
1491
|
},
|
|
1500
1492
|
{
|
|
1501
|
-
"
|
|
1502
|
-
"
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
"
|
|
1506
|
-
|
|
1493
|
+
"kind": "method",
|
|
1494
|
+
"name": "configureMenu",
|
|
1495
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1496
|
+
"privacy": "private",
|
|
1497
|
+
"return": {
|
|
1498
|
+
"type": {
|
|
1499
|
+
"text": "void"
|
|
1500
|
+
}
|
|
1501
|
+
}
|
|
1507
1502
|
},
|
|
1508
1503
|
{
|
|
1509
|
-
"
|
|
1510
|
-
"
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
"
|
|
1514
|
-
|
|
1504
|
+
"kind": "method",
|
|
1505
|
+
"name": "configureInput",
|
|
1506
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1507
|
+
"privacy": "private",
|
|
1508
|
+
"return": {
|
|
1509
|
+
"type": {
|
|
1510
|
+
"text": "void"
|
|
1511
|
+
}
|
|
1512
|
+
}
|
|
1515
1513
|
},
|
|
1516
1514
|
{
|
|
1517
|
-
"
|
|
1518
|
-
"
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1515
|
+
"kind": "method",
|
|
1516
|
+
"name": "trackClearBtnActivation",
|
|
1517
|
+
"parameters": [
|
|
1518
|
+
{
|
|
1519
|
+
"name": "inputEl",
|
|
1520
|
+
"description": "The auro-input whose clear button to track.",
|
|
1521
|
+
"type": {
|
|
1522
|
+
"text": "Element"
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
],
|
|
1526
|
+
"description": "Flags genuine clear-button activations on an auro-input so the SPA-preselect\nguard in handleInputValueChange doesn't swallow them.\n\nThe auro-input clear button fires an `isProgrammatic` input event (via\nnotifyValueChanged) that is indistinguishable in shape from the\nSPA-preselect echo that guard bails on (isProgrammatic + set value + empty\ninput). Without this one-shot flag, clicking clear would leave\nthis.value/optionSelected stale (AB#1634257).\n\nDelegated on the shadow root so it works regardless of when .clearBtn\nrenders (it only exists after a value is set), and covers both real clicks\nand programmatic clearBtn.click() (which no focusin precedes). Registered in\nthe CAPTURE phase so the flag is set BEFORE the button's own",
|
|
1527
|
+
"privacy": "private",
|
|
1528
|
+
"return": {
|
|
1529
|
+
"type": {
|
|
1530
|
+
"text": "void"
|
|
1531
|
+
}
|
|
1532
|
+
}
|
|
1523
1533
|
},
|
|
1524
1534
|
{
|
|
1525
|
-
"
|
|
1526
|
-
"
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1535
|
+
"kind": "method",
|
|
1536
|
+
"name": "handleMenuLoadingChange",
|
|
1537
|
+
"parameters": [
|
|
1538
|
+
{
|
|
1539
|
+
"name": "event",
|
|
1540
|
+
"description": "The event object containing details about the loading state change.",
|
|
1541
|
+
"type": {
|
|
1542
|
+
"text": "CustomEvent"
|
|
1543
|
+
}
|
|
1544
|
+
},
|
|
1545
|
+
{
|
|
1546
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1547
|
+
"name": "event.detail.loading",
|
|
1548
|
+
"type": {
|
|
1549
|
+
"text": "boolean"
|
|
1550
|
+
}
|
|
1551
|
+
},
|
|
1552
|
+
{
|
|
1553
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1554
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1555
|
+
"type": {
|
|
1556
|
+
"text": "boolean"
|
|
1557
|
+
}
|
|
1558
|
+
}
|
|
1559
|
+
],
|
|
1560
|
+
"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.",
|
|
1561
|
+
"privacy": "private",
|
|
1562
|
+
"return": {
|
|
1563
|
+
"type": {
|
|
1564
|
+
"text": "void"
|
|
1565
|
+
}
|
|
1566
|
+
}
|
|
1531
1567
|
},
|
|
1532
1568
|
{
|
|
1533
|
-
"
|
|
1534
|
-
"
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1569
|
+
"kind": "method",
|
|
1570
|
+
"name": "handleInputValueChange",
|
|
1571
|
+
"parameters": [
|
|
1572
|
+
{
|
|
1573
|
+
"name": "event",
|
|
1574
|
+
"description": "The input event triggered by the input element.",
|
|
1575
|
+
"type": {
|
|
1576
|
+
"text": "Event"
|
|
1577
|
+
}
|
|
1578
|
+
}
|
|
1579
|
+
],
|
|
1580
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1581
|
+
"privacy": "private",
|
|
1582
|
+
"return": {
|
|
1583
|
+
"type": {
|
|
1584
|
+
"text": "void"
|
|
1585
|
+
}
|
|
1586
|
+
}
|
|
1540
1587
|
},
|
|
1541
1588
|
{
|
|
1542
|
-
"
|
|
1543
|
-
"
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
|
|
1551
|
-
|
|
1589
|
+
"kind": "method",
|
|
1590
|
+
"name": "handleTriggerInputValueChange",
|
|
1591
|
+
"parameters": [
|
|
1592
|
+
{
|
|
1593
|
+
"name": "event",
|
|
1594
|
+
"description": "The input event from the trigger input element.",
|
|
1595
|
+
"type": {
|
|
1596
|
+
"text": "Event"
|
|
1597
|
+
}
|
|
1598
|
+
}
|
|
1599
|
+
],
|
|
1600
|
+
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
1601
|
+
"privacy": "private",
|
|
1602
|
+
"return": {
|
|
1603
|
+
"type": {
|
|
1604
|
+
"text": "void"
|
|
1605
|
+
}
|
|
1552
1606
|
}
|
|
1553
1607
|
},
|
|
1554
1608
|
{
|
|
1555
|
-
"
|
|
1556
|
-
"
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
"
|
|
1560
|
-
|
|
1609
|
+
"kind": "method",
|
|
1610
|
+
"name": "configureCombobox",
|
|
1611
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1612
|
+
"privacy": "private",
|
|
1613
|
+
"return": {
|
|
1614
|
+
"type": {
|
|
1615
|
+
"text": "void"
|
|
1616
|
+
}
|
|
1617
|
+
}
|
|
1561
1618
|
},
|
|
1562
1619
|
{
|
|
1563
|
-
"
|
|
1564
|
-
"
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1620
|
+
"kind": "method",
|
|
1621
|
+
"name": "focus",
|
|
1622
|
+
"description": "Focuses the combobox trigger input.",
|
|
1623
|
+
"return": {
|
|
1624
|
+
"type": {
|
|
1625
|
+
"text": "void"
|
|
1626
|
+
}
|
|
1627
|
+
}
|
|
1570
1628
|
},
|
|
1571
1629
|
{
|
|
1572
|
-
"
|
|
1573
|
-
"
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1630
|
+
"kind": "method",
|
|
1631
|
+
"name": "setMenuValue",
|
|
1632
|
+
"parameters": [
|
|
1633
|
+
{
|
|
1634
|
+
"name": "value",
|
|
1635
|
+
"description": "The value to set on the menu.",
|
|
1636
|
+
"type": {
|
|
1637
|
+
"text": "string"
|
|
1638
|
+
}
|
|
1639
|
+
}
|
|
1640
|
+
],
|
|
1641
|
+
"description": "Sets the menu value if menu is available.",
|
|
1642
|
+
"return": {
|
|
1643
|
+
"type": {
|
|
1644
|
+
"text": "void"
|
|
1645
|
+
}
|
|
1646
|
+
}
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"kind": "method",
|
|
1650
|
+
"name": "reset",
|
|
1651
|
+
"description": "Resets component to initial state.",
|
|
1652
|
+
"return": {
|
|
1653
|
+
"type": {
|
|
1654
|
+
"text": "void"
|
|
1655
|
+
}
|
|
1656
|
+
}
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"kind": "method",
|
|
1660
|
+
"name": "clear",
|
|
1661
|
+
"description": "Clears the current value of the combobox.",
|
|
1662
|
+
"return": {
|
|
1663
|
+
"type": {
|
|
1664
|
+
"text": "void"
|
|
1665
|
+
}
|
|
1666
|
+
}
|
|
1667
|
+
},
|
|
1668
|
+
{
|
|
1669
|
+
"kind": "method",
|
|
1670
|
+
"name": "validate",
|
|
1671
|
+
"parameters": [
|
|
1672
|
+
{
|
|
1673
|
+
"name": "force",
|
|
1674
|
+
"default": "false",
|
|
1675
|
+
"description": "Whether to force validation.",
|
|
1676
|
+
"optional": true,
|
|
1677
|
+
"type": {
|
|
1678
|
+
"text": "boolean"
|
|
1679
|
+
}
|
|
1680
|
+
}
|
|
1681
|
+
],
|
|
1682
|
+
"description": "Validates value."
|
|
1578
1683
|
},
|
|
1579
1684
|
{
|
|
1580
|
-
"
|
|
1581
|
-
"
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1685
|
+
"kind": "method",
|
|
1686
|
+
"name": "transportAssignedNodes",
|
|
1687
|
+
"parameters": [
|
|
1688
|
+
{
|
|
1689
|
+
"name": "slot",
|
|
1690
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1691
|
+
"type": {
|
|
1692
|
+
"text": "HTMLSlotElement"
|
|
1693
|
+
}
|
|
1694
|
+
},
|
|
1695
|
+
{
|
|
1696
|
+
"name": "target",
|
|
1697
|
+
"description": "The target element to apply the nodes to.",
|
|
1698
|
+
"type": {
|
|
1699
|
+
"text": "HTMLElement"
|
|
1700
|
+
}
|
|
1701
|
+
},
|
|
1702
|
+
{
|
|
1703
|
+
"name": "newSlotName",
|
|
1704
|
+
"description": "The new slot name for the applied nodes.",
|
|
1705
|
+
"type": {
|
|
1706
|
+
"text": "string"
|
|
1707
|
+
}
|
|
1708
|
+
}
|
|
1709
|
+
],
|
|
1710
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1711
|
+
"privacy": "private",
|
|
1712
|
+
"return": {
|
|
1713
|
+
"type": {
|
|
1714
|
+
"text": "void"
|
|
1715
|
+
}
|
|
1716
|
+
}
|
|
1586
1717
|
},
|
|
1587
1718
|
{
|
|
1588
|
-
"
|
|
1589
|
-
"
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1719
|
+
"kind": "method",
|
|
1720
|
+
"name": "updateActiveOption",
|
|
1721
|
+
"parameters": [
|
|
1722
|
+
{
|
|
1723
|
+
"name": "index",
|
|
1724
|
+
"description": "Index of the option to make active.",
|
|
1725
|
+
"type": {
|
|
1726
|
+
"text": "number"
|
|
1727
|
+
}
|
|
1728
|
+
}
|
|
1729
|
+
],
|
|
1730
|
+
"description": "Updates the active option in the menu."
|
|
1594
1731
|
},
|
|
1595
1732
|
{
|
|
1596
|
-
"
|
|
1597
|
-
"
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1733
|
+
"kind": "method",
|
|
1734
|
+
"name": "handleSlotChange",
|
|
1735
|
+
"parameters": [
|
|
1736
|
+
{
|
|
1737
|
+
"name": "event",
|
|
1738
|
+
"description": "`slotchange` event.",
|
|
1739
|
+
"type": {
|
|
1740
|
+
"text": "Event"
|
|
1741
|
+
}
|
|
1742
|
+
}
|
|
1743
|
+
],
|
|
1744
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1745
|
+
"privacy": "private",
|
|
1746
|
+
"return": {
|
|
1747
|
+
"type": {
|
|
1748
|
+
"text": "void"
|
|
1749
|
+
}
|
|
1750
|
+
}
|
|
1602
1751
|
},
|
|
1603
1752
|
{
|
|
1604
|
-
"
|
|
1753
|
+
"kind": "field",
|
|
1754
|
+
"name": "appearance",
|
|
1755
|
+
"privacy": "public",
|
|
1605
1756
|
"type": {
|
|
1606
|
-
"text": "
|
|
1757
|
+
"text": "'default' | 'inverse'"
|
|
1607
1758
|
},
|
|
1608
|
-
"description": "
|
|
1609
|
-
"
|
|
1759
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1760
|
+
"default": "'default'",
|
|
1761
|
+
"attribute": "appearance",
|
|
1762
|
+
"reflects": true
|
|
1610
1763
|
},
|
|
1611
1764
|
{
|
|
1612
|
-
"
|
|
1765
|
+
"kind": "field",
|
|
1766
|
+
"name": "autocomplete",
|
|
1767
|
+
"privacy": "public",
|
|
1613
1768
|
"type": {
|
|
1614
1769
|
"text": "string"
|
|
1615
1770
|
},
|
|
1616
|
-
"description": "
|
|
1617
|
-
"
|
|
1771
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1772
|
+
"attribute": "autocomplete",
|
|
1773
|
+
"reflects": true
|
|
1618
1774
|
},
|
|
1619
1775
|
{
|
|
1620
|
-
"
|
|
1776
|
+
"kind": "field",
|
|
1777
|
+
"name": "autoPlacement",
|
|
1778
|
+
"privacy": "public",
|
|
1621
1779
|
"type": {
|
|
1622
1780
|
"text": "boolean"
|
|
1623
1781
|
},
|
|
1624
|
-
"description": "If
|
|
1625
|
-
"
|
|
1626
|
-
|
|
1627
|
-
{
|
|
1628
|
-
"name": "type",
|
|
1629
|
-
"type": {
|
|
1630
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
1631
|
-
},
|
|
1632
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1633
|
-
"fieldName": "type"
|
|
1634
|
-
},
|
|
1635
|
-
{
|
|
1636
|
-
"name": "typedvalue",
|
|
1637
|
-
"type": {
|
|
1638
|
-
"text": "string"
|
|
1639
|
-
},
|
|
1640
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1641
|
-
"fieldName": "typedValue"
|
|
1782
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1783
|
+
"attribute": "autoplacement",
|
|
1784
|
+
"reflects": true
|
|
1642
1785
|
},
|
|
1643
1786
|
{
|
|
1644
|
-
"
|
|
1787
|
+
"kind": "field",
|
|
1788
|
+
"name": "availableOptions",
|
|
1789
|
+
"privacy": "private",
|
|
1645
1790
|
"type": {
|
|
1646
|
-
"text": "
|
|
1791
|
+
"text": "HTMLElement[]"
|
|
1647
1792
|
},
|
|
1648
|
-
"description": "
|
|
1649
|
-
"fieldName": "validity"
|
|
1793
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value)."
|
|
1650
1794
|
},
|
|
1651
1795
|
{
|
|
1652
|
-
"
|
|
1796
|
+
"kind": "field",
|
|
1797
|
+
"name": "behavior",
|
|
1798
|
+
"privacy": "public",
|
|
1653
1799
|
"type": {
|
|
1654
|
-
"text": "
|
|
1800
|
+
"text": "'filter' | 'suggestion'"
|
|
1655
1801
|
},
|
|
1656
|
-
"description": "
|
|
1657
|
-
"
|
|
1802
|
+
"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.",
|
|
1803
|
+
"default": "'suggestion'",
|
|
1804
|
+
"attribute": "behavior",
|
|
1805
|
+
"reflects": true
|
|
1658
1806
|
},
|
|
1659
1807
|
{
|
|
1660
|
-
"
|
|
1808
|
+
"kind": "field",
|
|
1809
|
+
"name": "checkmark",
|
|
1810
|
+
"privacy": "public",
|
|
1661
1811
|
"type": {
|
|
1662
1812
|
"text": "boolean"
|
|
1663
1813
|
},
|
|
1664
|
-
"description": "
|
|
1665
|
-
"
|
|
1814
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1815
|
+
"attribute": "checkmark",
|
|
1816
|
+
"reflects": true
|
|
1666
1817
|
},
|
|
1667
1818
|
{
|
|
1668
|
-
"
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "disabled",
|
|
1821
|
+
"privacy": "public",
|
|
1669
1822
|
"type": {
|
|
1670
|
-
"text": "
|
|
1823
|
+
"text": "boolean"
|
|
1671
1824
|
},
|
|
1672
|
-
"description": "
|
|
1673
|
-
"
|
|
1674
|
-
"
|
|
1675
|
-
}
|
|
1676
|
-
],
|
|
1677
|
-
"superclass": {
|
|
1678
|
-
"name": "AuroElement",
|
|
1679
|
-
"module": "/components/layoutElement/src/auroElement.js"
|
|
1680
|
-
},
|
|
1681
|
-
"tagName": "auro-combobox",
|
|
1682
|
-
"customElement": true
|
|
1683
|
-
}
|
|
1684
|
-
],
|
|
1685
|
-
"exports": [
|
|
1686
|
-
{
|
|
1687
|
-
"kind": "js",
|
|
1688
|
-
"name": "AuroCombobox",
|
|
1689
|
-
"declaration": {
|
|
1690
|
-
"name": "AuroCombobox",
|
|
1691
|
-
"module": "components/combobox/src/auro-combobox.js"
|
|
1692
|
-
}
|
|
1693
|
-
}
|
|
1694
|
-
]
|
|
1695
|
-
},
|
|
1696
|
-
{
|
|
1697
|
-
"kind": "javascript-module",
|
|
1698
|
-
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1699
|
-
"declarations": [
|
|
1700
|
-
{
|
|
1701
|
-
"kind": "variable",
|
|
1702
|
-
"name": "comboboxKeyboardStrategy",
|
|
1703
|
-
"type": {
|
|
1704
|
-
"text": "object"
|
|
1705
|
-
},
|
|
1706
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
|
|
1707
|
-
}
|
|
1708
|
-
],
|
|
1709
|
-
"exports": [
|
|
1710
|
-
{
|
|
1711
|
-
"kind": "js",
|
|
1712
|
-
"name": "comboboxKeyboardStrategy",
|
|
1713
|
-
"declaration": {
|
|
1714
|
-
"name": "comboboxKeyboardStrategy",
|
|
1715
|
-
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1716
|
-
}
|
|
1717
|
-
}
|
|
1718
|
-
]
|
|
1719
|
-
},
|
|
1720
|
-
{
|
|
1721
|
-
"kind": "javascript-module",
|
|
1722
|
-
"path": "components/combobox/src/index.js",
|
|
1723
|
-
"declarations": [],
|
|
1724
|
-
"exports": [
|
|
1725
|
-
{
|
|
1726
|
-
"kind": "js",
|
|
1727
|
-
"name": "AuroCombobox",
|
|
1728
|
-
"declaration": {
|
|
1729
|
-
"name": "AuroCombobox",
|
|
1730
|
-
"module": "components/combobox/src/index.js"
|
|
1731
|
-
}
|
|
1732
|
-
}
|
|
1733
|
-
]
|
|
1734
|
-
},
|
|
1735
|
-
{
|
|
1736
|
-
"kind": "javascript-module",
|
|
1737
|
-
"path": "components/combobox/src/registered.js",
|
|
1738
|
-
"declarations": [],
|
|
1739
|
-
"exports": [
|
|
1740
|
-
{
|
|
1741
|
-
"kind": "js",
|
|
1742
|
-
"name": "AuroCombobox",
|
|
1743
|
-
"declaration": {
|
|
1744
|
-
"name": "AuroCombobox",
|
|
1745
|
-
"module": "components/combobox/src/registered.js"
|
|
1746
|
-
}
|
|
1747
|
-
}
|
|
1748
|
-
]
|
|
1749
|
-
},
|
|
1750
|
-
{
|
|
1751
|
-
"kind": "javascript-module",
|
|
1752
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1753
|
-
"declarations": [
|
|
1754
|
-
{
|
|
1755
|
-
"kind": "class",
|
|
1756
|
-
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1757
|
-
"name": "AuroCheckboxGroup",
|
|
1758
|
-
"cssParts": [
|
|
1759
|
-
{
|
|
1760
|
-
"description": "Apply css to the fieldset element in the shadow DOM",
|
|
1761
|
-
"name": "checkbox-group"
|
|
1825
|
+
"description": "If set, disables the combobox.",
|
|
1826
|
+
"attribute": "disabled",
|
|
1827
|
+
"reflects": true
|
|
1762
1828
|
},
|
|
1763
1829
|
{
|
|
1764
|
-
"
|
|
1765
|
-
"name": "
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
|
|
1830
|
+
"kind": "field",
|
|
1831
|
+
"name": "dropdownId",
|
|
1832
|
+
"privacy": "private",
|
|
1833
|
+
"type": {
|
|
1834
|
+
"text": "string"
|
|
1835
|
+
},
|
|
1836
|
+
"description": "ID for the dropdown."
|
|
1837
|
+
},
|
|
1769
1838
|
{
|
|
1770
|
-
"
|
|
1771
|
-
"name": "
|
|
1839
|
+
"kind": "field",
|
|
1840
|
+
"name": "dropdownOpen",
|
|
1841
|
+
"privacy": "private",
|
|
1842
|
+
"type": {
|
|
1843
|
+
"text": "boolean"
|
|
1844
|
+
},
|
|
1845
|
+
"description": "Whether or not the dropdown is open."
|
|
1772
1846
|
},
|
|
1773
1847
|
{
|
|
1774
|
-
"
|
|
1775
|
-
"name": "
|
|
1848
|
+
"kind": "field",
|
|
1849
|
+
"name": "dvInputOnly",
|
|
1850
|
+
"privacy": "public",
|
|
1851
|
+
"type": {
|
|
1852
|
+
"text": "boolean"
|
|
1853
|
+
},
|
|
1854
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1855
|
+
"attribute": "dvinputonly",
|
|
1856
|
+
"reflects": true
|
|
1776
1857
|
},
|
|
1777
1858
|
{
|
|
1778
|
-
"
|
|
1779
|
-
"name": "
|
|
1859
|
+
"kind": "field",
|
|
1860
|
+
"name": "error",
|
|
1861
|
+
"privacy": "public",
|
|
1862
|
+
"type": {
|
|
1863
|
+
"text": "string"
|
|
1864
|
+
},
|
|
1865
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1866
|
+
"attribute": "error",
|
|
1867
|
+
"reflects": true
|
|
1780
1868
|
},
|
|
1781
1869
|
{
|
|
1782
|
-
"
|
|
1783
|
-
"name": "
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1870
|
+
"kind": "field",
|
|
1871
|
+
"name": "format",
|
|
1872
|
+
"privacy": "public",
|
|
1873
|
+
"type": {
|
|
1874
|
+
"text": "string"
|
|
1875
|
+
},
|
|
1876
|
+
"description": "Specifies the input mask format.",
|
|
1877
|
+
"attribute": "format",
|
|
1878
|
+
"reflects": true
|
|
1879
|
+
},
|
|
1787
1880
|
{
|
|
1788
|
-
"kind": "
|
|
1789
|
-
"name": "
|
|
1881
|
+
"kind": "field",
|
|
1882
|
+
"name": "inputmode",
|
|
1883
|
+
"privacy": "public",
|
|
1884
|
+
"type": {
|
|
1885
|
+
"text": "string"
|
|
1886
|
+
},
|
|
1887
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1888
|
+
"attribute": "inputmode",
|
|
1889
|
+
"reflects": true
|
|
1790
1890
|
},
|
|
1791
1891
|
{
|
|
1792
|
-
"kind": "
|
|
1793
|
-
"name": "
|
|
1794
|
-
"
|
|
1795
|
-
"
|
|
1796
|
-
|
|
1797
|
-
|
|
1798
|
-
|
|
1799
|
-
|
|
1800
|
-
|
|
1801
|
-
|
|
1802
|
-
"text": "string"
|
|
1803
|
-
}
|
|
1804
|
-
}
|
|
1805
|
-
],
|
|
1806
|
-
"description": "This will register this element with the browser."
|
|
1892
|
+
"kind": "field",
|
|
1893
|
+
"name": "layout",
|
|
1894
|
+
"privacy": "public",
|
|
1895
|
+
"type": {
|
|
1896
|
+
"text": "'classic' | 'emphasized' | 'snowflake'"
|
|
1897
|
+
},
|
|
1898
|
+
"description": "Sets the layout of the combobox.",
|
|
1899
|
+
"default": "'classic'",
|
|
1900
|
+
"attribute": "layout",
|
|
1901
|
+
"reflects": true
|
|
1807
1902
|
},
|
|
1808
1903
|
{
|
|
1809
|
-
"kind": "
|
|
1810
|
-
"name": "
|
|
1811
|
-
"
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
{
|
|
1820
|
-
"name": "selected",
|
|
1821
|
-
"description": "The checked state of the checkbox.",
|
|
1822
|
-
"type": {
|
|
1823
|
-
"text": "Boolean"
|
|
1824
|
-
}
|
|
1825
|
-
}
|
|
1826
|
-
],
|
|
1827
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
1828
|
-
"privacy": "private",
|
|
1829
|
-
"return": {
|
|
1830
|
-
"type": {
|
|
1831
|
-
"text": "void"
|
|
1832
|
-
}
|
|
1833
|
-
}
|
|
1904
|
+
"kind": "field",
|
|
1905
|
+
"name": "shape",
|
|
1906
|
+
"privacy": "public",
|
|
1907
|
+
"type": {
|
|
1908
|
+
"text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
|
|
1909
|
+
},
|
|
1910
|
+
"description": "Sets the shape of the combobox.",
|
|
1911
|
+
"default": "'classic'",
|
|
1912
|
+
"attribute": "shape",
|
|
1913
|
+
"reflects": true
|
|
1834
1914
|
},
|
|
1835
1915
|
{
|
|
1836
|
-
"kind": "
|
|
1837
|
-
"name": "
|
|
1838
|
-
"
|
|
1839
|
-
"
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1916
|
+
"kind": "field",
|
|
1917
|
+
"name": "size",
|
|
1918
|
+
"privacy": "public",
|
|
1919
|
+
"type": {
|
|
1920
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
|
|
1921
|
+
},
|
|
1922
|
+
"description": "Sets the size of the combobox.",
|
|
1923
|
+
"default": "'xl'",
|
|
1924
|
+
"attribute": "size",
|
|
1925
|
+
"reflects": true
|
|
1845
1926
|
},
|
|
1846
1927
|
{
|
|
1847
|
-
"kind": "
|
|
1848
|
-
"name": "
|
|
1849
|
-
"description": "Helper method that handles the state of checkboxes.",
|
|
1928
|
+
"kind": "field",
|
|
1929
|
+
"name": "matchWidth",
|
|
1850
1930
|
"privacy": "private",
|
|
1851
|
-
"
|
|
1852
|
-
"
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1931
|
+
"type": {
|
|
1932
|
+
"text": "boolean"
|
|
1933
|
+
},
|
|
1934
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1935
|
+
"attribute": "matchwidth",
|
|
1936
|
+
"reflects": true
|
|
1856
1937
|
},
|
|
1857
1938
|
{
|
|
1858
1939
|
"kind": "field",
|
|
1859
|
-
"name": "
|
|
1860
|
-
"
|
|
1861
|
-
"
|
|
1862
|
-
|
|
1863
|
-
"type": {
|
|
1864
|
-
"text": "boolean"
|
|
1865
|
-
}
|
|
1940
|
+
"name": "noFilter",
|
|
1941
|
+
"privacy": "public",
|
|
1942
|
+
"type": {
|
|
1943
|
+
"text": "boolean"
|
|
1866
1944
|
},
|
|
1867
|
-
"
|
|
1945
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1946
|
+
"attribute": "nofilter",
|
|
1947
|
+
"reflects": true
|
|
1868
1948
|
},
|
|
1869
1949
|
{
|
|
1870
|
-
"kind": "
|
|
1871
|
-
"name": "
|
|
1872
|
-
"
|
|
1873
|
-
"
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1950
|
+
"kind": "field",
|
|
1951
|
+
"name": "noFlip",
|
|
1952
|
+
"privacy": "public",
|
|
1953
|
+
"type": {
|
|
1954
|
+
"text": "boolean"
|
|
1955
|
+
},
|
|
1956
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1957
|
+
"attribute": "noflip",
|
|
1958
|
+
"reflects": true
|
|
1879
1959
|
},
|
|
1880
1960
|
{
|
|
1881
|
-
"kind": "
|
|
1882
|
-
"name": "
|
|
1883
|
-
"
|
|
1884
|
-
"
|
|
1885
|
-
"
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1961
|
+
"kind": "field",
|
|
1962
|
+
"name": "shift",
|
|
1963
|
+
"privacy": "public",
|
|
1964
|
+
"type": {
|
|
1965
|
+
"text": "boolean"
|
|
1966
|
+
},
|
|
1967
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1968
|
+
"attribute": "shift",
|
|
1969
|
+
"reflects": true
|
|
1889
1970
|
},
|
|
1890
1971
|
{
|
|
1891
|
-
"kind": "
|
|
1892
|
-
"name": "
|
|
1893
|
-
"
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
"text": "boolean"
|
|
1901
|
-
}
|
|
1902
|
-
}
|
|
1903
|
-
],
|
|
1904
|
-
"description": "Validates value."
|
|
1972
|
+
"kind": "field",
|
|
1973
|
+
"name": "noValidate",
|
|
1974
|
+
"privacy": "public",
|
|
1975
|
+
"type": {
|
|
1976
|
+
"text": "boolean"
|
|
1977
|
+
},
|
|
1978
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1979
|
+
"attribute": "novalidate",
|
|
1980
|
+
"reflects": true
|
|
1905
1981
|
},
|
|
1906
1982
|
{
|
|
1907
1983
|
"kind": "field",
|
|
1908
|
-
"name": "
|
|
1984
|
+
"name": "offset",
|
|
1909
1985
|
"privacy": "public",
|
|
1910
1986
|
"type": {
|
|
1911
|
-
"text": "
|
|
1987
|
+
"text": "number"
|
|
1912
1988
|
},
|
|
1913
|
-
"description": "
|
|
1914
|
-
"default": "
|
|
1915
|
-
"attribute": "
|
|
1989
|
+
"description": "Gap between the trigger element and bib.",
|
|
1990
|
+
"default": "0",
|
|
1991
|
+
"attribute": "offset",
|
|
1916
1992
|
"reflects": true
|
|
1917
1993
|
},
|
|
1918
1994
|
{
|
|
1919
1995
|
"kind": "field",
|
|
1920
|
-
"name": "
|
|
1996
|
+
"name": "onDark",
|
|
1921
1997
|
"privacy": "public",
|
|
1922
1998
|
"type": {
|
|
1923
1999
|
"text": "boolean"
|
|
1924
2000
|
},
|
|
1925
|
-
"description": "
|
|
1926
|
-
"attribute": "
|
|
1927
|
-
"reflects": true
|
|
2001
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2002
|
+
"attribute": "ondark",
|
|
2003
|
+
"reflects": true,
|
|
2004
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2005
|
+
"inheritedFrom": {
|
|
2006
|
+
"name": "AuroElement",
|
|
2007
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2008
|
+
}
|
|
1928
2009
|
},
|
|
1929
2010
|
{
|
|
1930
2011
|
"kind": "field",
|
|
1931
|
-
"name": "
|
|
2012
|
+
"name": "optionSelected",
|
|
1932
2013
|
"privacy": "public",
|
|
1933
2014
|
"type": {
|
|
1934
|
-
"text": "
|
|
2015
|
+
"text": "HTMLElement"
|
|
1935
2016
|
},
|
|
1936
|
-
"description": "
|
|
1937
|
-
"attribute": "error",
|
|
1938
|
-
"reflects": true
|
|
2017
|
+
"description": "Specifies the current selected option."
|
|
1939
2018
|
},
|
|
1940
2019
|
{
|
|
1941
2020
|
"kind": "field",
|
|
1942
|
-
"name": "
|
|
2021
|
+
"name": "persistInput",
|
|
1943
2022
|
"privacy": "public",
|
|
1944
2023
|
"type": {
|
|
1945
2024
|
"text": "boolean"
|
|
1946
2025
|
},
|
|
1947
|
-
"description": "If
|
|
1948
|
-
"attribute": "
|
|
2026
|
+
"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.",
|
|
2027
|
+
"attribute": "persistinput",
|
|
1949
2028
|
"reflects": true
|
|
1950
2029
|
},
|
|
1951
2030
|
{
|
|
1952
2031
|
"kind": "field",
|
|
1953
|
-
"name": "
|
|
2032
|
+
"name": "placement",
|
|
1954
2033
|
"privacy": "public",
|
|
1955
2034
|
"type": {
|
|
1956
|
-
"text": "
|
|
2035
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1957
2036
|
},
|
|
1958
|
-
"description": "
|
|
1959
|
-
"
|
|
2037
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2038
|
+
"default": "'bottom-start'",
|
|
2039
|
+
"attribute": "placement",
|
|
1960
2040
|
"reflects": true
|
|
1961
2041
|
},
|
|
1962
2042
|
{
|
|
1963
2043
|
"kind": "field",
|
|
1964
|
-
"name": "
|
|
2044
|
+
"name": "placeholder",
|
|
1965
2045
|
"privacy": "public",
|
|
1966
2046
|
"type": {
|
|
1967
|
-
"text": "
|
|
2047
|
+
"text": "string"
|
|
1968
2048
|
},
|
|
1969
|
-
"description": "
|
|
1970
|
-
"
|
|
1971
|
-
"attribute": "ondark",
|
|
2049
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2050
|
+
"attribute": "placeholder",
|
|
1972
2051
|
"reflects": true
|
|
1973
2052
|
},
|
|
1974
2053
|
{
|
|
@@ -1978,7 +2057,7 @@
|
|
|
1978
2057
|
"type": {
|
|
1979
2058
|
"text": "boolean"
|
|
1980
2059
|
},
|
|
1981
|
-
"description": "Populates the `required` attribute on the
|
|
2060
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1982
2061
|
"attribute": "required",
|
|
1983
2062
|
"reflects": true
|
|
1984
2063
|
},
|
|
@@ -2014,624 +2093,545 @@
|
|
|
2014
2093
|
},
|
|
2015
2094
|
{
|
|
2016
2095
|
"kind": "field",
|
|
2017
|
-
"name": "
|
|
2096
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2018
2097
|
"privacy": "public",
|
|
2019
2098
|
"type": {
|
|
2020
2099
|
"text": "string"
|
|
2021
2100
|
},
|
|
2022
|
-
"description": "
|
|
2023
|
-
"attribute": "
|
|
2024
|
-
"reflects": true
|
|
2025
|
-
}
|
|
2026
|
-
],
|
|
2027
|
-
"events": [
|
|
2028
|
-
{
|
|
2029
|
-
"name": "input",
|
|
2030
|
-
"type": {
|
|
2031
|
-
"text": "CustomEvent"
|
|
2032
|
-
},
|
|
2033
|
-
"description": "Notifies when the group's value changes due to a checkbox selection being added or removed."
|
|
2034
|
-
},
|
|
2035
|
-
{
|
|
2036
|
-
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
2037
|
-
"name": "auroFormElement-validated"
|
|
2038
|
-
}
|
|
2039
|
-
],
|
|
2040
|
-
"attributes": [
|
|
2041
|
-
{
|
|
2042
|
-
"name": "appearance",
|
|
2043
|
-
"type": {
|
|
2044
|
-
"text": "'default' | 'inverse'"
|
|
2045
|
-
},
|
|
2046
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2047
|
-
"default": "'default'",
|
|
2048
|
-
"fieldName": "appearance"
|
|
2049
|
-
},
|
|
2050
|
-
{
|
|
2051
|
-
"name": "disabled",
|
|
2052
|
-
"type": {
|
|
2053
|
-
"text": "boolean"
|
|
2054
|
-
},
|
|
2055
|
-
"description": "If set, disables the checkbox group.",
|
|
2056
|
-
"fieldName": "disabled"
|
|
2057
|
-
},
|
|
2058
|
-
{
|
|
2059
|
-
"name": "error",
|
|
2060
|
-
"type": {
|
|
2061
|
-
"text": "string"
|
|
2062
|
-
},
|
|
2063
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2064
|
-
"fieldName": "error"
|
|
2101
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2102
|
+
"attribute": "setcustomvalidityvaluemissingfilter"
|
|
2065
2103
|
},
|
|
2066
2104
|
{
|
|
2067
|
-
"
|
|
2105
|
+
"kind": "field",
|
|
2106
|
+
"name": "touched",
|
|
2107
|
+
"privacy": "private",
|
|
2068
2108
|
"type": {
|
|
2069
2109
|
"text": "boolean"
|
|
2070
2110
|
},
|
|
2071
|
-
"description": "
|
|
2072
|
-
"fieldName": "horizontal"
|
|
2111
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
2073
2112
|
},
|
|
2074
2113
|
{
|
|
2075
|
-
"
|
|
2114
|
+
"kind": "field",
|
|
2115
|
+
"name": "triggerIcon",
|
|
2116
|
+
"privacy": "public",
|
|
2076
2117
|
"type": {
|
|
2077
2118
|
"text": "boolean"
|
|
2078
2119
|
},
|
|
2079
|
-
"description": "If set,
|
|
2080
|
-
"
|
|
2120
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
|
|
2121
|
+
"attribute": "triggericon",
|
|
2122
|
+
"reflects": true
|
|
2081
2123
|
},
|
|
2082
2124
|
{
|
|
2083
|
-
"
|
|
2125
|
+
"kind": "field",
|
|
2126
|
+
"name": "type",
|
|
2127
|
+
"privacy": "public",
|
|
2084
2128
|
"type": {
|
|
2085
|
-
"text": "
|
|
2129
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
2086
2130
|
},
|
|
2087
|
-
"description": "
|
|
2088
|
-
"
|
|
2089
|
-
"
|
|
2131
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2132
|
+
"attribute": "type",
|
|
2133
|
+
"reflects": true
|
|
2090
2134
|
},
|
|
2091
2135
|
{
|
|
2092
|
-
"
|
|
2136
|
+
"kind": "field",
|
|
2137
|
+
"name": "typedValue",
|
|
2138
|
+
"privacy": "public",
|
|
2093
2139
|
"type": {
|
|
2094
|
-
"text": "
|
|
2140
|
+
"text": "string"
|
|
2095
2141
|
},
|
|
2096
|
-
"description": "
|
|
2097
|
-
"
|
|
2142
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2143
|
+
"attribute": "typedvalue",
|
|
2144
|
+
"reflects": true
|
|
2098
2145
|
},
|
|
2099
2146
|
{
|
|
2100
|
-
"
|
|
2147
|
+
"kind": "field",
|
|
2148
|
+
"name": "validity",
|
|
2149
|
+
"privacy": "public",
|
|
2101
2150
|
"type": {
|
|
2102
2151
|
"text": "string"
|
|
2103
2152
|
},
|
|
2104
|
-
"description": "
|
|
2105
|
-
"
|
|
2153
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2154
|
+
"attribute": "validity",
|
|
2155
|
+
"reflects": true
|
|
2106
2156
|
},
|
|
2107
2157
|
{
|
|
2108
|
-
"
|
|
2158
|
+
"kind": "field",
|
|
2159
|
+
"name": "value",
|
|
2160
|
+
"privacy": "public",
|
|
2109
2161
|
"type": {
|
|
2110
2162
|
"text": "string"
|
|
2111
2163
|
},
|
|
2112
|
-
"description": "
|
|
2113
|
-
"
|
|
2164
|
+
"description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
|
|
2165
|
+
"attribute": "value"
|
|
2114
2166
|
},
|
|
2115
2167
|
{
|
|
2116
|
-
"
|
|
2168
|
+
"kind": "field",
|
|
2169
|
+
"name": "largeFullscreenHeadline",
|
|
2170
|
+
"privacy": "public",
|
|
2117
2171
|
"type": {
|
|
2118
|
-
"text": "
|
|
2172
|
+
"text": "boolean"
|
|
2119
2173
|
},
|
|
2120
|
-
"description": "
|
|
2121
|
-
"
|
|
2174
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2175
|
+
"attribute": "largefullscreenheadline",
|
|
2176
|
+
"reflects": true
|
|
2122
2177
|
},
|
|
2123
2178
|
{
|
|
2124
|
-
"
|
|
2179
|
+
"kind": "field",
|
|
2180
|
+
"name": "fullscreenBreakpoint",
|
|
2181
|
+
"privacy": "public",
|
|
2125
2182
|
"type": {
|
|
2126
|
-
"text": "
|
|
2183
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2127
2184
|
},
|
|
2128
|
-
"description": "
|
|
2129
|
-
"
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
"superclass": {
|
|
2133
|
-
"name": "LitElement",
|
|
2134
|
-
"package": "lit"
|
|
2135
|
-
},
|
|
2136
|
-
"tagName": "auro-checkbox-group",
|
|
2137
|
-
"customElement": true
|
|
2138
|
-
}
|
|
2139
|
-
],
|
|
2140
|
-
"exports": [
|
|
2141
|
-
{
|
|
2142
|
-
"kind": "js",
|
|
2143
|
-
"name": "AuroCheckboxGroup",
|
|
2144
|
-
"declaration": {
|
|
2145
|
-
"name": "AuroCheckboxGroup",
|
|
2146
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2147
|
-
}
|
|
2148
|
-
}
|
|
2149
|
-
]
|
|
2150
|
-
},
|
|
2151
|
-
{
|
|
2152
|
-
"kind": "javascript-module",
|
|
2153
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2154
|
-
"declarations": [
|
|
2155
|
-
{
|
|
2156
|
-
"kind": "class",
|
|
2157
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2158
|
-
"name": "AuroCheckbox",
|
|
2159
|
-
"cssParts": [
|
|
2160
|
-
{
|
|
2161
|
-
"description": "apply css to a specific checkbox.",
|
|
2162
|
-
"name": "checkbox"
|
|
2163
|
-
},
|
|
2164
|
-
{
|
|
2165
|
-
"description": "apply css to a specific checkbox's input.",
|
|
2166
|
-
"name": "checkbox-input"
|
|
2167
|
-
},
|
|
2168
|
-
{
|
|
2169
|
-
"description": "apply css to a specific checkbox's label.",
|
|
2170
|
-
"name": "checkbox-label"
|
|
2171
|
-
}
|
|
2172
|
-
],
|
|
2173
|
-
"slots": [
|
|
2174
|
-
{
|
|
2175
|
-
"description": "The default slot for the checkbox label.",
|
|
2176
|
-
"name": "default"
|
|
2177
|
-
}
|
|
2178
|
-
],
|
|
2179
|
-
"members": [
|
|
2180
|
-
{
|
|
2181
|
-
"kind": "method",
|
|
2182
|
-
"name": "_initializeDefaults"
|
|
2183
|
-
},
|
|
2184
|
-
{
|
|
2185
|
-
"kind": "method",
|
|
2186
|
-
"name": "register",
|
|
2187
|
-
"static": true,
|
|
2188
|
-
"parameters": [
|
|
2189
|
-
{
|
|
2190
|
-
"name": "name",
|
|
2191
|
-
"default": "\"auro-checkbox\"",
|
|
2192
|
-
"description": "The name of element that you want to register to.",
|
|
2193
|
-
"optional": true,
|
|
2194
|
-
"type": {
|
|
2195
|
-
"text": "string"
|
|
2196
|
-
}
|
|
2197
|
-
}
|
|
2198
|
-
],
|
|
2199
|
-
"description": "This will register this element with the browser."
|
|
2185
|
+
"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.",
|
|
2186
|
+
"default": "'sm'",
|
|
2187
|
+
"attribute": "fullscreenbreakpoint",
|
|
2188
|
+
"reflects": true
|
|
2200
2189
|
},
|
|
2201
2190
|
{
|
|
2202
|
-
"kind": "
|
|
2203
|
-
"name": "
|
|
2204
|
-
"parameters": [
|
|
2205
|
-
{
|
|
2206
|
-
"name": "event",
|
|
2207
|
-
"description": "The change event from the checkbox input.",
|
|
2208
|
-
"type": {
|
|
2209
|
-
"text": "Event"
|
|
2210
|
-
}
|
|
2211
|
-
}
|
|
2212
|
-
],
|
|
2213
|
-
"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.",
|
|
2191
|
+
"kind": "field",
|
|
2192
|
+
"name": "optionActive",
|
|
2214
2193
|
"privacy": "private",
|
|
2215
|
-
"
|
|
2216
|
-
"
|
|
2217
|
-
|
|
2218
|
-
|
|
2219
|
-
}
|
|
2194
|
+
"type": {
|
|
2195
|
+
"text": "HTMLElement"
|
|
2196
|
+
},
|
|
2197
|
+
"description": "Specifies the currently active option."
|
|
2220
2198
|
},
|
|
2221
2199
|
{
|
|
2222
|
-
"kind": "
|
|
2223
|
-
"name": "
|
|
2224
|
-
"
|
|
2225
|
-
{
|
|
2226
|
-
"name": "event",
|
|
2227
|
-
"description": "The input event from the checkbox input.",
|
|
2228
|
-
"type": {
|
|
2229
|
-
"text": "Event"
|
|
2230
|
-
}
|
|
2231
|
-
}
|
|
2232
|
-
],
|
|
2233
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2200
|
+
"kind": "field",
|
|
2201
|
+
"name": "componentHasFocus",
|
|
2202
|
+
"description": "Returns true if the element has focus.",
|
|
2234
2203
|
"privacy": "private",
|
|
2235
2204
|
"return": {
|
|
2236
2205
|
"type": {
|
|
2237
|
-
"text": "
|
|
2206
|
+
"text": "boolean"
|
|
2238
2207
|
}
|
|
2208
|
+
},
|
|
2209
|
+
"readonly": true,
|
|
2210
|
+
"inheritedFrom": {
|
|
2211
|
+
"name": "AuroElement",
|
|
2212
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2239
2213
|
}
|
|
2240
2214
|
},
|
|
2241
2215
|
{
|
|
2242
2216
|
"kind": "method",
|
|
2243
|
-
"name": "
|
|
2244
|
-
"
|
|
2245
|
-
|
|
2246
|
-
|
|
2247
|
-
"type": {
|
|
2248
|
-
"text": "void"
|
|
2249
|
-
}
|
|
2217
|
+
"name": "resetShapeClasses",
|
|
2218
|
+
"inheritedFrom": {
|
|
2219
|
+
"name": "AuroElement",
|
|
2220
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2250
2221
|
}
|
|
2251
2222
|
},
|
|
2252
2223
|
{
|
|
2253
2224
|
"kind": "method",
|
|
2254
|
-
"name": "
|
|
2255
|
-
"
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
"type": {
|
|
2259
|
-
"text": "HTMLElement"
|
|
2260
|
-
}
|
|
2225
|
+
"name": "resetLayoutClasses",
|
|
2226
|
+
"inheritedFrom": {
|
|
2227
|
+
"name": "AuroElement",
|
|
2228
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2261
2229
|
}
|
|
2262
2230
|
},
|
|
2263
2231
|
{
|
|
2264
2232
|
"kind": "method",
|
|
2265
|
-
"name": "
|
|
2266
|
-
"
|
|
2267
|
-
|
|
2268
|
-
"
|
|
2269
|
-
"text": "void"
|
|
2270
|
-
}
|
|
2233
|
+
"name": "updateComponentArchitecture",
|
|
2234
|
+
"inheritedFrom": {
|
|
2235
|
+
"name": "AuroElement",
|
|
2236
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2271
2237
|
}
|
|
2238
|
+
}
|
|
2239
|
+
],
|
|
2240
|
+
"events": [
|
|
2241
|
+
{
|
|
2242
|
+
"name": "inputValue",
|
|
2243
|
+
"type": {
|
|
2244
|
+
"text": "CustomEvent"
|
|
2245
|
+
},
|
|
2246
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2272
2247
|
},
|
|
2273
2248
|
{
|
|
2274
|
-
"
|
|
2275
|
-
"
|
|
2276
|
-
|
|
2277
|
-
|
|
2278
|
-
"
|
|
2279
|
-
"type": {
|
|
2280
|
-
"text": "void"
|
|
2281
|
-
}
|
|
2282
|
-
}
|
|
2249
|
+
"name": "input",
|
|
2250
|
+
"type": {
|
|
2251
|
+
"text": "CustomEvent"
|
|
2252
|
+
},
|
|
2253
|
+
"description": "Notifies that the component has a new value set."
|
|
2283
2254
|
},
|
|
2284
2255
|
{
|
|
2285
|
-
"
|
|
2286
|
-
"
|
|
2287
|
-
|
|
2288
|
-
|
|
2289
|
-
|
|
2290
|
-
|
|
2291
|
-
"type": {
|
|
2292
|
-
"text": "KeyboardEvent"
|
|
2293
|
-
}
|
|
2294
|
-
}
|
|
2295
|
-
],
|
|
2296
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2297
|
-
"privacy": "private",
|
|
2298
|
-
"return": {
|
|
2299
|
-
"type": {
|
|
2300
|
-
"text": "void"
|
|
2301
|
-
}
|
|
2302
|
-
}
|
|
2256
|
+
"name": "auroCombobox-valueSet",
|
|
2257
|
+
"type": {
|
|
2258
|
+
"text": "CustomEvent"
|
|
2259
|
+
},
|
|
2260
|
+
"description": "Notifies that the component has a new value set. **DEPRECATED** - Use the `input` event instead.",
|
|
2261
|
+
"deprecated": "Use the `input` event instead."
|
|
2303
2262
|
},
|
|
2304
2263
|
{
|
|
2305
|
-
"
|
|
2264
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2265
|
+
"name": "auroFormElement-validated"
|
|
2266
|
+
}
|
|
2267
|
+
],
|
|
2268
|
+
"attributes": [
|
|
2269
|
+
{
|
|
2306
2270
|
"name": "appearance",
|
|
2307
|
-
"privacy": "public",
|
|
2308
2271
|
"type": {
|
|
2309
2272
|
"text": "'default' | 'inverse'"
|
|
2310
2273
|
},
|
|
2311
2274
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2312
2275
|
"default": "'default'",
|
|
2313
|
-
"
|
|
2314
|
-
"reflects": true
|
|
2276
|
+
"fieldName": "appearance"
|
|
2315
2277
|
},
|
|
2316
2278
|
{
|
|
2317
|
-
"
|
|
2318
|
-
"
|
|
2319
|
-
|
|
2279
|
+
"name": "autocomplete",
|
|
2280
|
+
"type": {
|
|
2281
|
+
"text": "string"
|
|
2282
|
+
},
|
|
2283
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2284
|
+
"fieldName": "autocomplete"
|
|
2285
|
+
},
|
|
2286
|
+
{
|
|
2287
|
+
"name": "autoplacement",
|
|
2320
2288
|
"type": {
|
|
2321
2289
|
"text": "boolean"
|
|
2322
2290
|
},
|
|
2323
|
-
"description": "If
|
|
2324
|
-
"
|
|
2325
|
-
|
|
2291
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2292
|
+
"fieldName": "autoPlacement"
|
|
2293
|
+
},
|
|
2294
|
+
{
|
|
2295
|
+
"name": "behavior",
|
|
2296
|
+
"type": {
|
|
2297
|
+
"text": "'filter' | 'suggestion'"
|
|
2298
|
+
},
|
|
2299
|
+
"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.",
|
|
2300
|
+
"default": "'suggestion'",
|
|
2301
|
+
"fieldName": "behavior"
|
|
2302
|
+
},
|
|
2303
|
+
{
|
|
2304
|
+
"name": "checkmark",
|
|
2305
|
+
"type": {
|
|
2306
|
+
"text": "boolean"
|
|
2307
|
+
},
|
|
2308
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2309
|
+
"fieldName": "checkmark"
|
|
2326
2310
|
},
|
|
2327
2311
|
{
|
|
2328
|
-
"kind": "field",
|
|
2329
2312
|
"name": "disabled",
|
|
2330
|
-
"privacy": "public",
|
|
2331
2313
|
"type": {
|
|
2332
2314
|
"text": "boolean"
|
|
2333
2315
|
},
|
|
2334
|
-
"description": "If set
|
|
2335
|
-
"
|
|
2336
|
-
"reflects": true
|
|
2316
|
+
"description": "If set, disables the combobox.",
|
|
2317
|
+
"fieldName": "disabled"
|
|
2337
2318
|
},
|
|
2338
2319
|
{
|
|
2339
|
-
"
|
|
2340
|
-
"name": "error",
|
|
2341
|
-
"privacy": "public",
|
|
2320
|
+
"name": "dvinputonly",
|
|
2342
2321
|
"type": {
|
|
2343
2322
|
"text": "boolean"
|
|
2344
2323
|
},
|
|
2345
|
-
"description": "If
|
|
2346
|
-
"
|
|
2347
|
-
"reflects": true
|
|
2324
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2325
|
+
"fieldName": "dvInputOnly"
|
|
2348
2326
|
},
|
|
2349
2327
|
{
|
|
2350
|
-
"
|
|
2351
|
-
"name": "id",
|
|
2352
|
-
"privacy": "public",
|
|
2328
|
+
"name": "error",
|
|
2353
2329
|
"type": {
|
|
2354
2330
|
"text": "string"
|
|
2355
2331
|
},
|
|
2356
|
-
"description": "
|
|
2357
|
-
"
|
|
2358
|
-
"reflects": true
|
|
2332
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2333
|
+
"fieldName": "error"
|
|
2359
2334
|
},
|
|
2360
2335
|
{
|
|
2361
|
-
"
|
|
2362
|
-
"name": "inputId",
|
|
2363
|
-
"privacy": "private",
|
|
2336
|
+
"name": "format",
|
|
2364
2337
|
"type": {
|
|
2365
2338
|
"text": "string"
|
|
2366
2339
|
},
|
|
2367
|
-
"description": "
|
|
2340
|
+
"description": "Specifies the input mask format.",
|
|
2341
|
+
"fieldName": "format"
|
|
2368
2342
|
},
|
|
2369
2343
|
{
|
|
2370
|
-
"
|
|
2371
|
-
"name": "name",
|
|
2372
|
-
"privacy": "public",
|
|
2344
|
+
"name": "inputmode",
|
|
2373
2345
|
"type": {
|
|
2374
2346
|
"text": "string"
|
|
2375
2347
|
},
|
|
2376
|
-
"description": "
|
|
2377
|
-
"
|
|
2348
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2349
|
+
"fieldName": "inputmode"
|
|
2378
2350
|
},
|
|
2379
2351
|
{
|
|
2380
|
-
"
|
|
2381
|
-
"name": "onDark",
|
|
2382
|
-
"privacy": "public",
|
|
2352
|
+
"name": "layout",
|
|
2383
2353
|
"type": {
|
|
2384
|
-
"text": "
|
|
2354
|
+
"text": "'classic' | 'emphasized' | 'snowflake'"
|
|
2385
2355
|
},
|
|
2386
|
-
"description": "
|
|
2387
|
-
"
|
|
2388
|
-
"
|
|
2389
|
-
"reflects": true
|
|
2356
|
+
"description": "Sets the layout of the combobox.",
|
|
2357
|
+
"default": "'classic'",
|
|
2358
|
+
"fieldName": "layout"
|
|
2390
2359
|
},
|
|
2391
2360
|
{
|
|
2392
|
-
"
|
|
2393
|
-
"name": "touched",
|
|
2394
|
-
"privacy": "private",
|
|
2361
|
+
"name": "shape",
|
|
2395
2362
|
"type": {
|
|
2396
|
-
"text": "
|
|
2363
|
+
"text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
|
|
2397
2364
|
},
|
|
2398
|
-
"description": "
|
|
2365
|
+
"description": "Sets the shape of the combobox.",
|
|
2366
|
+
"default": "'classic'",
|
|
2367
|
+
"fieldName": "shape"
|
|
2399
2368
|
},
|
|
2400
2369
|
{
|
|
2401
|
-
"
|
|
2402
|
-
"name": "value",
|
|
2403
|
-
"privacy": "public",
|
|
2370
|
+
"name": "size",
|
|
2404
2371
|
"type": {
|
|
2405
|
-
"text": "
|
|
2372
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
|
|
2406
2373
|
},
|
|
2407
|
-
"description": "Sets the
|
|
2408
|
-
"
|
|
2374
|
+
"description": "Sets the size of the combobox.",
|
|
2375
|
+
"default": "'xl'",
|
|
2376
|
+
"fieldName": "size"
|
|
2409
2377
|
},
|
|
2410
2378
|
{
|
|
2411
|
-
"
|
|
2412
|
-
"name": "tabIndex",
|
|
2413
|
-
"privacy": "private",
|
|
2379
|
+
"name": "matchwidth",
|
|
2414
2380
|
"type": {
|
|
2415
|
-
"text": "
|
|
2381
|
+
"text": "boolean"
|
|
2416
2382
|
},
|
|
2417
|
-
"description": "
|
|
2418
|
-
"
|
|
2419
|
-
"reflects": true
|
|
2383
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2384
|
+
"fieldName": "matchWidth"
|
|
2420
2385
|
},
|
|
2421
2386
|
{
|
|
2422
|
-
"
|
|
2423
|
-
"name": "ariaChecked",
|
|
2424
|
-
"privacy": "private",
|
|
2387
|
+
"name": "nofilter",
|
|
2425
2388
|
"type": {
|
|
2426
|
-
"text": "
|
|
2389
|
+
"text": "boolean"
|
|
2427
2390
|
},
|
|
2428
|
-
"description": "
|
|
2429
|
-
"
|
|
2430
|
-
"reflects": true
|
|
2391
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2392
|
+
"fieldName": "noFilter"
|
|
2431
2393
|
},
|
|
2432
2394
|
{
|
|
2433
|
-
"
|
|
2434
|
-
"
|
|
2435
|
-
|
|
2395
|
+
"name": "noflip",
|
|
2396
|
+
"type": {
|
|
2397
|
+
"text": "boolean"
|
|
2398
|
+
},
|
|
2399
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2400
|
+
"fieldName": "noFlip"
|
|
2401
|
+
},
|
|
2402
|
+
{
|
|
2403
|
+
"name": "shift",
|
|
2436
2404
|
"type": {
|
|
2437
|
-
"text": "
|
|
2405
|
+
"text": "boolean"
|
|
2438
2406
|
},
|
|
2439
|
-
"description": "
|
|
2440
|
-
"
|
|
2441
|
-
"reflects": true
|
|
2407
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2408
|
+
"fieldName": "shift"
|
|
2442
2409
|
},
|
|
2443
2410
|
{
|
|
2444
|
-
"
|
|
2445
|
-
"name": "role",
|
|
2446
|
-
"privacy": "private",
|
|
2411
|
+
"name": "novalidate",
|
|
2447
2412
|
"type": {
|
|
2448
|
-
"text": "
|
|
2413
|
+
"text": "boolean"
|
|
2449
2414
|
},
|
|
2450
|
-
"description": "
|
|
2451
|
-
"
|
|
2452
|
-
|
|
2453
|
-
}
|
|
2454
|
-
],
|
|
2455
|
-
"events": [
|
|
2415
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2416
|
+
"fieldName": "noValidate"
|
|
2417
|
+
},
|
|
2456
2418
|
{
|
|
2457
|
-
"name": "
|
|
2419
|
+
"name": "offset",
|
|
2458
2420
|
"type": {
|
|
2459
|
-
"text": "
|
|
2421
|
+
"text": "number"
|
|
2460
2422
|
},
|
|
2461
|
-
"description": "
|
|
2462
|
-
"
|
|
2423
|
+
"description": "Gap between the trigger element and bib.",
|
|
2424
|
+
"default": "0",
|
|
2425
|
+
"fieldName": "offset"
|
|
2463
2426
|
},
|
|
2464
2427
|
{
|
|
2465
|
-
"name": "
|
|
2428
|
+
"name": "ondark",
|
|
2466
2429
|
"type": {
|
|
2467
|
-
"text": "
|
|
2430
|
+
"text": "boolean"
|
|
2468
2431
|
},
|
|
2469
|
-
"description": "
|
|
2432
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2433
|
+
"fieldName": "onDark",
|
|
2434
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2435
|
+
"inheritedFrom": {
|
|
2436
|
+
"name": "AuroElement",
|
|
2437
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2438
|
+
}
|
|
2470
2439
|
},
|
|
2471
2440
|
{
|
|
2472
|
-
"name": "
|
|
2441
|
+
"name": "persistinput",
|
|
2473
2442
|
"type": {
|
|
2474
|
-
"text": "
|
|
2443
|
+
"text": "boolean"
|
|
2475
2444
|
},
|
|
2476
|
-
"description": "
|
|
2445
|
+
"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.",
|
|
2446
|
+
"fieldName": "persistInput"
|
|
2477
2447
|
},
|
|
2478
2448
|
{
|
|
2479
|
-
"
|
|
2480
|
-
"
|
|
2481
|
-
|
|
2449
|
+
"name": "placement",
|
|
2450
|
+
"type": {
|
|
2451
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2452
|
+
},
|
|
2453
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2454
|
+
"default": "'bottom-start'",
|
|
2455
|
+
"fieldName": "placement"
|
|
2482
2456
|
},
|
|
2483
2457
|
{
|
|
2484
|
-
"
|
|
2485
|
-
"name": "input"
|
|
2486
|
-
}
|
|
2487
|
-
],
|
|
2488
|
-
"attributes": [
|
|
2489
|
-
{
|
|
2490
|
-
"name": "appearance",
|
|
2458
|
+
"name": "placeholder",
|
|
2491
2459
|
"type": {
|
|
2492
|
-
"text": "
|
|
2460
|
+
"text": "string"
|
|
2493
2461
|
},
|
|
2494
|
-
"description": "
|
|
2495
|
-
"
|
|
2496
|
-
"fieldName": "appearance"
|
|
2462
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2463
|
+
"fieldName": "placeholder"
|
|
2497
2464
|
},
|
|
2498
2465
|
{
|
|
2499
|
-
"name": "
|
|
2466
|
+
"name": "required",
|
|
2500
2467
|
"type": {
|
|
2501
2468
|
"text": "boolean"
|
|
2502
2469
|
},
|
|
2503
|
-
"description": "
|
|
2504
|
-
"fieldName": "
|
|
2470
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2471
|
+
"fieldName": "required"
|
|
2505
2472
|
},
|
|
2506
2473
|
{
|
|
2507
|
-
"name": "
|
|
2474
|
+
"name": "setcustomvalidity",
|
|
2508
2475
|
"type": {
|
|
2509
|
-
"text": "
|
|
2476
|
+
"text": "string"
|
|
2510
2477
|
},
|
|
2511
|
-
"description": "
|
|
2512
|
-
"fieldName": "
|
|
2478
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2479
|
+
"fieldName": "setCustomValidity"
|
|
2513
2480
|
},
|
|
2514
2481
|
{
|
|
2515
|
-
"name": "
|
|
2482
|
+
"name": "setcustomvaliditycustomerror",
|
|
2516
2483
|
"type": {
|
|
2517
|
-
"text": "
|
|
2484
|
+
"text": "string"
|
|
2518
2485
|
},
|
|
2519
|
-
"description": "
|
|
2520
|
-
"fieldName": "
|
|
2486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2487
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2521
2488
|
},
|
|
2522
2489
|
{
|
|
2523
|
-
"name": "
|
|
2490
|
+
"name": "setcustomvalidityvaluemissing",
|
|
2524
2491
|
"type": {
|
|
2525
2492
|
"text": "string"
|
|
2526
2493
|
},
|
|
2527
|
-
"description": "
|
|
2528
|
-
"fieldName": "
|
|
2494
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2495
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2529
2496
|
},
|
|
2530
2497
|
{
|
|
2531
|
-
"name": "
|
|
2498
|
+
"name": "setcustomvalidityvaluemissingfilter",
|
|
2532
2499
|
"type": {
|
|
2533
2500
|
"text": "string"
|
|
2534
2501
|
},
|
|
2535
|
-
"description": "
|
|
2536
|
-
"fieldName": "
|
|
2502
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2503
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2537
2504
|
},
|
|
2538
2505
|
{
|
|
2539
|
-
"name": "
|
|
2506
|
+
"name": "triggericon",
|
|
2540
2507
|
"type": {
|
|
2541
2508
|
"text": "boolean"
|
|
2542
2509
|
},
|
|
2543
|
-
"description": "
|
|
2544
|
-
"
|
|
2545
|
-
"fieldName": "onDark"
|
|
2510
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.\nIcon rendering is currently limited to `type=\"credit-card\"`. Setting `triggerIcon`\nwithout a supported `type` propagates the attribute but does not render a visible icon.",
|
|
2511
|
+
"fieldName": "triggerIcon"
|
|
2546
2512
|
},
|
|
2547
2513
|
{
|
|
2548
|
-
"name": "
|
|
2514
|
+
"name": "type",
|
|
2549
2515
|
"type": {
|
|
2550
|
-
"text": "
|
|
2516
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
2551
2517
|
},
|
|
2552
|
-
"description": "
|
|
2553
|
-
"fieldName": "
|
|
2518
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2519
|
+
"fieldName": "type"
|
|
2554
2520
|
},
|
|
2555
2521
|
{
|
|
2556
|
-
"name": "
|
|
2522
|
+
"name": "typedvalue",
|
|
2557
2523
|
"type": {
|
|
2558
|
-
"text": "
|
|
2524
|
+
"text": "string"
|
|
2559
2525
|
},
|
|
2560
|
-
"description": "
|
|
2561
|
-
"fieldName": "
|
|
2526
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2527
|
+
"fieldName": "typedValue"
|
|
2562
2528
|
},
|
|
2563
2529
|
{
|
|
2564
|
-
"name": "
|
|
2530
|
+
"name": "validity",
|
|
2565
2531
|
"type": {
|
|
2566
2532
|
"text": "string"
|
|
2567
2533
|
},
|
|
2568
|
-
"description": "
|
|
2569
|
-
"fieldName": "
|
|
2534
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2535
|
+
"fieldName": "validity"
|
|
2570
2536
|
},
|
|
2571
2537
|
{
|
|
2572
|
-
"name": "
|
|
2538
|
+
"name": "value",
|
|
2573
2539
|
"type": {
|
|
2574
2540
|
"text": "string"
|
|
2575
2541
|
},
|
|
2576
|
-
"description": "
|
|
2577
|
-
"fieldName": "
|
|
2542
|
+
"description": "Value selected for the dropdown menu. When set programmatically or as a preset attribute, the value must match a selectable option. If it matches an option marked `disabled` or `static`, the selection is rejected: `value` and `optionSelected` are cleared to `undefined`. `hidden` options (including those filtered out by type-ahead) remain selectable by value.",
|
|
2543
|
+
"fieldName": "value"
|
|
2578
2544
|
},
|
|
2579
2545
|
{
|
|
2580
|
-
"name": "
|
|
2546
|
+
"name": "largefullscreenheadline",
|
|
2581
2547
|
"type": {
|
|
2582
|
-
"text": "
|
|
2548
|
+
"text": "boolean"
|
|
2583
2549
|
},
|
|
2584
|
-
"description": "
|
|
2585
|
-
"fieldName": "
|
|
2550
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2551
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2552
|
+
},
|
|
2553
|
+
{
|
|
2554
|
+
"name": "fullscreenbreakpoint",
|
|
2555
|
+
"type": {
|
|
2556
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2557
|
+
},
|
|
2558
|
+
"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.",
|
|
2559
|
+
"default": "'sm'",
|
|
2560
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2586
2561
|
}
|
|
2587
2562
|
],
|
|
2588
2563
|
"superclass": {
|
|
2589
|
-
"name": "
|
|
2590
|
-
"
|
|
2564
|
+
"name": "AuroElement",
|
|
2565
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2591
2566
|
},
|
|
2592
|
-
"tagName": "auro-
|
|
2567
|
+
"tagName": "auro-combobox",
|
|
2593
2568
|
"customElement": true
|
|
2594
2569
|
}
|
|
2595
2570
|
],
|
|
2596
2571
|
"exports": [
|
|
2597
2572
|
{
|
|
2598
2573
|
"kind": "js",
|
|
2599
|
-
"name": "
|
|
2574
|
+
"name": "AuroCombobox",
|
|
2600
2575
|
"declaration": {
|
|
2601
|
-
"name": "
|
|
2602
|
-
"module": "components/
|
|
2576
|
+
"name": "AuroCombobox",
|
|
2577
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2603
2578
|
}
|
|
2604
2579
|
}
|
|
2605
2580
|
]
|
|
2606
2581
|
},
|
|
2607
2582
|
{
|
|
2608
2583
|
"kind": "javascript-module",
|
|
2609
|
-
"path": "components/
|
|
2610
|
-
"declarations": [
|
|
2584
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2585
|
+
"declarations": [
|
|
2586
|
+
{
|
|
2587
|
+
"kind": "variable",
|
|
2588
|
+
"name": "comboboxKeyboardStrategy",
|
|
2589
|
+
"type": {
|
|
2590
|
+
"text": "object"
|
|
2591
|
+
},
|
|
2592
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
|
|
2593
|
+
}
|
|
2594
|
+
],
|
|
2611
2595
|
"exports": [
|
|
2612
2596
|
{
|
|
2613
2597
|
"kind": "js",
|
|
2614
|
-
"name": "
|
|
2598
|
+
"name": "comboboxKeyboardStrategy",
|
|
2615
2599
|
"declaration": {
|
|
2616
|
-
"name": "
|
|
2617
|
-
"module": "components/
|
|
2600
|
+
"name": "comboboxKeyboardStrategy",
|
|
2601
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2618
2602
|
}
|
|
2619
|
-
}
|
|
2603
|
+
}
|
|
2604
|
+
]
|
|
2605
|
+
},
|
|
2606
|
+
{
|
|
2607
|
+
"kind": "javascript-module",
|
|
2608
|
+
"path": "components/combobox/src/index.js",
|
|
2609
|
+
"declarations": [],
|
|
2610
|
+
"exports": [
|
|
2620
2611
|
{
|
|
2621
2612
|
"kind": "js",
|
|
2622
|
-
"name": "
|
|
2613
|
+
"name": "AuroCombobox",
|
|
2623
2614
|
"declaration": {
|
|
2624
|
-
"name": "
|
|
2625
|
-
"module": "components/
|
|
2615
|
+
"name": "AuroCombobox",
|
|
2616
|
+
"module": "components/combobox/src/index.js"
|
|
2626
2617
|
}
|
|
2627
2618
|
}
|
|
2628
2619
|
]
|
|
2629
2620
|
},
|
|
2630
2621
|
{
|
|
2631
2622
|
"kind": "javascript-module",
|
|
2632
|
-
"path": "components/
|
|
2623
|
+
"path": "components/combobox/src/registered.js",
|
|
2633
2624
|
"declarations": [],
|
|
2634
|
-
"exports": [
|
|
2625
|
+
"exports": [
|
|
2626
|
+
{
|
|
2627
|
+
"kind": "js",
|
|
2628
|
+
"name": "AuroCombobox",
|
|
2629
|
+
"declaration": {
|
|
2630
|
+
"name": "AuroCombobox",
|
|
2631
|
+
"module": "components/combobox/src/registered.js"
|
|
2632
|
+
}
|
|
2633
|
+
}
|
|
2634
|
+
]
|
|
2635
2635
|
},
|
|
2636
2636
|
{
|
|
2637
2637
|
"kind": "javascript-module",
|
|
@@ -3330,16 +3330,6 @@
|
|
|
3330
3330
|
"name": "iconTag",
|
|
3331
3331
|
"privacy": "private"
|
|
3332
3332
|
},
|
|
3333
|
-
{
|
|
3334
|
-
"kind": "field",
|
|
3335
|
-
"name": "error",
|
|
3336
|
-
"privacy": "public",
|
|
3337
|
-
"type": {
|
|
3338
|
-
"text": "string"
|
|
3339
|
-
},
|
|
3340
|
-
"description": "The current error message to display when the component is invalid.",
|
|
3341
|
-
"attribute": "error"
|
|
3342
|
-
},
|
|
3343
3333
|
{
|
|
3344
3334
|
"kind": "field",
|
|
3345
3335
|
"name": "errorMessage",
|
|
@@ -3482,14 +3472,6 @@
|
|
|
3482
3472
|
"default": "false",
|
|
3483
3473
|
"fieldName": "autoPlacement"
|
|
3484
3474
|
},
|
|
3485
|
-
{
|
|
3486
|
-
"name": "error",
|
|
3487
|
-
"type": {
|
|
3488
|
-
"text": "string"
|
|
3489
|
-
},
|
|
3490
|
-
"description": "The current error message to display when the component is invalid.",
|
|
3491
|
-
"fieldName": "error"
|
|
3492
|
-
},
|
|
3493
3475
|
{
|
|
3494
3476
|
"name": "fullscreenbreakpoint",
|
|
3495
3477
|
"type": {
|
|
@@ -11906,6 +11888,30 @@
|
|
|
11906
11888
|
}
|
|
11907
11889
|
],
|
|
11908
11890
|
"members": [
|
|
11891
|
+
{
|
|
11892
|
+
"kind": "field",
|
|
11893
|
+
"name": "isClearable",
|
|
11894
|
+
"description": "Whether the input has a value that the user can clear.",
|
|
11895
|
+
"privacy": "private",
|
|
11896
|
+
"return": {
|
|
11897
|
+
"type": {
|
|
11898
|
+
"text": "boolean"
|
|
11899
|
+
}
|
|
11900
|
+
},
|
|
11901
|
+
"readonly": true
|
|
11902
|
+
},
|
|
11903
|
+
{
|
|
11904
|
+
"kind": "field",
|
|
11905
|
+
"name": "clearWrapperClassMap",
|
|
11906
|
+
"description": "Returns classmap configuration for the clear button wrapper visibility.\nThe wrapper is hidden on the same condition as the button so an empty wrapper\nnever takes up space in the accents row on hover or focus.",
|
|
11907
|
+
"privacy": "private",
|
|
11908
|
+
"return": {
|
|
11909
|
+
"type": {
|
|
11910
|
+
"text": "Record<string, boolean>"
|
|
11911
|
+
}
|
|
11912
|
+
},
|
|
11913
|
+
"readonly": true
|
|
11914
|
+
},
|
|
11909
11915
|
{
|
|
11910
11916
|
"kind": "field",
|
|
11911
11917
|
"name": "clearBtnClassMap",
|