@aurodesignsystem-dev/auro-formkit 0.0.0-pr1545.0 → 0.0.0-pr1545.1
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/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +13 -13
- package/components/form/demo/getting-started.min.js +13 -13
- package/components/form/demo/index.min.js +13 -13
- package/components/form/demo/registerDemoDeps.min.js +13 -13
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1764 -1764
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,107 +267,34 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
275
|
+
"name": "AuroCheckboxGroup",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": ""
|
|
278
|
+
"description": "Allows for the legend to be overridden.",
|
|
279
|
+
"name": "legend"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
-
"type": {
|
|
283
|
-
"text": "HTMLSlotElement"
|
|
284
|
-
},
|
|
285
282
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
286
283
|
"name": "optionalLabel"
|
|
287
284
|
},
|
|
288
285
|
{
|
|
289
|
-
"description": "
|
|
290
|
-
"name": "ariaLabel.input.clear"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
-
"name": "ariaLabel.bib.close"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"description": "Defines the headline to display above menu-options",
|
|
298
|
-
"name": "bib.fullscreen.headline"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"description": "Defines the content of the label.",
|
|
302
|
-
"name": "label"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"description": "Defines the content of the helpText.",
|
|
286
|
+
"description": "Allows for the helper text to be overridden.",
|
|
306
287
|
"name": "helpText"
|
|
307
288
|
},
|
|
308
289
|
{
|
|
309
|
-
"description": "
|
|
310
|
-
"name": "
|
|
290
|
+
"description": "The default slot for the checkbox items.",
|
|
291
|
+
"name": "default"
|
|
311
292
|
}
|
|
312
293
|
],
|
|
313
294
|
"members": [
|
|
314
295
|
{
|
|
315
296
|
"kind": "method",
|
|
316
|
-
"name": "_initializeDefaults"
|
|
317
|
-
"privacy": "private",
|
|
318
|
-
"return": {
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "void"
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"kind": "method",
|
|
326
|
-
"name": "_scheduleTimer",
|
|
327
|
-
"parameters": [
|
|
328
|
-
{
|
|
329
|
-
"name": "fn",
|
|
330
|
-
"description": "Callback to run.",
|
|
331
|
-
"type": {
|
|
332
|
-
"text": "Function"
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
{
|
|
336
|
-
"name": "ms",
|
|
337
|
-
"description": "Delay in milliseconds.",
|
|
338
|
-
"type": {
|
|
339
|
-
"text": "number"
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
],
|
|
343
|
-
"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.",
|
|
344
|
-
"return": {
|
|
345
|
-
"type": {
|
|
346
|
-
"text": "number"
|
|
347
|
-
}
|
|
348
|
-
},
|
|
349
|
-
"privacy": "private"
|
|
350
|
-
},
|
|
351
|
-
{
|
|
352
|
-
"kind": "field",
|
|
353
|
-
"name": "inputValue",
|
|
354
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
355
|
-
"return": {
|
|
356
|
-
"type": {
|
|
357
|
-
"text": "string|undefined"
|
|
358
|
-
}
|
|
359
|
-
},
|
|
360
|
-
"readonly": true
|
|
361
|
-
},
|
|
362
|
-
{
|
|
363
|
-
"kind": "method",
|
|
364
|
-
"name": "isValid",
|
|
365
|
-
"description": "Checks if the element is valid.",
|
|
366
|
-
"return": {
|
|
367
|
-
"type": {
|
|
368
|
-
"text": "boolean"
|
|
369
|
-
}
|
|
370
|
-
}
|
|
297
|
+
"name": "_initializeDefaults"
|
|
371
298
|
},
|
|
372
299
|
{
|
|
373
300
|
"kind": "method",
|
|
@@ -376,7 +303,7 @@
|
|
|
376
303
|
"parameters": [
|
|
377
304
|
{
|
|
378
305
|
"name": "name",
|
|
379
|
-
"default": "
|
|
306
|
+
"default": "\"auro-checkbox-group\"",
|
|
380
307
|
"description": "The name of the element that you want to register.",
|
|
381
308
|
"optional": true,
|
|
382
309
|
"type": {
|
|
@@ -388,96 +315,24 @@
|
|
|
388
315
|
},
|
|
389
316
|
{
|
|
390
317
|
"kind": "method",
|
|
391
|
-
"name": "
|
|
392
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
393
|
-
"privacy": "private",
|
|
394
|
-
"return": {
|
|
395
|
-
"type": {
|
|
396
|
-
"text": "void"
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
},
|
|
400
|
-
{
|
|
401
|
-
"kind": "method",
|
|
402
|
-
"name": "activateLastEnabledAvailableOption",
|
|
403
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
404
|
-
"privacy": "private",
|
|
405
|
-
"return": {
|
|
406
|
-
"type": {
|
|
407
|
-
"text": "void"
|
|
408
|
-
}
|
|
409
|
-
}
|
|
410
|
-
},
|
|
411
|
-
{
|
|
412
|
-
"kind": "method",
|
|
413
|
-
"name": "updateFilter",
|
|
414
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
415
|
-
"privacy": "private"
|
|
416
|
-
},
|
|
417
|
-
{
|
|
418
|
-
"kind": "method",
|
|
419
|
-
"name": "syncValuesAndStates",
|
|
420
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
421
|
-
"privacy": "private",
|
|
422
|
-
"return": {
|
|
423
|
-
"type": {
|
|
424
|
-
"text": "void"
|
|
425
|
-
}
|
|
426
|
-
}
|
|
427
|
-
},
|
|
428
|
-
{
|
|
429
|
-
"kind": "method",
|
|
430
|
-
"name": "updateTriggerTextDisplay",
|
|
431
|
-
"parameters": [
|
|
432
|
-
{
|
|
433
|
-
"name": "label",
|
|
434
|
-
"description": "The label of the selected option.",
|
|
435
|
-
"type": {
|
|
436
|
-
"text": "string"
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
],
|
|
440
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
441
|
-
"privacy": "private"
|
|
442
|
-
},
|
|
443
|
-
{
|
|
444
|
-
"kind": "method",
|
|
445
|
-
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
318
|
+
"name": "handleValueUpdate",
|
|
446
319
|
"parameters": [
|
|
447
320
|
{
|
|
448
|
-
"name": "
|
|
449
|
-
"description": "The value
|
|
321
|
+
"name": "value",
|
|
322
|
+
"description": "The value of the checkbox.",
|
|
450
323
|
"type": {
|
|
451
|
-
"text": "
|
|
324
|
+
"text": "String"
|
|
452
325
|
}
|
|
453
|
-
}
|
|
454
|
-
],
|
|
455
|
-
"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.",
|
|
456
|
-
"return": {
|
|
457
|
-
"type": {
|
|
458
|
-
"text": "Promise<void>"
|
|
459
|
-
}
|
|
460
|
-
},
|
|
461
|
-
"privacy": "private"
|
|
462
|
-
},
|
|
463
|
-
{
|
|
464
|
-
"kind": "method",
|
|
465
|
-
"name": "handleMenuOptions",
|
|
466
|
-
"parameters": [
|
|
467
|
-
{
|
|
468
|
-
"name": "{ preferComboboxValue = false }",
|
|
469
|
-
"default": "{}"
|
|
470
326
|
},
|
|
471
327
|
{
|
|
472
|
-
"
|
|
473
|
-
"
|
|
474
|
-
"optional": true,
|
|
328
|
+
"name": "selected",
|
|
329
|
+
"description": "The checked state of the checkbox.",
|
|
475
330
|
"type": {
|
|
476
|
-
"text": "
|
|
331
|
+
"text": "Boolean"
|
|
477
332
|
}
|
|
478
333
|
}
|
|
479
334
|
],
|
|
480
|
-
"description": "
|
|
335
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
481
336
|
"privacy": "private",
|
|
482
337
|
"return": {
|
|
483
338
|
"type": {
|
|
@@ -487,8 +342,8 @@
|
|
|
487
342
|
},
|
|
488
343
|
{
|
|
489
344
|
"kind": "method",
|
|
490
|
-
"name": "
|
|
491
|
-
"description": "
|
|
345
|
+
"name": "handlePreselectedItems",
|
|
346
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
492
347
|
"privacy": "private",
|
|
493
348
|
"return": {
|
|
494
349
|
"type": {
|
|
@@ -498,8 +353,9 @@
|
|
|
498
353
|
},
|
|
499
354
|
{
|
|
500
355
|
"kind": "method",
|
|
501
|
-
"name": "
|
|
502
|
-
"description": "
|
|
356
|
+
"name": "handleItems",
|
|
357
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
358
|
+
"privacy": "private",
|
|
503
359
|
"return": {
|
|
504
360
|
"type": {
|
|
505
361
|
"text": "void"
|
|
@@ -508,8 +364,8 @@
|
|
|
508
364
|
},
|
|
509
365
|
{
|
|
510
366
|
"kind": "method",
|
|
511
|
-
"name": "
|
|
512
|
-
"description": "
|
|
367
|
+
"name": "reset",
|
|
368
|
+
"description": "Resets component to initial state.",
|
|
513
369
|
"return": {
|
|
514
370
|
"type": {
|
|
515
371
|
"text": "void"
|
|
@@ -518,252 +374,325 @@
|
|
|
518
374
|
},
|
|
519
375
|
{
|
|
520
376
|
"kind": "method",
|
|
521
|
-
"name": "
|
|
522
|
-
"
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
"
|
|
377
|
+
"name": "validate",
|
|
378
|
+
"parameters": [
|
|
379
|
+
{
|
|
380
|
+
"name": "force",
|
|
381
|
+
"default": "false",
|
|
382
|
+
"description": "Whether to force validation.",
|
|
383
|
+
"optional": true,
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
}
|
|
527
387
|
}
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
{
|
|
531
|
-
"kind": "method",
|
|
532
|
-
"name": "setClearBtnFocus",
|
|
533
|
-
"privacy": "private"
|
|
388
|
+
],
|
|
389
|
+
"description": "Validates value."
|
|
534
390
|
},
|
|
535
391
|
{
|
|
536
|
-
"kind": "
|
|
537
|
-
"name": "
|
|
538
|
-
"privacy": "
|
|
392
|
+
"kind": "field",
|
|
393
|
+
"name": "appearance",
|
|
394
|
+
"privacy": "public",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "'default' | 'inverse'"
|
|
397
|
+
},
|
|
398
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
399
|
+
"default": "'default'",
|
|
400
|
+
"attribute": "appearance",
|
|
401
|
+
"reflects": true
|
|
539
402
|
},
|
|
540
403
|
{
|
|
541
|
-
"kind": "
|
|
542
|
-
"name": "
|
|
543
|
-
"privacy": "
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "disabled",
|
|
406
|
+
"privacy": "public",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "boolean"
|
|
409
|
+
},
|
|
410
|
+
"description": "If set, disables the checkbox group.",
|
|
411
|
+
"attribute": "disabled",
|
|
412
|
+
"reflects": true
|
|
544
413
|
},
|
|
545
414
|
{
|
|
546
|
-
"kind": "
|
|
547
|
-
"name": "
|
|
548
|
-
"
|
|
549
|
-
"
|
|
415
|
+
"kind": "field",
|
|
416
|
+
"name": "error",
|
|
417
|
+
"privacy": "public",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "string"
|
|
420
|
+
},
|
|
421
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
422
|
+
"attribute": "error",
|
|
423
|
+
"reflects": true
|
|
550
424
|
},
|
|
551
425
|
{
|
|
552
|
-
"kind": "
|
|
553
|
-
"name": "
|
|
554
|
-
"
|
|
555
|
-
"
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "horizontal",
|
|
428
|
+
"privacy": "public",
|
|
429
|
+
"type": {
|
|
430
|
+
"text": "boolean"
|
|
431
|
+
},
|
|
432
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
+
"attribute": "horizontal",
|
|
434
|
+
"reflects": true
|
|
556
435
|
},
|
|
557
436
|
{
|
|
558
|
-
"kind": "
|
|
559
|
-
"name": "
|
|
560
|
-
"
|
|
561
|
-
"
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
437
|
+
"kind": "field",
|
|
438
|
+
"name": "noValidate",
|
|
439
|
+
"privacy": "public",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "boolean"
|
|
442
|
+
},
|
|
443
|
+
"description": "If set, disables auto-validation on blur.",
|
|
444
|
+
"attribute": "noValidate",
|
|
445
|
+
"reflects": true
|
|
567
446
|
},
|
|
568
447
|
{
|
|
569
|
-
"kind": "
|
|
570
|
-
"name": "
|
|
571
|
-
"
|
|
572
|
-
"
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
448
|
+
"kind": "field",
|
|
449
|
+
"name": "onDark",
|
|
450
|
+
"privacy": "public",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "boolean"
|
|
453
|
+
},
|
|
454
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
+
"attribute": "onDark",
|
|
456
|
+
"reflects": true
|
|
578
457
|
},
|
|
579
458
|
{
|
|
580
|
-
"kind": "
|
|
581
|
-
"name": "
|
|
582
|
-
"
|
|
583
|
-
"
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
459
|
+
"kind": "field",
|
|
460
|
+
"name": "required",
|
|
461
|
+
"privacy": "public",
|
|
462
|
+
"type": {
|
|
463
|
+
"text": "boolean"
|
|
464
|
+
},
|
|
465
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
466
|
+
"attribute": "required",
|
|
467
|
+
"reflects": true
|
|
589
468
|
},
|
|
590
469
|
{
|
|
591
|
-
"kind": "
|
|
592
|
-
"name": "
|
|
593
|
-
"
|
|
594
|
-
|
|
595
|
-
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
}
|
|
600
|
-
},
|
|
601
|
-
{
|
|
602
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
603
|
-
"name": "event.detail.loading",
|
|
604
|
-
"type": {
|
|
605
|
-
"text": "boolean"
|
|
606
|
-
}
|
|
607
|
-
},
|
|
608
|
-
{
|
|
609
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
610
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
611
|
-
"type": {
|
|
612
|
-
"text": "boolean"
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
],
|
|
616
|
-
"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.",
|
|
617
|
-
"privacy": "private",
|
|
618
|
-
"return": {
|
|
619
|
-
"type": {
|
|
620
|
-
"text": "void"
|
|
621
|
-
}
|
|
622
|
-
}
|
|
470
|
+
"kind": "field",
|
|
471
|
+
"name": "setCustomValidity",
|
|
472
|
+
"privacy": "public",
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "string"
|
|
475
|
+
},
|
|
476
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
+
"attribute": "setCustomValidity"
|
|
623
478
|
},
|
|
624
479
|
{
|
|
625
|
-
"kind": "
|
|
626
|
-
"name": "
|
|
627
|
-
"
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
],
|
|
636
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
637
|
-
"privacy": "private",
|
|
638
|
-
"return": {
|
|
639
|
-
"type": {
|
|
640
|
-
"text": "void"
|
|
641
|
-
}
|
|
642
|
-
}
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "setCustomValidityCustomError",
|
|
482
|
+
"privacy": "public",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "string"
|
|
485
|
+
},
|
|
486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
+
"attribute": "setCustomValidityCustomError"
|
|
643
488
|
},
|
|
644
489
|
{
|
|
645
|
-
"kind": "
|
|
646
|
-
"name": "
|
|
647
|
-
"
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
}
|
|
654
|
-
}
|
|
655
|
-
],
|
|
656
|
-
"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.",
|
|
657
|
-
"privacy": "private",
|
|
658
|
-
"return": {
|
|
659
|
-
"type": {
|
|
660
|
-
"text": "void"
|
|
661
|
-
}
|
|
662
|
-
}
|
|
490
|
+
"kind": "field",
|
|
491
|
+
"name": "setCustomValidityValueMissing",
|
|
492
|
+
"privacy": "public",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "string"
|
|
495
|
+
},
|
|
496
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
+
"attribute": "setCustomValidityValueMissing"
|
|
663
498
|
},
|
|
664
499
|
{
|
|
665
|
-
"kind": "
|
|
666
|
-
"name": "
|
|
667
|
-
"
|
|
668
|
-
"
|
|
669
|
-
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
|
|
500
|
+
"kind": "field",
|
|
501
|
+
"name": "validity",
|
|
502
|
+
"privacy": "public",
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "string"
|
|
505
|
+
},
|
|
506
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
507
|
+
"attribute": "validity",
|
|
508
|
+
"reflects": true
|
|
509
|
+
}
|
|
510
|
+
],
|
|
511
|
+
"events": [
|
|
512
|
+
{
|
|
513
|
+
"name": "input",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "CustomEvent"
|
|
673
516
|
}
|
|
674
517
|
},
|
|
675
518
|
{
|
|
676
|
-
"
|
|
677
|
-
"name": "
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
519
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
520
|
+
"name": "auroFormElement-validated"
|
|
521
|
+
}
|
|
522
|
+
],
|
|
523
|
+
"attributes": [
|
|
524
|
+
{
|
|
525
|
+
"name": "appearance",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "'default' | 'inverse'"
|
|
528
|
+
},
|
|
529
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
530
|
+
"default": "'default'",
|
|
531
|
+
"fieldName": "appearance"
|
|
684
532
|
},
|
|
685
533
|
{
|
|
686
|
-
"
|
|
687
|
-
"
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
"type": {
|
|
693
|
-
"text": "string"
|
|
694
|
-
}
|
|
695
|
-
}
|
|
696
|
-
],
|
|
697
|
-
"description": "Sets the menu value if menu is available.",
|
|
698
|
-
"return": {
|
|
699
|
-
"type": {
|
|
700
|
-
"text": "void"
|
|
701
|
-
}
|
|
702
|
-
}
|
|
534
|
+
"name": "disabled",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "boolean"
|
|
537
|
+
},
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
703
540
|
},
|
|
704
541
|
{
|
|
705
|
-
"
|
|
706
|
-
"
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
}
|
|
712
|
-
}
|
|
542
|
+
"name": "error",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "string"
|
|
545
|
+
},
|
|
546
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
+
"fieldName": "error"
|
|
713
548
|
},
|
|
714
549
|
{
|
|
715
|
-
"
|
|
716
|
-
"
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
}
|
|
722
|
-
}
|
|
550
|
+
"name": "horizontal",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
723
556
|
},
|
|
724
557
|
{
|
|
725
|
-
"
|
|
726
|
-
"
|
|
558
|
+
"name": "noValidate",
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "boolean"
|
|
561
|
+
},
|
|
562
|
+
"description": "If set, disables auto-validation on blur.",
|
|
563
|
+
"fieldName": "noValidate"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "onDark",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "boolean"
|
|
569
|
+
},
|
|
570
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
571
|
+
"fieldName": "onDark"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "required",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "boolean"
|
|
577
|
+
},
|
|
578
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
+
"fieldName": "required"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "setCustomValidity",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "string"
|
|
585
|
+
},
|
|
586
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
+
"fieldName": "setCustomValidity"
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "setCustomValidityCustomError",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "string"
|
|
593
|
+
},
|
|
594
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
+
"fieldName": "setCustomValidityCustomError"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "setCustomValidityValueMissing",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "string"
|
|
601
|
+
},
|
|
602
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "validity",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "string"
|
|
609
|
+
},
|
|
610
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
+
"fieldName": "validity"
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"superclass": {
|
|
615
|
+
"name": "LitElement",
|
|
616
|
+
"package": "lit"
|
|
617
|
+
},
|
|
618
|
+
"tagName": "auro-checkbox-group",
|
|
619
|
+
"customElement": true
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"exports": [
|
|
623
|
+
{
|
|
624
|
+
"kind": "js",
|
|
625
|
+
"name": "AuroCheckboxGroup",
|
|
626
|
+
"declaration": {
|
|
627
|
+
"name": "AuroCheckboxGroup",
|
|
628
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "javascript-module",
|
|
635
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
+
"declarations": [
|
|
637
|
+
{
|
|
638
|
+
"kind": "class",
|
|
639
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
+
"name": "AuroCheckbox",
|
|
641
|
+
"cssParts": [
|
|
642
|
+
{
|
|
643
|
+
"description": "apply css to a specific checkbox.",
|
|
644
|
+
"name": "checkbox"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "apply css to a specific checkbox's input.",
|
|
648
|
+
"name": "checkbox-input"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"description": "apply css to a specific checkbox's label.",
|
|
652
|
+
"name": "checkbox-label"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"slots": [
|
|
656
|
+
{
|
|
657
|
+
"description": "The default slot for the checkbox label.",
|
|
658
|
+
"name": "default"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"members": [
|
|
662
|
+
{
|
|
663
|
+
"kind": "method",
|
|
664
|
+
"name": "_initializeDefaults"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "method",
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
727
670
|
"parameters": [
|
|
728
671
|
{
|
|
729
|
-
"name": "
|
|
730
|
-
"default": "
|
|
731
|
-
"description": "
|
|
672
|
+
"name": "name",
|
|
673
|
+
"default": "\"auro-checkbox\"",
|
|
674
|
+
"description": "The name of element that you want to register to.",
|
|
732
675
|
"optional": true,
|
|
733
676
|
"type": {
|
|
734
|
-
"text": "
|
|
677
|
+
"text": "string"
|
|
735
678
|
}
|
|
736
679
|
}
|
|
737
680
|
],
|
|
738
|
-
"description": "
|
|
681
|
+
"description": "This will register this element with the browser."
|
|
739
682
|
},
|
|
740
683
|
{
|
|
741
684
|
"kind": "method",
|
|
742
|
-
"name": "
|
|
685
|
+
"name": "handleChange",
|
|
743
686
|
"parameters": [
|
|
744
687
|
{
|
|
745
|
-
"name": "
|
|
746
|
-
"description": "The
|
|
747
|
-
"type": {
|
|
748
|
-
"text": "HTMLSlotElement"
|
|
749
|
-
}
|
|
750
|
-
},
|
|
751
|
-
{
|
|
752
|
-
"name": "target",
|
|
753
|
-
"description": "The target element to apply the nodes to.",
|
|
754
|
-
"type": {
|
|
755
|
-
"text": "HTMLElement"
|
|
756
|
-
}
|
|
757
|
-
},
|
|
758
|
-
{
|
|
759
|
-
"name": "newSlotName",
|
|
760
|
-
"description": "The new slot name for the applied nodes.",
|
|
688
|
+
"name": "event",
|
|
689
|
+
"description": "The change event from the checkbox input.",
|
|
761
690
|
"type": {
|
|
762
|
-
"text": "
|
|
691
|
+
"text": "Event"
|
|
763
692
|
}
|
|
764
693
|
}
|
|
765
694
|
],
|
|
766
|
-
"description": "
|
|
695
|
+
"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.",
|
|
767
696
|
"privacy": "private",
|
|
768
697
|
"return": {
|
|
769
698
|
"type": {
|
|
@@ -773,31 +702,80 @@
|
|
|
773
702
|
},
|
|
774
703
|
{
|
|
775
704
|
"kind": "method",
|
|
776
|
-
"name": "
|
|
705
|
+
"name": "handleInput",
|
|
777
706
|
"parameters": [
|
|
778
707
|
{
|
|
779
|
-
"name": "
|
|
780
|
-
"description": "
|
|
708
|
+
"name": "event",
|
|
709
|
+
"description": "The input event from the checkbox input.",
|
|
781
710
|
"type": {
|
|
782
|
-
"text": "
|
|
711
|
+
"text": "Event"
|
|
783
712
|
}
|
|
784
713
|
}
|
|
785
714
|
],
|
|
786
|
-
"description": "
|
|
715
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
716
|
+
"privacy": "private",
|
|
717
|
+
"return": {
|
|
718
|
+
"type": {
|
|
719
|
+
"text": "void"
|
|
720
|
+
}
|
|
721
|
+
}
|
|
787
722
|
},
|
|
788
723
|
{
|
|
789
724
|
"kind": "method",
|
|
790
|
-
"name": "
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
727
|
+
"privacy": "private",
|
|
728
|
+
"return": {
|
|
729
|
+
"type": {
|
|
730
|
+
"text": "void"
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
},
|
|
734
|
+
{
|
|
735
|
+
"kind": "method",
|
|
736
|
+
"name": "generateIconHtml",
|
|
737
|
+
"description": "Function to generate checkmark svg.",
|
|
738
|
+
"privacy": "private",
|
|
739
|
+
"return": {
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "HTMLElement"
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
},
|
|
745
|
+
{
|
|
746
|
+
"kind": "method",
|
|
747
|
+
"name": "reset",
|
|
748
|
+
"description": "Resets component to initial state.",
|
|
749
|
+
"return": {
|
|
750
|
+
"type": {
|
|
751
|
+
"text": "void"
|
|
752
|
+
}
|
|
753
|
+
}
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"kind": "method",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
759
|
+
"privacy": "private",
|
|
760
|
+
"return": {
|
|
761
|
+
"type": {
|
|
762
|
+
"text": "void"
|
|
763
|
+
}
|
|
764
|
+
}
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"kind": "method",
|
|
768
|
+
"name": "handleKeyDown",
|
|
791
769
|
"parameters": [
|
|
792
770
|
{
|
|
793
771
|
"name": "event",
|
|
794
|
-
"description": "
|
|
772
|
+
"description": "The keydown event from the checkbox input.",
|
|
795
773
|
"type": {
|
|
796
|
-
"text": "
|
|
774
|
+
"text": "KeyboardEvent"
|
|
797
775
|
}
|
|
798
776
|
}
|
|
799
777
|
],
|
|
800
|
-
"description": "
|
|
778
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
801
779
|
"privacy": "private",
|
|
802
780
|
"return": {
|
|
803
781
|
"type": {
|
|
@@ -810,7 +788,7 @@
|
|
|
810
788
|
"name": "appearance",
|
|
811
789
|
"privacy": "public",
|
|
812
790
|
"type": {
|
|
813
|
-
"text": "
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
814
792
|
},
|
|
815
793
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
816
794
|
"default": "'default'",
|
|
@@ -819,982 +797,850 @@
|
|
|
819
797
|
},
|
|
820
798
|
{
|
|
821
799
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
800
|
+
"name": "checked",
|
|
823
801
|
"privacy": "public",
|
|
824
802
|
"type": {
|
|
825
|
-
"text": "
|
|
803
|
+
"text": "boolean"
|
|
826
804
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"attribute": "
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
829
807
|
"reflects": true
|
|
830
808
|
},
|
|
831
809
|
{
|
|
832
810
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
811
|
+
"name": "disabled",
|
|
834
812
|
"privacy": "public",
|
|
835
813
|
"type": {
|
|
836
814
|
"text": "boolean"
|
|
837
815
|
},
|
|
838
|
-
"description": "If
|
|
839
|
-
"attribute": "
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
840
818
|
"reflects": true
|
|
841
819
|
},
|
|
842
820
|
{
|
|
843
821
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
822
|
+
"name": "error",
|
|
823
|
+
"privacy": "public",
|
|
846
824
|
"type": {
|
|
847
|
-
"text": "
|
|
825
|
+
"text": "boolean"
|
|
848
826
|
},
|
|
849
|
-
"description": "
|
|
850
|
-
"attribute": "
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
829
|
+
"reflects": true
|
|
851
830
|
},
|
|
852
831
|
{
|
|
853
832
|
"kind": "field",
|
|
854
|
-
"name": "
|
|
833
|
+
"name": "id",
|
|
855
834
|
"privacy": "public",
|
|
856
835
|
"type": {
|
|
857
|
-
"text": "
|
|
836
|
+
"text": "string"
|
|
858
837
|
},
|
|
859
|
-
"description": "
|
|
860
|
-
"
|
|
861
|
-
"attribute": "behavior",
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
862
840
|
"reflects": true
|
|
863
841
|
},
|
|
864
842
|
{
|
|
865
843
|
"kind": "field",
|
|
866
|
-
"name": "
|
|
867
|
-
"privacy": "
|
|
844
|
+
"name": "inputId",
|
|
845
|
+
"privacy": "private",
|
|
868
846
|
"type": {
|
|
869
|
-
"text": "
|
|
847
|
+
"text": "string"
|
|
870
848
|
},
|
|
871
|
-
"description": "
|
|
872
|
-
"attribute": "checkmark",
|
|
873
|
-
"reflects": true
|
|
849
|
+
"description": "The id for input node."
|
|
874
850
|
},
|
|
875
851
|
{
|
|
876
852
|
"kind": "field",
|
|
877
|
-
"name": "
|
|
853
|
+
"name": "name",
|
|
878
854
|
"privacy": "public",
|
|
879
|
-
"type": {
|
|
880
|
-
"text": "boolean"
|
|
881
|
-
},
|
|
882
|
-
"description": "If set, disables the combobox.",
|
|
883
|
-
"attribute": "disabled",
|
|
884
|
-
"reflects": true
|
|
885
|
-
},
|
|
886
|
-
{
|
|
887
|
-
"kind": "field",
|
|
888
|
-
"name": "dropdownId",
|
|
889
|
-
"privacy": "private",
|
|
890
855
|
"type": {
|
|
891
856
|
"text": "string"
|
|
892
857
|
},
|
|
893
|
-
"description": "
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
894
860
|
},
|
|
895
861
|
{
|
|
896
862
|
"kind": "field",
|
|
897
|
-
"name": "
|
|
898
|
-
"privacy": "
|
|
863
|
+
"name": "onDark",
|
|
864
|
+
"privacy": "public",
|
|
899
865
|
"type": {
|
|
900
866
|
"text": "boolean"
|
|
901
867
|
},
|
|
902
|
-
"description": "
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
870
|
+
"reflects": true
|
|
903
871
|
},
|
|
904
872
|
{
|
|
905
873
|
"kind": "field",
|
|
906
|
-
"name": "
|
|
907
|
-
"privacy": "
|
|
874
|
+
"name": "touched",
|
|
875
|
+
"privacy": "private",
|
|
908
876
|
"type": {
|
|
909
877
|
"text": "boolean"
|
|
910
878
|
},
|
|
911
|
-
"description": "
|
|
912
|
-
"attribute": "dvInputOnly",
|
|
913
|
-
"reflects": true
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
914
880
|
},
|
|
915
881
|
{
|
|
916
882
|
"kind": "field",
|
|
917
|
-
"name": "
|
|
883
|
+
"name": "value",
|
|
918
884
|
"privacy": "public",
|
|
919
885
|
"type": {
|
|
920
886
|
"text": "string"
|
|
921
887
|
},
|
|
922
|
-
"description": "
|
|
923
|
-
"attribute": "
|
|
924
|
-
"reflects": true
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
925
890
|
},
|
|
926
891
|
{
|
|
927
892
|
"kind": "field",
|
|
928
|
-
"name": "
|
|
929
|
-
"privacy": "
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
930
895
|
"type": {
|
|
931
|
-
"text": "
|
|
896
|
+
"text": "number"
|
|
932
897
|
},
|
|
933
|
-
"description": "
|
|
934
|
-
"attribute": "
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
935
900
|
"reflects": true
|
|
936
901
|
},
|
|
937
902
|
{
|
|
938
903
|
"kind": "field",
|
|
939
|
-
"name": "
|
|
940
|
-
"privacy": "
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
941
906
|
"type": {
|
|
942
907
|
"text": "string"
|
|
943
908
|
},
|
|
944
|
-
"description": "
|
|
945
|
-
"attribute": "
|
|
909
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
+
"attribute": "aria-checked",
|
|
946
911
|
"reflects": true
|
|
947
912
|
},
|
|
948
913
|
{
|
|
949
914
|
"kind": "field",
|
|
950
|
-
"name": "
|
|
951
|
-
"privacy": "
|
|
915
|
+
"name": "ariaDisabled",
|
|
916
|
+
"privacy": "private",
|
|
952
917
|
"type": {
|
|
953
918
|
"text": "string"
|
|
954
919
|
},
|
|
955
|
-
"description": "
|
|
956
|
-
"
|
|
957
|
-
"
|
|
958
|
-
"reflects": true,
|
|
959
|
-
"inheritedFrom": {
|
|
960
|
-
"name": "AuroElement",
|
|
961
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
962
|
-
}
|
|
920
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
+
"attribute": "aria-disabled",
|
|
922
|
+
"reflects": true
|
|
963
923
|
},
|
|
964
924
|
{
|
|
965
925
|
"kind": "field",
|
|
966
|
-
"name": "
|
|
926
|
+
"name": "role",
|
|
967
927
|
"privacy": "private",
|
|
968
928
|
"type": {
|
|
969
|
-
"text": "
|
|
929
|
+
"text": "string"
|
|
970
930
|
},
|
|
971
|
-
"description": "
|
|
972
|
-
"attribute": "
|
|
931
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
932
|
+
"attribute": "role",
|
|
973
933
|
"reflects": true
|
|
974
|
-
}
|
|
934
|
+
}
|
|
935
|
+
],
|
|
936
|
+
"events": [
|
|
975
937
|
{
|
|
976
|
-
"
|
|
977
|
-
"name": "noFilter",
|
|
978
|
-
"privacy": "public",
|
|
938
|
+
"name": "auroCheckbox-input",
|
|
979
939
|
"type": {
|
|
980
|
-
"text": "
|
|
981
|
-
}
|
|
982
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
983
|
-
"attribute": "noFilter",
|
|
984
|
-
"reflects": true
|
|
940
|
+
"text": "CustomEvent"
|
|
941
|
+
}
|
|
985
942
|
},
|
|
986
943
|
{
|
|
987
|
-
"
|
|
988
|
-
"name": "noFlip",
|
|
989
|
-
"privacy": "public",
|
|
944
|
+
"name": "auroCheckbox-focusin",
|
|
990
945
|
"type": {
|
|
991
|
-
"text": "
|
|
992
|
-
}
|
|
993
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
994
|
-
"attribute": "noFlip",
|
|
995
|
-
"reflects": true
|
|
946
|
+
"text": "CustomEvent"
|
|
947
|
+
}
|
|
996
948
|
},
|
|
997
949
|
{
|
|
998
|
-
"
|
|
999
|
-
"name": "shift",
|
|
1000
|
-
"privacy": "public",
|
|
950
|
+
"name": "auroCheckbox-focusout",
|
|
1001
951
|
"type": {
|
|
1002
|
-
"text": "
|
|
1003
|
-
}
|
|
1004
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1005
|
-
"attribute": "shift",
|
|
1006
|
-
"reflects": true
|
|
952
|
+
"text": "CustomEvent"
|
|
953
|
+
}
|
|
1007
954
|
},
|
|
1008
955
|
{
|
|
1009
|
-
"
|
|
1010
|
-
"name": "
|
|
1011
|
-
"privacy": "public",
|
|
1012
|
-
"type": {
|
|
1013
|
-
"text": "boolean"
|
|
1014
|
-
},
|
|
1015
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1016
|
-
"attribute": "noValidate",
|
|
1017
|
-
"reflects": true
|
|
956
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
+
"name": "change"
|
|
1018
958
|
},
|
|
1019
959
|
{
|
|
1020
|
-
"
|
|
1021
|
-
"name": "
|
|
1022
|
-
|
|
960
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
+
"name": "input"
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "appearance",
|
|
1023
967
|
"type": {
|
|
1024
|
-
"text": "
|
|
968
|
+
"text": "'default' | 'inverse'"
|
|
1025
969
|
},
|
|
1026
|
-
"description": "
|
|
1027
|
-
"default": "
|
|
1028
|
-
"
|
|
1029
|
-
"reflects": true
|
|
970
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
+
"default": "'default'",
|
|
972
|
+
"fieldName": "appearance"
|
|
1030
973
|
},
|
|
1031
974
|
{
|
|
1032
|
-
"
|
|
1033
|
-
"name": "onDark",
|
|
1034
|
-
"privacy": "public",
|
|
975
|
+
"name": "checked",
|
|
1035
976
|
"type": {
|
|
1036
977
|
"text": "boolean"
|
|
1037
978
|
},
|
|
1038
|
-
"
|
|
1039
|
-
"
|
|
1040
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1041
|
-
"inheritedFrom": {
|
|
1042
|
-
"name": "AuroElement",
|
|
1043
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1044
|
-
}
|
|
979
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
+
"fieldName": "checked"
|
|
1045
981
|
},
|
|
1046
982
|
{
|
|
1047
|
-
"
|
|
1048
|
-
"name": "optionSelected",
|
|
1049
|
-
"privacy": "public",
|
|
983
|
+
"name": "disabled",
|
|
1050
984
|
"type": {
|
|
1051
|
-
"text": "
|
|
985
|
+
"text": "boolean"
|
|
1052
986
|
},
|
|
1053
|
-
"description": "
|
|
1054
|
-
"
|
|
987
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
988
|
+
"fieldName": "disabled"
|
|
1055
989
|
},
|
|
1056
990
|
{
|
|
1057
|
-
"
|
|
1058
|
-
"name": "persistInput",
|
|
1059
|
-
"privacy": "public",
|
|
991
|
+
"name": "error",
|
|
1060
992
|
"type": {
|
|
1061
993
|
"text": "boolean"
|
|
1062
994
|
},
|
|
1063
|
-
"description": "If
|
|
1064
|
-
"
|
|
1065
|
-
"reflects": true
|
|
995
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
996
|
+
"fieldName": "error"
|
|
1066
997
|
},
|
|
1067
998
|
{
|
|
1068
|
-
"
|
|
1069
|
-
"name": "placement",
|
|
1070
|
-
"privacy": "public",
|
|
999
|
+
"name": "id",
|
|
1071
1000
|
"type": {
|
|
1072
|
-
"text": "
|
|
1001
|
+
"text": "string"
|
|
1073
1002
|
},
|
|
1074
|
-
"description": "
|
|
1075
|
-
"
|
|
1076
|
-
"attribute": "placement",
|
|
1077
|
-
"reflects": true
|
|
1003
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
+
"fieldName": "id"
|
|
1078
1005
|
},
|
|
1079
1006
|
{
|
|
1080
|
-
"
|
|
1081
|
-
"name": "placeholder",
|
|
1082
|
-
"privacy": "public",
|
|
1007
|
+
"name": "name",
|
|
1083
1008
|
"type": {
|
|
1084
1009
|
"text": "string"
|
|
1085
1010
|
},
|
|
1086
|
-
"description": "
|
|
1087
|
-
"
|
|
1088
|
-
"reflects": true
|
|
1011
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
+
"fieldName": "name"
|
|
1089
1013
|
},
|
|
1090
1014
|
{
|
|
1091
|
-
"
|
|
1092
|
-
"name": "required",
|
|
1093
|
-
"privacy": "public",
|
|
1015
|
+
"name": "onDark",
|
|
1094
1016
|
"type": {
|
|
1095
1017
|
"text": "boolean"
|
|
1096
1018
|
},
|
|
1097
|
-
"description": "
|
|
1098
|
-
"
|
|
1099
|
-
"reflects": true
|
|
1019
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1020
|
+
"fieldName": "onDark"
|
|
1100
1021
|
},
|
|
1101
1022
|
{
|
|
1102
|
-
"
|
|
1103
|
-
"name": "setCustomValidity",
|
|
1104
|
-
"privacy": "public",
|
|
1023
|
+
"name": "value",
|
|
1105
1024
|
"type": {
|
|
1106
1025
|
"text": "string"
|
|
1107
1026
|
},
|
|
1108
|
-
"description": "Sets
|
|
1109
|
-
"
|
|
1027
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1028
|
+
"fieldName": "value"
|
|
1110
1029
|
},
|
|
1111
1030
|
{
|
|
1112
|
-
"
|
|
1113
|
-
"name": "setCustomValidityCustomError",
|
|
1114
|
-
"privacy": "public",
|
|
1031
|
+
"name": "tabindex",
|
|
1115
1032
|
"type": {
|
|
1116
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1117
1034
|
},
|
|
1118
|
-
"description": "
|
|
1119
|
-
"
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1120
1037
|
},
|
|
1121
1038
|
{
|
|
1122
|
-
"
|
|
1123
|
-
"name": "setCustomValidityValueMissing",
|
|
1124
|
-
"privacy": "public",
|
|
1039
|
+
"name": "aria-checked",
|
|
1125
1040
|
"type": {
|
|
1126
1041
|
"text": "string"
|
|
1127
1042
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1130
1045
|
},
|
|
1131
1046
|
{
|
|
1132
|
-
"
|
|
1133
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1134
|
-
"privacy": "public",
|
|
1047
|
+
"name": "aria-disabled",
|
|
1135
1048
|
"type": {
|
|
1136
1049
|
"text": "string"
|
|
1137
1050
|
},
|
|
1138
|
-
"description": "
|
|
1139
|
-
"
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1140
1053
|
},
|
|
1141
1054
|
{
|
|
1142
|
-
"
|
|
1143
|
-
"name": "touched",
|
|
1144
|
-
"privacy": "private",
|
|
1055
|
+
"name": "role",
|
|
1145
1056
|
"type": {
|
|
1146
|
-
"text": "
|
|
1057
|
+
"text": "string"
|
|
1147
1058
|
},
|
|
1148
|
-
"description": "
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1159
|
-
|
|
1059
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1060
|
+
"fieldName": "role"
|
|
1061
|
+
}
|
|
1062
|
+
],
|
|
1063
|
+
"superclass": {
|
|
1064
|
+
"name": "LitElement",
|
|
1065
|
+
"package": "lit"
|
|
1066
|
+
},
|
|
1067
|
+
"tagName": "auro-checkbox",
|
|
1068
|
+
"customElement": true
|
|
1069
|
+
}
|
|
1070
|
+
],
|
|
1071
|
+
"exports": [
|
|
1072
|
+
{
|
|
1073
|
+
"kind": "js",
|
|
1074
|
+
"name": "AuroCheckbox",
|
|
1075
|
+
"declaration": {
|
|
1076
|
+
"name": "AuroCheckbox",
|
|
1077
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
]
|
|
1081
|
+
},
|
|
1082
|
+
{
|
|
1083
|
+
"kind": "javascript-module",
|
|
1084
|
+
"path": "components/checkbox/src/index.js",
|
|
1085
|
+
"declarations": [],
|
|
1086
|
+
"exports": [
|
|
1087
|
+
{
|
|
1088
|
+
"kind": "js",
|
|
1089
|
+
"name": "AuroCheckbox",
|
|
1090
|
+
"declaration": {
|
|
1091
|
+
"name": "AuroCheckbox",
|
|
1092
|
+
"module": "components/checkbox/src/index.js"
|
|
1093
|
+
}
|
|
1094
|
+
},
|
|
1095
|
+
{
|
|
1096
|
+
"kind": "js",
|
|
1097
|
+
"name": "AuroCheckboxGroup",
|
|
1098
|
+
"declaration": {
|
|
1099
|
+
"name": "AuroCheckboxGroup",
|
|
1100
|
+
"module": "components/checkbox/src/index.js"
|
|
1101
|
+
}
|
|
1102
|
+
}
|
|
1103
|
+
]
|
|
1104
|
+
},
|
|
1105
|
+
{
|
|
1106
|
+
"kind": "javascript-module",
|
|
1107
|
+
"path": "components/checkbox/src/registered.js",
|
|
1108
|
+
"declarations": [],
|
|
1109
|
+
"exports": []
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"kind": "javascript-module",
|
|
1113
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1114
|
+
"declarations": [
|
|
1115
|
+
{
|
|
1116
|
+
"kind": "class",
|
|
1117
|
+
"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.",
|
|
1118
|
+
"name": "AuroCombobox",
|
|
1119
|
+
"slots": [
|
|
1120
|
+
{
|
|
1121
|
+
"description": "Default slot for the menu content.",
|
|
1122
|
+
"name": ""
|
|
1160
1123
|
},
|
|
1161
1124
|
{
|
|
1162
|
-
"kind": "field",
|
|
1163
|
-
"name": "type",
|
|
1164
|
-
"privacy": "public",
|
|
1165
1125
|
"type": {
|
|
1166
|
-
"text": "
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1167
1127
|
},
|
|
1168
|
-
"description": "
|
|
1169
|
-
"
|
|
1170
|
-
"reflects": true
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1171
1130
|
},
|
|
1172
1131
|
{
|
|
1173
|
-
"
|
|
1174
|
-
"name": "
|
|
1175
|
-
"privacy": "public",
|
|
1176
|
-
"type": {
|
|
1177
|
-
"text": "string"
|
|
1178
|
-
},
|
|
1179
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1180
|
-
"attribute": "typedValue",
|
|
1181
|
-
"reflects": true
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1182
1134
|
},
|
|
1183
1135
|
{
|
|
1184
|
-
"
|
|
1185
|
-
"name": "
|
|
1186
|
-
"privacy": "public",
|
|
1187
|
-
"type": {
|
|
1188
|
-
"text": "string"
|
|
1189
|
-
},
|
|
1190
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1191
|
-
"attribute": "validity",
|
|
1192
|
-
"reflects": true
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1193
1138
|
},
|
|
1194
1139
|
{
|
|
1195
|
-
"
|
|
1196
|
-
"name": "
|
|
1197
|
-
"privacy": "public",
|
|
1198
|
-
"type": {
|
|
1199
|
-
"text": "string"
|
|
1200
|
-
},
|
|
1201
|
-
"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.",
|
|
1202
|
-
"attribute": "value"
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1203
1142
|
},
|
|
1204
1143
|
{
|
|
1205
|
-
"
|
|
1206
|
-
"name": "
|
|
1207
|
-
"privacy": "public",
|
|
1208
|
-
"type": {
|
|
1209
|
-
"text": "boolean"
|
|
1210
|
-
},
|
|
1211
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1212
|
-
"attribute": "largeFullscreenHeadline",
|
|
1213
|
-
"reflects": true
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1214
1146
|
},
|
|
1215
1147
|
{
|
|
1216
|
-
"
|
|
1217
|
-
"name": "
|
|
1218
|
-
"privacy": "public",
|
|
1219
|
-
"type": {
|
|
1220
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1221
|
-
},
|
|
1222
|
-
"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.",
|
|
1223
|
-
"default": "'sm'",
|
|
1224
|
-
"attribute": "fullscreenBreakpoint",
|
|
1225
|
-
"reflects": true
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1226
1150
|
},
|
|
1227
1151
|
{
|
|
1228
|
-
"
|
|
1229
|
-
"name": "
|
|
1152
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1153
|
+
"name": "displayValue"
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"members": [
|
|
1157
|
+
{
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1230
1160
|
"privacy": "private",
|
|
1231
|
-
"
|
|
1232
|
-
"
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"kind": "method",
|
|
1169
|
+
"name": "_scheduleTimer",
|
|
1170
|
+
"parameters": [
|
|
1171
|
+
{
|
|
1172
|
+
"name": "fn",
|
|
1173
|
+
"description": "Callback to run.",
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "Function"
|
|
1176
|
+
}
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"name": "ms",
|
|
1180
|
+
"description": "Delay in milliseconds.",
|
|
1181
|
+
"type": {
|
|
1182
|
+
"text": "number"
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
],
|
|
1186
|
+
"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.",
|
|
1187
|
+
"return": {
|
|
1188
|
+
"type": {
|
|
1189
|
+
"text": "number"
|
|
1190
|
+
}
|
|
1233
1191
|
},
|
|
1234
|
-
"
|
|
1192
|
+
"privacy": "private"
|
|
1235
1193
|
},
|
|
1236
1194
|
{
|
|
1237
1195
|
"kind": "field",
|
|
1238
|
-
"name": "
|
|
1239
|
-
"description": "Returns
|
|
1240
|
-
"privacy": "private",
|
|
1196
|
+
"name": "inputValue",
|
|
1197
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1241
1198
|
"return": {
|
|
1242
1199
|
"type": {
|
|
1243
|
-
"text": "
|
|
1200
|
+
"text": "string|undefined"
|
|
1244
1201
|
}
|
|
1245
1202
|
},
|
|
1246
|
-
"readonly": true
|
|
1247
|
-
"inheritedFrom": {
|
|
1248
|
-
"name": "AuroElement",
|
|
1249
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1250
|
-
}
|
|
1203
|
+
"readonly": true
|
|
1251
1204
|
},
|
|
1252
1205
|
{
|
|
1253
1206
|
"kind": "method",
|
|
1254
|
-
"name": "
|
|
1255
|
-
"
|
|
1256
|
-
|
|
1257
|
-
"
|
|
1207
|
+
"name": "isValid",
|
|
1208
|
+
"description": "Checks if the element is valid.",
|
|
1209
|
+
"return": {
|
|
1210
|
+
"type": {
|
|
1211
|
+
"text": "boolean"
|
|
1212
|
+
}
|
|
1258
1213
|
}
|
|
1259
1214
|
},
|
|
1260
1215
|
{
|
|
1261
1216
|
"kind": "method",
|
|
1262
|
-
"name": "
|
|
1263
|
-
"
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1217
|
+
"name": "register",
|
|
1218
|
+
"static": true,
|
|
1219
|
+
"parameters": [
|
|
1220
|
+
{
|
|
1221
|
+
"name": "name",
|
|
1222
|
+
"default": "'auro-combobox'",
|
|
1223
|
+
"description": "The name of the element that you want to register.",
|
|
1224
|
+
"optional": true,
|
|
1225
|
+
"type": {
|
|
1226
|
+
"text": "string"
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1229
|
+
],
|
|
1230
|
+
"description": "This will register this element with the browser."
|
|
1267
1231
|
},
|
|
1268
1232
|
{
|
|
1269
1233
|
"kind": "method",
|
|
1270
|
-
"name": "
|
|
1271
|
-
"
|
|
1272
|
-
|
|
1273
|
-
|
|
1234
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1235
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1236
|
+
"privacy": "private",
|
|
1237
|
+
"return": {
|
|
1238
|
+
"type": {
|
|
1239
|
+
"text": "void"
|
|
1240
|
+
}
|
|
1274
1241
|
}
|
|
1275
1242
|
},
|
|
1276
1243
|
{
|
|
1277
|
-
"kind": "
|
|
1278
|
-
"name": "
|
|
1279
|
-
"
|
|
1280
|
-
"
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
"inheritedFrom": {
|
|
1286
|
-
"name": "AuroElement",
|
|
1287
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1244
|
+
"kind": "method",
|
|
1245
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1246
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1247
|
+
"privacy": "private",
|
|
1248
|
+
"return": {
|
|
1249
|
+
"type": {
|
|
1250
|
+
"text": "void"
|
|
1251
|
+
}
|
|
1288
1252
|
}
|
|
1289
1253
|
},
|
|
1290
1254
|
{
|
|
1291
|
-
"kind": "
|
|
1292
|
-
"name": "
|
|
1293
|
-
"
|
|
1294
|
-
"
|
|
1295
|
-
"text": "string"
|
|
1296
|
-
},
|
|
1297
|
-
"attribute": "size",
|
|
1298
|
-
"reflects": true,
|
|
1299
|
-
"inheritedFrom": {
|
|
1300
|
-
"name": "AuroElement",
|
|
1301
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1302
|
-
}
|
|
1303
|
-
}
|
|
1304
|
-
],
|
|
1305
|
-
"events": [
|
|
1306
|
-
{
|
|
1307
|
-
"name": "inputValue",
|
|
1308
|
-
"type": {
|
|
1309
|
-
"text": "CustomEvent"
|
|
1310
|
-
},
|
|
1311
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateFilter",
|
|
1257
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1258
|
+
"privacy": "private"
|
|
1312
1259
|
},
|
|
1313
1260
|
{
|
|
1314
|
-
"
|
|
1315
|
-
"
|
|
1316
|
-
|
|
1317
|
-
|
|
1318
|
-
"
|
|
1261
|
+
"kind": "method",
|
|
1262
|
+
"name": "syncValuesAndStates",
|
|
1263
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1264
|
+
"privacy": "private",
|
|
1265
|
+
"return": {
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "void"
|
|
1268
|
+
}
|
|
1269
|
+
}
|
|
1319
1270
|
},
|
|
1320
1271
|
{
|
|
1321
|
-
"
|
|
1322
|
-
"
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1272
|
+
"kind": "method",
|
|
1273
|
+
"name": "updateTriggerTextDisplay",
|
|
1274
|
+
"parameters": [
|
|
1275
|
+
{
|
|
1276
|
+
"name": "label",
|
|
1277
|
+
"description": "The label of the selected option.",
|
|
1278
|
+
"type": {
|
|
1279
|
+
"text": "string"
|
|
1280
|
+
}
|
|
1281
|
+
}
|
|
1282
|
+
],
|
|
1283
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1284
|
+
"privacy": "private"
|
|
1326
1285
|
},
|
|
1327
1286
|
{
|
|
1328
|
-
"
|
|
1329
|
-
"name": "
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
|
|
1287
|
+
"kind": "method",
|
|
1288
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
1289
|
+
"parameters": [
|
|
1290
|
+
{
|
|
1291
|
+
"name": "nextValue",
|
|
1292
|
+
"description": "The value to write to both inputs.",
|
|
1293
|
+
"type": {
|
|
1294
|
+
"text": "string"
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
],
|
|
1298
|
+
"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.",
|
|
1299
|
+
"return": {
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "Promise<void>"
|
|
1302
|
+
}
|
|
1337
1303
|
},
|
|
1338
|
-
"
|
|
1339
|
-
"default": "'default'",
|
|
1340
|
-
"fieldName": "appearance"
|
|
1304
|
+
"privacy": "private"
|
|
1341
1305
|
},
|
|
1342
1306
|
{
|
|
1343
|
-
"
|
|
1344
|
-
"
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1307
|
+
"kind": "method",
|
|
1308
|
+
"name": "handleMenuOptions",
|
|
1309
|
+
"parameters": [
|
|
1310
|
+
{
|
|
1311
|
+
"name": "{ preferComboboxValue = false }",
|
|
1312
|
+
"default": "{}"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"description": "Optional flag bag.",
|
|
1316
|
+
"name": "options",
|
|
1317
|
+
"optional": true,
|
|
1318
|
+
"type": {
|
|
1319
|
+
"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 * "
|
|
1320
|
+
}
|
|
1321
|
+
}
|
|
1322
|
+
],
|
|
1323
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1324
|
+
"privacy": "private",
|
|
1325
|
+
"return": {
|
|
1326
|
+
"type": {
|
|
1327
|
+
"text": "void"
|
|
1328
|
+
}
|
|
1329
|
+
}
|
|
1349
1330
|
},
|
|
1350
1331
|
{
|
|
1351
|
-
"
|
|
1352
|
-
"
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
"
|
|
1356
|
-
|
|
1332
|
+
"kind": "method",
|
|
1333
|
+
"name": "generateOptionsArray",
|
|
1334
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1335
|
+
"privacy": "private",
|
|
1336
|
+
"return": {
|
|
1337
|
+
"type": {
|
|
1338
|
+
"text": "void"
|
|
1339
|
+
}
|
|
1340
|
+
}
|
|
1357
1341
|
},
|
|
1358
1342
|
{
|
|
1359
|
-
"
|
|
1360
|
-
"
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1343
|
+
"kind": "method",
|
|
1344
|
+
"name": "hideBib",
|
|
1345
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1346
|
+
"return": {
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "void"
|
|
1349
|
+
}
|
|
1350
|
+
}
|
|
1365
1351
|
},
|
|
1366
1352
|
{
|
|
1367
|
-
"
|
|
1368
|
-
"
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1353
|
+
"kind": "method",
|
|
1354
|
+
"name": "showBib",
|
|
1355
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1356
|
+
"return": {
|
|
1357
|
+
"type": {
|
|
1358
|
+
"text": "void"
|
|
1359
|
+
}
|
|
1360
|
+
}
|
|
1374
1361
|
},
|
|
1375
1362
|
{
|
|
1376
|
-
"
|
|
1377
|
-
"
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
"
|
|
1381
|
-
|
|
1363
|
+
"kind": "method",
|
|
1364
|
+
"name": "configureDropdown",
|
|
1365
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1366
|
+
"privacy": "private",
|
|
1367
|
+
"return": {
|
|
1368
|
+
"type": {
|
|
1369
|
+
"text": "void"
|
|
1370
|
+
}
|
|
1371
|
+
}
|
|
1382
1372
|
},
|
|
1383
1373
|
{
|
|
1384
|
-
"
|
|
1385
|
-
"
|
|
1386
|
-
|
|
1387
|
-
},
|
|
1388
|
-
"description": "If set, disables the combobox.",
|
|
1389
|
-
"fieldName": "disabled"
|
|
1374
|
+
"kind": "method",
|
|
1375
|
+
"name": "setClearBtnFocus",
|
|
1376
|
+
"privacy": "private"
|
|
1390
1377
|
},
|
|
1391
1378
|
{
|
|
1392
|
-
"
|
|
1393
|
-
"
|
|
1394
|
-
|
|
1395
|
-
},
|
|
1396
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1397
|
-
"fieldName": "dvInputOnly"
|
|
1379
|
+
"kind": "method",
|
|
1380
|
+
"name": "setTriggerInputFocus",
|
|
1381
|
+
"privacy": "private"
|
|
1398
1382
|
},
|
|
1399
1383
|
{
|
|
1400
|
-
"
|
|
1401
|
-
"
|
|
1402
|
-
|
|
1403
|
-
},
|
|
1404
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1405
|
-
"fieldName": "error"
|
|
1384
|
+
"kind": "method",
|
|
1385
|
+
"name": "setInputFocus",
|
|
1386
|
+
"privacy": "private"
|
|
1406
1387
|
},
|
|
1407
1388
|
{
|
|
1408
|
-
"
|
|
1409
|
-
"
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
"description": "Specifies the input mask format.",
|
|
1413
|
-
"fieldName": "format"
|
|
1389
|
+
"kind": "method",
|
|
1390
|
+
"name": "updateBibDialogRole",
|
|
1391
|
+
"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.",
|
|
1392
|
+
"privacy": "private"
|
|
1414
1393
|
},
|
|
1415
1394
|
{
|
|
1416
|
-
"
|
|
1417
|
-
"
|
|
1418
|
-
|
|
1419
|
-
|
|
1420
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1421
|
-
"fieldName": "inputmode"
|
|
1395
|
+
"kind": "method",
|
|
1396
|
+
"name": "updateMenuShapeSize",
|
|
1397
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1398
|
+
"privacy": "private"
|
|
1422
1399
|
},
|
|
1423
1400
|
{
|
|
1424
|
-
"
|
|
1425
|
-
"
|
|
1426
|
-
|
|
1427
|
-
|
|
1428
|
-
"
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
"name": "AuroElement",
|
|
1433
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1401
|
+
"kind": "method",
|
|
1402
|
+
"name": "_getAnnouncementRoot",
|
|
1403
|
+
"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.",
|
|
1404
|
+
"privacy": "private",
|
|
1405
|
+
"return": {
|
|
1406
|
+
"type": {
|
|
1407
|
+
"text": "ShadowRoot"
|
|
1408
|
+
}
|
|
1434
1409
|
}
|
|
1435
1410
|
},
|
|
1436
1411
|
{
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
"
|
|
1442
|
-
|
|
1412
|
+
"kind": "method",
|
|
1413
|
+
"name": "configureMenu",
|
|
1414
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1415
|
+
"privacy": "private",
|
|
1416
|
+
"return": {
|
|
1417
|
+
"type": {
|
|
1418
|
+
"text": "void"
|
|
1419
|
+
}
|
|
1420
|
+
}
|
|
1443
1421
|
},
|
|
1444
1422
|
{
|
|
1445
|
-
"
|
|
1446
|
-
"
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
"
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
"type": {
|
|
1455
|
-
"text": "boolean"
|
|
1456
|
-
},
|
|
1457
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1458
|
-
"fieldName": "noFlip"
|
|
1459
|
-
},
|
|
1460
|
-
{
|
|
1461
|
-
"name": "shift",
|
|
1462
|
-
"type": {
|
|
1463
|
-
"text": "boolean"
|
|
1464
|
-
},
|
|
1465
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1466
|
-
"fieldName": "shift"
|
|
1467
|
-
},
|
|
1468
|
-
{
|
|
1469
|
-
"name": "noValidate",
|
|
1470
|
-
"type": {
|
|
1471
|
-
"text": "boolean"
|
|
1472
|
-
},
|
|
1473
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1474
|
-
"fieldName": "noValidate"
|
|
1475
|
-
},
|
|
1476
|
-
{
|
|
1477
|
-
"name": "offset",
|
|
1478
|
-
"type": {
|
|
1479
|
-
"text": "number"
|
|
1480
|
-
},
|
|
1481
|
-
"description": "Gap between the trigger element and bib.",
|
|
1482
|
-
"default": "0",
|
|
1483
|
-
"fieldName": "offset"
|
|
1484
|
-
},
|
|
1485
|
-
{
|
|
1486
|
-
"name": "onDark",
|
|
1487
|
-
"type": {
|
|
1488
|
-
"text": "boolean"
|
|
1489
|
-
},
|
|
1490
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1491
|
-
"fieldName": "onDark"
|
|
1492
|
-
},
|
|
1493
|
-
{
|
|
1494
|
-
"name": "optionSelected",
|
|
1495
|
-
"type": {
|
|
1496
|
-
"text": "HTMLElement"
|
|
1497
|
-
},
|
|
1498
|
-
"description": "Specifies the current selected option.",
|
|
1499
|
-
"fieldName": "optionSelected"
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"name": "persistInput",
|
|
1503
|
-
"type": {
|
|
1504
|
-
"text": "boolean"
|
|
1505
|
-
},
|
|
1506
|
-
"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.",
|
|
1507
|
-
"fieldName": "persistInput"
|
|
1508
|
-
},
|
|
1509
|
-
{
|
|
1510
|
-
"name": "placement",
|
|
1511
|
-
"type": {
|
|
1512
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1513
|
-
},
|
|
1514
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1515
|
-
"default": "'bottom-start'",
|
|
1516
|
-
"fieldName": "placement"
|
|
1517
|
-
},
|
|
1518
|
-
{
|
|
1519
|
-
"name": "placeholder",
|
|
1520
|
-
"type": {
|
|
1521
|
-
"text": "string"
|
|
1522
|
-
},
|
|
1523
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1524
|
-
"fieldName": "placeholder"
|
|
1525
|
-
},
|
|
1526
|
-
{
|
|
1527
|
-
"name": "required",
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "boolean"
|
|
1530
|
-
},
|
|
1531
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1532
|
-
"fieldName": "required"
|
|
1533
|
-
},
|
|
1534
|
-
{
|
|
1535
|
-
"name": "setCustomValidity",
|
|
1536
|
-
"type": {
|
|
1537
|
-
"text": "string"
|
|
1538
|
-
},
|
|
1539
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1540
|
-
"fieldName": "setCustomValidity"
|
|
1541
|
-
},
|
|
1542
|
-
{
|
|
1543
|
-
"name": "setCustomValidityCustomError",
|
|
1544
|
-
"type": {
|
|
1545
|
-
"text": "string"
|
|
1546
|
-
},
|
|
1547
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1548
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1549
|
-
},
|
|
1550
|
-
{
|
|
1551
|
-
"name": "setCustomValidityValueMissing",
|
|
1552
|
-
"type": {
|
|
1553
|
-
"text": "string"
|
|
1554
|
-
},
|
|
1555
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1556
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1557
|
-
},
|
|
1558
|
-
{
|
|
1559
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1560
|
-
"type": {
|
|
1561
|
-
"text": "string"
|
|
1562
|
-
},
|
|
1563
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1564
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1565
|
-
},
|
|
1566
|
-
{
|
|
1567
|
-
"name": "triggerIcon",
|
|
1568
|
-
"type": {
|
|
1569
|
-
"text": "boolean"
|
|
1570
|
-
},
|
|
1571
|
-
"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.",
|
|
1572
|
-
"fieldName": "triggerIcon"
|
|
1573
|
-
},
|
|
1574
|
-
{
|
|
1575
|
-
"name": "type",
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "string"
|
|
1578
|
-
},
|
|
1579
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1580
|
-
"fieldName": "type"
|
|
1581
|
-
},
|
|
1582
|
-
{
|
|
1583
|
-
"name": "typedValue",
|
|
1584
|
-
"type": {
|
|
1585
|
-
"text": "string"
|
|
1586
|
-
},
|
|
1587
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1588
|
-
"fieldName": "typedValue"
|
|
1423
|
+
"kind": "method",
|
|
1424
|
+
"name": "configureInput",
|
|
1425
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1426
|
+
"privacy": "private",
|
|
1427
|
+
"return": {
|
|
1428
|
+
"type": {
|
|
1429
|
+
"text": "void"
|
|
1430
|
+
}
|
|
1431
|
+
}
|
|
1589
1432
|
},
|
|
1590
1433
|
{
|
|
1591
|
-
"
|
|
1592
|
-
"
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1434
|
+
"kind": "method",
|
|
1435
|
+
"name": "handleMenuLoadingChange",
|
|
1436
|
+
"parameters": [
|
|
1437
|
+
{
|
|
1438
|
+
"name": "event",
|
|
1439
|
+
"description": "The event object containing details about the loading state change.",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "CustomEvent"
|
|
1442
|
+
}
|
|
1443
|
+
},
|
|
1444
|
+
{
|
|
1445
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1446
|
+
"name": "event.detail.loading",
|
|
1447
|
+
"type": {
|
|
1448
|
+
"text": "boolean"
|
|
1449
|
+
}
|
|
1450
|
+
},
|
|
1451
|
+
{
|
|
1452
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1453
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "boolean"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"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.",
|
|
1460
|
+
"privacy": "private",
|
|
1461
|
+
"return": {
|
|
1462
|
+
"type": {
|
|
1463
|
+
"text": "void"
|
|
1464
|
+
}
|
|
1465
|
+
}
|
|
1597
1466
|
},
|
|
1598
1467
|
{
|
|
1599
|
-
"
|
|
1600
|
-
"
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1468
|
+
"kind": "method",
|
|
1469
|
+
"name": "handleInputValueChange",
|
|
1470
|
+
"parameters": [
|
|
1471
|
+
{
|
|
1472
|
+
"name": "event",
|
|
1473
|
+
"description": "The input event triggered by the input element.",
|
|
1474
|
+
"type": {
|
|
1475
|
+
"text": "Event"
|
|
1476
|
+
}
|
|
1477
|
+
}
|
|
1478
|
+
],
|
|
1479
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1480
|
+
"privacy": "private",
|
|
1481
|
+
"return": {
|
|
1482
|
+
"type": {
|
|
1483
|
+
"text": "void"
|
|
1484
|
+
}
|
|
1485
|
+
}
|
|
1605
1486
|
},
|
|
1606
1487
|
{
|
|
1607
|
-
"
|
|
1608
|
-
"
|
|
1609
|
-
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1488
|
+
"kind": "method",
|
|
1489
|
+
"name": "handleTriggerInputValueChange",
|
|
1490
|
+
"parameters": [
|
|
1491
|
+
{
|
|
1492
|
+
"name": "event",
|
|
1493
|
+
"description": "The input event from the trigger input element.",
|
|
1494
|
+
"type": {
|
|
1495
|
+
"text": "Event"
|
|
1496
|
+
}
|
|
1497
|
+
}
|
|
1498
|
+
],
|
|
1499
|
+
"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.",
|
|
1500
|
+
"privacy": "private",
|
|
1501
|
+
"return": {
|
|
1502
|
+
"type": {
|
|
1503
|
+
"text": "void"
|
|
1504
|
+
}
|
|
1505
|
+
}
|
|
1613
1506
|
},
|
|
1614
1507
|
{
|
|
1615
|
-
"
|
|
1616
|
-
"
|
|
1617
|
-
|
|
1618
|
-
|
|
1619
|
-
"
|
|
1620
|
-
|
|
1621
|
-
|
|
1508
|
+
"kind": "method",
|
|
1509
|
+
"name": "configureCombobox",
|
|
1510
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"return": {
|
|
1513
|
+
"type": {
|
|
1514
|
+
"text": "void"
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1622
1517
|
},
|
|
1623
1518
|
{
|
|
1624
|
-
"
|
|
1625
|
-
"
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1519
|
+
"kind": "method",
|
|
1520
|
+
"name": "focus",
|
|
1521
|
+
"description": "Focuses the combobox trigger input.",
|
|
1522
|
+
"return": {
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "void"
|
|
1525
|
+
}
|
|
1632
1526
|
}
|
|
1633
1527
|
},
|
|
1634
1528
|
{
|
|
1635
|
-
"
|
|
1636
|
-
"
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1529
|
+
"kind": "method",
|
|
1530
|
+
"name": "setMenuValue",
|
|
1531
|
+
"parameters": [
|
|
1532
|
+
{
|
|
1533
|
+
"name": "value",
|
|
1534
|
+
"description": "The value to set on the menu.",
|
|
1535
|
+
"type": {
|
|
1536
|
+
"text": "string"
|
|
1537
|
+
}
|
|
1538
|
+
}
|
|
1539
|
+
],
|
|
1540
|
+
"description": "Sets the menu value if menu is available.",
|
|
1541
|
+
"return": {
|
|
1542
|
+
"type": {
|
|
1543
|
+
"text": "void"
|
|
1544
|
+
}
|
|
1643
1545
|
}
|
|
1644
1546
|
},
|
|
1645
1547
|
{
|
|
1646
|
-
"
|
|
1647
|
-
"
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1652
|
-
|
|
1653
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1548
|
+
"kind": "method",
|
|
1549
|
+
"name": "reset",
|
|
1550
|
+
"description": "Resets component to initial state.",
|
|
1551
|
+
"return": {
|
|
1552
|
+
"type": {
|
|
1553
|
+
"text": "void"
|
|
1554
|
+
}
|
|
1654
1555
|
}
|
|
1655
|
-
}
|
|
1656
|
-
],
|
|
1657
|
-
"superclass": {
|
|
1658
|
-
"name": "AuroElement",
|
|
1659
|
-
"module": "/components/layoutElement/src/auroElement.js"
|
|
1660
|
-
},
|
|
1661
|
-
"tagName": "auro-combobox",
|
|
1662
|
-
"customElement": true
|
|
1663
|
-
}
|
|
1664
|
-
],
|
|
1665
|
-
"exports": [
|
|
1666
|
-
{
|
|
1667
|
-
"kind": "js",
|
|
1668
|
-
"name": "AuroCombobox",
|
|
1669
|
-
"declaration": {
|
|
1670
|
-
"name": "AuroCombobox",
|
|
1671
|
-
"module": "components/combobox/src/auro-combobox.js"
|
|
1672
|
-
}
|
|
1673
|
-
}
|
|
1674
|
-
]
|
|
1675
|
-
},
|
|
1676
|
-
{
|
|
1677
|
-
"kind": "javascript-module",
|
|
1678
|
-
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1679
|
-
"declarations": [
|
|
1680
|
-
{
|
|
1681
|
-
"kind": "variable",
|
|
1682
|
-
"name": "comboboxKeyboardStrategy",
|
|
1683
|
-
"type": {
|
|
1684
|
-
"text": "object"
|
|
1685
|
-
},
|
|
1686
|
-
"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) { // Runs for both Tab and Shift+Tab. // // Current behavior: // Tab — select the active option, close the bib, and (in fullscreen // modal mode only) explicitly move focus to the trigger's // clear button. In desktop popover mode the browser's native // tab traversal takes focus forward from the input. // Shift+Tab — select the active option and close the bib. Focus then // lands on the trigger's clear button as a byproduct of the // shadow-DOM tab order, so keyboard users must press // Shift+Tab three times to exit the component (clear button // → input → previous element on the page). // // Intended behavior for Shift+Tab (per team decision, tracked in // AB#1590650): a single Shift+Tab should select the active option, close // the bib, and move focus directly to the previous focusable element on // the page — symmetric with Tab. if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
|
|
1687
|
-
}
|
|
1688
|
-
],
|
|
1689
|
-
"exports": [
|
|
1690
|
-
{
|
|
1691
|
-
"kind": "js",
|
|
1692
|
-
"name": "comboboxKeyboardStrategy",
|
|
1693
|
-
"declaration": {
|
|
1694
|
-
"name": "comboboxKeyboardStrategy",
|
|
1695
|
-
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1696
|
-
}
|
|
1697
|
-
}
|
|
1698
|
-
]
|
|
1699
|
-
},
|
|
1700
|
-
{
|
|
1701
|
-
"kind": "javascript-module",
|
|
1702
|
-
"path": "components/combobox/src/index.js",
|
|
1703
|
-
"declarations": [],
|
|
1704
|
-
"exports": [
|
|
1705
|
-
{
|
|
1706
|
-
"kind": "js",
|
|
1707
|
-
"name": "AuroCombobox",
|
|
1708
|
-
"declaration": {
|
|
1709
|
-
"name": "AuroCombobox",
|
|
1710
|
-
"module": "components/combobox/src/index.js"
|
|
1711
|
-
}
|
|
1712
|
-
}
|
|
1713
|
-
]
|
|
1714
|
-
},
|
|
1715
|
-
{
|
|
1716
|
-
"kind": "javascript-module",
|
|
1717
|
-
"path": "components/combobox/src/registered.js",
|
|
1718
|
-
"declarations": [],
|
|
1719
|
-
"exports": [
|
|
1720
|
-
{
|
|
1721
|
-
"kind": "js",
|
|
1722
|
-
"name": "AuroCombobox",
|
|
1723
|
-
"declaration": {
|
|
1724
|
-
"name": "AuroCombobox",
|
|
1725
|
-
"module": "components/combobox/src/registered.js"
|
|
1726
|
-
}
|
|
1727
|
-
}
|
|
1728
|
-
]
|
|
1729
|
-
},
|
|
1730
|
-
{
|
|
1731
|
-
"kind": "javascript-module",
|
|
1732
|
-
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1733
|
-
"declarations": [
|
|
1734
|
-
{
|
|
1735
|
-
"kind": "class",
|
|
1736
|
-
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1737
|
-
"name": "AuroCheckboxGroup",
|
|
1738
|
-
"slots": [
|
|
1739
|
-
{
|
|
1740
|
-
"description": "Allows for the legend to be overridden.",
|
|
1741
|
-
"name": "legend"
|
|
1742
1556
|
},
|
|
1743
1557
|
{
|
|
1744
|
-
"
|
|
1745
|
-
"name": "
|
|
1558
|
+
"kind": "method",
|
|
1559
|
+
"name": "clear",
|
|
1560
|
+
"description": "Clears the current value of the combobox.",
|
|
1561
|
+
"return": {
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "void"
|
|
1564
|
+
}
|
|
1565
|
+
}
|
|
1746
1566
|
},
|
|
1747
1567
|
{
|
|
1748
|
-
"
|
|
1749
|
-
"name": "
|
|
1568
|
+
"kind": "method",
|
|
1569
|
+
"name": "validate",
|
|
1570
|
+
"parameters": [
|
|
1571
|
+
{
|
|
1572
|
+
"name": "force",
|
|
1573
|
+
"default": "false",
|
|
1574
|
+
"description": "Whether to force validation.",
|
|
1575
|
+
"optional": true,
|
|
1576
|
+
"type": {
|
|
1577
|
+
"text": "boolean"
|
|
1578
|
+
}
|
|
1579
|
+
}
|
|
1580
|
+
],
|
|
1581
|
+
"description": "Validates value."
|
|
1750
1582
|
},
|
|
1751
|
-
{
|
|
1752
|
-
"description": "The default slot for the checkbox items.",
|
|
1753
|
-
"name": "default"
|
|
1754
|
-
}
|
|
1755
|
-
],
|
|
1756
|
-
"members": [
|
|
1757
1583
|
{
|
|
1758
1584
|
"kind": "method",
|
|
1759
|
-
"name": "
|
|
1585
|
+
"name": "transportAssignedNodes",
|
|
1586
|
+
"parameters": [
|
|
1587
|
+
{
|
|
1588
|
+
"name": "slot",
|
|
1589
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1590
|
+
"type": {
|
|
1591
|
+
"text": "HTMLSlotElement"
|
|
1592
|
+
}
|
|
1593
|
+
},
|
|
1594
|
+
{
|
|
1595
|
+
"name": "target",
|
|
1596
|
+
"description": "The target element to apply the nodes to.",
|
|
1597
|
+
"type": {
|
|
1598
|
+
"text": "HTMLElement"
|
|
1599
|
+
}
|
|
1600
|
+
},
|
|
1601
|
+
{
|
|
1602
|
+
"name": "newSlotName",
|
|
1603
|
+
"description": "The new slot name for the applied nodes.",
|
|
1604
|
+
"type": {
|
|
1605
|
+
"text": "string"
|
|
1606
|
+
}
|
|
1607
|
+
}
|
|
1608
|
+
],
|
|
1609
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1610
|
+
"privacy": "private",
|
|
1611
|
+
"return": {
|
|
1612
|
+
"type": {
|
|
1613
|
+
"text": "void"
|
|
1614
|
+
}
|
|
1615
|
+
}
|
|
1760
1616
|
},
|
|
1761
1617
|
{
|
|
1762
1618
|
"kind": "method",
|
|
1763
|
-
"name": "
|
|
1764
|
-
"static": true,
|
|
1619
|
+
"name": "updateActiveOption",
|
|
1765
1620
|
"parameters": [
|
|
1766
1621
|
{
|
|
1767
|
-
"name": "
|
|
1768
|
-
"
|
|
1769
|
-
"description": "The name of the element that you want to register.",
|
|
1770
|
-
"optional": true,
|
|
1622
|
+
"name": "index",
|
|
1623
|
+
"description": "Index of the option to make active.",
|
|
1771
1624
|
"type": {
|
|
1772
|
-
"text": "
|
|
1625
|
+
"text": "number"
|
|
1773
1626
|
}
|
|
1774
1627
|
}
|
|
1775
1628
|
],
|
|
1776
|
-
"description": "
|
|
1629
|
+
"description": "Updates the active option in the menu."
|
|
1777
1630
|
},
|
|
1778
1631
|
{
|
|
1779
1632
|
"kind": "method",
|
|
1780
|
-
"name": "
|
|
1633
|
+
"name": "handleSlotChange",
|
|
1781
1634
|
"parameters": [
|
|
1782
1635
|
{
|
|
1783
|
-
"name": "
|
|
1784
|
-
"description": "
|
|
1785
|
-
"type": {
|
|
1786
|
-
"text": "String"
|
|
1787
|
-
}
|
|
1788
|
-
},
|
|
1789
|
-
{
|
|
1790
|
-
"name": "selected",
|
|
1791
|
-
"description": "The checked state of the checkbox.",
|
|
1636
|
+
"name": "event",
|
|
1637
|
+
"description": "`slotchange` event.",
|
|
1792
1638
|
"type": {
|
|
1793
|
-
"text": "
|
|
1639
|
+
"text": "Event"
|
|
1794
1640
|
}
|
|
1795
1641
|
}
|
|
1796
1642
|
],
|
|
1797
|
-
"description": "
|
|
1643
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1798
1644
|
"privacy": "private",
|
|
1799
1645
|
"return": {
|
|
1800
1646
|
"type": {
|
|
@@ -1803,118 +1649,285 @@
|
|
|
1803
1649
|
}
|
|
1804
1650
|
},
|
|
1805
1651
|
{
|
|
1806
|
-
"kind": "
|
|
1807
|
-
"name": "
|
|
1808
|
-
"
|
|
1652
|
+
"kind": "field",
|
|
1653
|
+
"name": "appearance",
|
|
1654
|
+
"privacy": "public",
|
|
1655
|
+
"type": {
|
|
1656
|
+
"text": "string"
|
|
1657
|
+
},
|
|
1658
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1659
|
+
"default": "'default'",
|
|
1660
|
+
"attribute": "appearance",
|
|
1661
|
+
"reflects": true
|
|
1662
|
+
},
|
|
1663
|
+
{
|
|
1664
|
+
"kind": "field",
|
|
1665
|
+
"name": "autocomplete",
|
|
1666
|
+
"privacy": "public",
|
|
1667
|
+
"type": {
|
|
1668
|
+
"text": "string"
|
|
1669
|
+
},
|
|
1670
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1671
|
+
"attribute": "autocomplete",
|
|
1672
|
+
"reflects": true
|
|
1673
|
+
},
|
|
1674
|
+
{
|
|
1675
|
+
"kind": "field",
|
|
1676
|
+
"name": "autoPlacement",
|
|
1677
|
+
"privacy": "public",
|
|
1678
|
+
"type": {
|
|
1679
|
+
"text": "boolean"
|
|
1680
|
+
},
|
|
1681
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1682
|
+
"attribute": "autoPlacement",
|
|
1683
|
+
"reflects": true
|
|
1684
|
+
},
|
|
1685
|
+
{
|
|
1686
|
+
"kind": "field",
|
|
1687
|
+
"name": "availableOptions",
|
|
1809
1688
|
"privacy": "private",
|
|
1810
|
-
"
|
|
1811
|
-
"
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
|
|
1689
|
+
"type": {
|
|
1690
|
+
"text": "array"
|
|
1691
|
+
},
|
|
1692
|
+
"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).",
|
|
1693
|
+
"attribute": "availableOptions"
|
|
1815
1694
|
},
|
|
1816
1695
|
{
|
|
1817
|
-
"kind": "
|
|
1818
|
-
"name": "
|
|
1819
|
-
"
|
|
1696
|
+
"kind": "field",
|
|
1697
|
+
"name": "behavior",
|
|
1698
|
+
"privacy": "public",
|
|
1699
|
+
"type": {
|
|
1700
|
+
"text": "'filter' | 'suggestion'"
|
|
1701
|
+
},
|
|
1702
|
+
"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.",
|
|
1703
|
+
"default": "'suggestion'",
|
|
1704
|
+
"attribute": "behavior",
|
|
1705
|
+
"reflects": true
|
|
1706
|
+
},
|
|
1707
|
+
{
|
|
1708
|
+
"kind": "field",
|
|
1709
|
+
"name": "checkmark",
|
|
1710
|
+
"privacy": "public",
|
|
1711
|
+
"type": {
|
|
1712
|
+
"text": "boolean"
|
|
1713
|
+
},
|
|
1714
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1715
|
+
"attribute": "checkmark",
|
|
1716
|
+
"reflects": true
|
|
1717
|
+
},
|
|
1718
|
+
{
|
|
1719
|
+
"kind": "field",
|
|
1720
|
+
"name": "disabled",
|
|
1721
|
+
"privacy": "public",
|
|
1722
|
+
"type": {
|
|
1723
|
+
"text": "boolean"
|
|
1724
|
+
},
|
|
1725
|
+
"description": "If set, disables the combobox.",
|
|
1726
|
+
"attribute": "disabled",
|
|
1727
|
+
"reflects": true
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"kind": "field",
|
|
1731
|
+
"name": "dropdownId",
|
|
1820
1732
|
"privacy": "private",
|
|
1821
|
-
"
|
|
1822
|
-
"
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
}
|
|
1733
|
+
"type": {
|
|
1734
|
+
"text": "string"
|
|
1735
|
+
},
|
|
1736
|
+
"description": "ID for the dropdown."
|
|
1826
1737
|
},
|
|
1827
1738
|
{
|
|
1828
|
-
"kind": "
|
|
1829
|
-
"name": "
|
|
1830
|
-
"
|
|
1831
|
-
"
|
|
1832
|
-
"
|
|
1833
|
-
|
|
1834
|
-
|
|
1739
|
+
"kind": "field",
|
|
1740
|
+
"name": "dropdownOpen",
|
|
1741
|
+
"privacy": "private",
|
|
1742
|
+
"type": {
|
|
1743
|
+
"text": "boolean"
|
|
1744
|
+
},
|
|
1745
|
+
"description": "Whether or not the dropdown is open."
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"kind": "field",
|
|
1749
|
+
"name": "dvInputOnly",
|
|
1750
|
+
"privacy": "public",
|
|
1751
|
+
"type": {
|
|
1752
|
+
"text": "boolean"
|
|
1753
|
+
},
|
|
1754
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1755
|
+
"attribute": "dvInputOnly",
|
|
1756
|
+
"reflects": true
|
|
1757
|
+
},
|
|
1758
|
+
{
|
|
1759
|
+
"kind": "field",
|
|
1760
|
+
"name": "error",
|
|
1761
|
+
"privacy": "public",
|
|
1762
|
+
"type": {
|
|
1763
|
+
"text": "string"
|
|
1764
|
+
},
|
|
1765
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1766
|
+
"attribute": "error",
|
|
1767
|
+
"reflects": true
|
|
1768
|
+
},
|
|
1769
|
+
{
|
|
1770
|
+
"kind": "field",
|
|
1771
|
+
"name": "format",
|
|
1772
|
+
"privacy": "public",
|
|
1773
|
+
"type": {
|
|
1774
|
+
"text": "string"
|
|
1775
|
+
},
|
|
1776
|
+
"description": "Specifies the input mask format.",
|
|
1777
|
+
"attribute": "format",
|
|
1778
|
+
"reflects": true
|
|
1779
|
+
},
|
|
1780
|
+
{
|
|
1781
|
+
"kind": "field",
|
|
1782
|
+
"name": "inputmode",
|
|
1783
|
+
"privacy": "public",
|
|
1784
|
+
"type": {
|
|
1785
|
+
"text": "string"
|
|
1786
|
+
},
|
|
1787
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1788
|
+
"attribute": "inputmode",
|
|
1789
|
+
"reflects": true
|
|
1790
|
+
},
|
|
1791
|
+
{
|
|
1792
|
+
"kind": "field",
|
|
1793
|
+
"name": "layout",
|
|
1794
|
+
"privacy": "public",
|
|
1795
|
+
"type": {
|
|
1796
|
+
"text": "string"
|
|
1797
|
+
},
|
|
1798
|
+
"description": "Sets the layout of the combobox.",
|
|
1799
|
+
"default": "'classic'",
|
|
1800
|
+
"attribute": "layout",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"inheritedFrom": {
|
|
1803
|
+
"name": "AuroElement",
|
|
1804
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1835
1805
|
}
|
|
1836
1806
|
},
|
|
1837
1807
|
{
|
|
1838
|
-
"kind": "
|
|
1839
|
-
"name": "
|
|
1840
|
-
"
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
"
|
|
1808
|
+
"kind": "field",
|
|
1809
|
+
"name": "matchWidth",
|
|
1810
|
+
"privacy": "private",
|
|
1811
|
+
"type": {
|
|
1812
|
+
"text": "boolean"
|
|
1813
|
+
},
|
|
1814
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1815
|
+
"attribute": "matchWidth",
|
|
1816
|
+
"reflects": true
|
|
1817
|
+
},
|
|
1818
|
+
{
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "noFilter",
|
|
1821
|
+
"privacy": "public",
|
|
1822
|
+
"type": {
|
|
1823
|
+
"text": "boolean"
|
|
1824
|
+
},
|
|
1825
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1826
|
+
"attribute": "noFilter",
|
|
1827
|
+
"reflects": true
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"kind": "field",
|
|
1831
|
+
"name": "noFlip",
|
|
1832
|
+
"privacy": "public",
|
|
1833
|
+
"type": {
|
|
1834
|
+
"text": "boolean"
|
|
1835
|
+
},
|
|
1836
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1837
|
+
"attribute": "noFlip",
|
|
1838
|
+
"reflects": true
|
|
1839
|
+
},
|
|
1840
|
+
{
|
|
1841
|
+
"kind": "field",
|
|
1842
|
+
"name": "shift",
|
|
1843
|
+
"privacy": "public",
|
|
1844
|
+
"type": {
|
|
1845
|
+
"text": "boolean"
|
|
1846
|
+
},
|
|
1847
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1848
|
+
"attribute": "shift",
|
|
1849
|
+
"reflects": true
|
|
1852
1850
|
},
|
|
1853
1851
|
{
|
|
1854
1852
|
"kind": "field",
|
|
1855
|
-
"name": "
|
|
1853
|
+
"name": "noValidate",
|
|
1856
1854
|
"privacy": "public",
|
|
1857
1855
|
"type": {
|
|
1858
|
-
"text": "
|
|
1856
|
+
"text": "boolean"
|
|
1859
1857
|
},
|
|
1860
|
-
"description": "
|
|
1861
|
-
"
|
|
1862
|
-
"attribute": "appearance",
|
|
1858
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1859
|
+
"attribute": "noValidate",
|
|
1863
1860
|
"reflects": true
|
|
1864
1861
|
},
|
|
1865
1862
|
{
|
|
1866
1863
|
"kind": "field",
|
|
1867
|
-
"name": "
|
|
1864
|
+
"name": "offset",
|
|
1868
1865
|
"privacy": "public",
|
|
1869
1866
|
"type": {
|
|
1870
|
-
"text": "
|
|
1867
|
+
"text": "number"
|
|
1871
1868
|
},
|
|
1872
|
-
"description": "
|
|
1873
|
-
"
|
|
1869
|
+
"description": "Gap between the trigger element and bib.",
|
|
1870
|
+
"default": "0",
|
|
1871
|
+
"attribute": "offset",
|
|
1874
1872
|
"reflects": true
|
|
1875
1873
|
},
|
|
1876
1874
|
{
|
|
1877
1875
|
"kind": "field",
|
|
1878
|
-
"name": "
|
|
1876
|
+
"name": "onDark",
|
|
1879
1877
|
"privacy": "public",
|
|
1880
1878
|
"type": {
|
|
1881
|
-
"text": "
|
|
1879
|
+
"text": "boolean"
|
|
1882
1880
|
},
|
|
1883
|
-
"
|
|
1884
|
-
"
|
|
1885
|
-
"
|
|
1881
|
+
"attribute": "onDark",
|
|
1882
|
+
"reflects": true,
|
|
1883
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1884
|
+
"inheritedFrom": {
|
|
1885
|
+
"name": "AuroElement",
|
|
1886
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1887
|
+
}
|
|
1886
1888
|
},
|
|
1887
1889
|
{
|
|
1888
1890
|
"kind": "field",
|
|
1889
|
-
"name": "
|
|
1891
|
+
"name": "optionSelected",
|
|
1892
|
+
"privacy": "public",
|
|
1893
|
+
"type": {
|
|
1894
|
+
"text": "HTMLElement"
|
|
1895
|
+
},
|
|
1896
|
+
"description": "Specifies the current selected option.",
|
|
1897
|
+
"attribute": "optionSelected"
|
|
1898
|
+
},
|
|
1899
|
+
{
|
|
1900
|
+
"kind": "field",
|
|
1901
|
+
"name": "persistInput",
|
|
1890
1902
|
"privacy": "public",
|
|
1891
1903
|
"type": {
|
|
1892
1904
|
"text": "boolean"
|
|
1893
1905
|
},
|
|
1894
|
-
"description": "If
|
|
1895
|
-
"attribute": "
|
|
1906
|
+
"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.",
|
|
1907
|
+
"attribute": "persistInput",
|
|
1896
1908
|
"reflects": true
|
|
1897
1909
|
},
|
|
1898
1910
|
{
|
|
1899
1911
|
"kind": "field",
|
|
1900
|
-
"name": "
|
|
1912
|
+
"name": "placement",
|
|
1901
1913
|
"privacy": "public",
|
|
1902
1914
|
"type": {
|
|
1903
|
-
"text": "
|
|
1915
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1904
1916
|
},
|
|
1905
|
-
"description": "
|
|
1906
|
-
"
|
|
1917
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1918
|
+
"default": "'bottom-start'",
|
|
1919
|
+
"attribute": "placement",
|
|
1907
1920
|
"reflects": true
|
|
1908
1921
|
},
|
|
1909
1922
|
{
|
|
1910
1923
|
"kind": "field",
|
|
1911
|
-
"name": "
|
|
1924
|
+
"name": "placeholder",
|
|
1912
1925
|
"privacy": "public",
|
|
1913
1926
|
"type": {
|
|
1914
|
-
"text": "
|
|
1927
|
+
"text": "string"
|
|
1915
1928
|
},
|
|
1916
|
-
"description": "
|
|
1917
|
-
"attribute": "
|
|
1929
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1930
|
+
"attribute": "placeholder",
|
|
1918
1931
|
"reflects": true
|
|
1919
1932
|
},
|
|
1920
1933
|
{
|
|
@@ -1924,7 +1937,7 @@
|
|
|
1924
1937
|
"type": {
|
|
1925
1938
|
"text": "boolean"
|
|
1926
1939
|
},
|
|
1927
|
-
"description": "Populates the `required` attribute on the
|
|
1940
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1928
1941
|
"attribute": "required",
|
|
1929
1942
|
"reflects": true
|
|
1930
1943
|
},
|
|
@@ -1958,6 +1971,58 @@
|
|
|
1958
1971
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1959
1972
|
"attribute": "setCustomValidityValueMissing"
|
|
1960
1973
|
},
|
|
1974
|
+
{
|
|
1975
|
+
"kind": "field",
|
|
1976
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1977
|
+
"privacy": "public",
|
|
1978
|
+
"type": {
|
|
1979
|
+
"text": "string"
|
|
1980
|
+
},
|
|
1981
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1982
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1983
|
+
},
|
|
1984
|
+
{
|
|
1985
|
+
"kind": "field",
|
|
1986
|
+
"name": "touched",
|
|
1987
|
+
"privacy": "private",
|
|
1988
|
+
"type": {
|
|
1989
|
+
"text": "boolean"
|
|
1990
|
+
},
|
|
1991
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1992
|
+
},
|
|
1993
|
+
{
|
|
1994
|
+
"kind": "field",
|
|
1995
|
+
"name": "triggerIcon",
|
|
1996
|
+
"privacy": "public",
|
|
1997
|
+
"type": {
|
|
1998
|
+
"text": "boolean"
|
|
1999
|
+
},
|
|
2000
|
+
"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.",
|
|
2001
|
+
"attribute": "triggerIcon",
|
|
2002
|
+
"reflects": true
|
|
2003
|
+
},
|
|
2004
|
+
{
|
|
2005
|
+
"kind": "field",
|
|
2006
|
+
"name": "type",
|
|
2007
|
+
"privacy": "public",
|
|
2008
|
+
"type": {
|
|
2009
|
+
"text": "string"
|
|
2010
|
+
},
|
|
2011
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2012
|
+
"attribute": "type",
|
|
2013
|
+
"reflects": true
|
|
2014
|
+
},
|
|
2015
|
+
{
|
|
2016
|
+
"kind": "field",
|
|
2017
|
+
"name": "typedValue",
|
|
2018
|
+
"privacy": "public",
|
|
2019
|
+
"type": {
|
|
2020
|
+
"text": "string"
|
|
2021
|
+
},
|
|
2022
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2023
|
+
"attribute": "typedValue",
|
|
2024
|
+
"reflects": true
|
|
2025
|
+
},
|
|
1961
2026
|
{
|
|
1962
2027
|
"kind": "field",
|
|
1963
2028
|
"name": "validity",
|
|
@@ -1968,17 +2033,142 @@
|
|
|
1968
2033
|
"description": "Specifies the `validityState` this element is in.",
|
|
1969
2034
|
"attribute": "validity",
|
|
1970
2035
|
"reflects": true
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"kind": "field",
|
|
2039
|
+
"name": "value",
|
|
2040
|
+
"privacy": "public",
|
|
2041
|
+
"type": {
|
|
2042
|
+
"text": "string"
|
|
2043
|
+
},
|
|
2044
|
+
"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.",
|
|
2045
|
+
"attribute": "value"
|
|
2046
|
+
},
|
|
2047
|
+
{
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "largeFullscreenHeadline",
|
|
2050
|
+
"privacy": "public",
|
|
2051
|
+
"type": {
|
|
2052
|
+
"text": "boolean"
|
|
2053
|
+
},
|
|
2054
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2055
|
+
"attribute": "largeFullscreenHeadline",
|
|
2056
|
+
"reflects": true
|
|
2057
|
+
},
|
|
2058
|
+
{
|
|
2059
|
+
"kind": "field",
|
|
2060
|
+
"name": "fullscreenBreakpoint",
|
|
2061
|
+
"privacy": "public",
|
|
2062
|
+
"type": {
|
|
2063
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2064
|
+
},
|
|
2065
|
+
"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.",
|
|
2066
|
+
"default": "'sm'",
|
|
2067
|
+
"attribute": "fullscreenBreakpoint",
|
|
2068
|
+
"reflects": true
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"kind": "field",
|
|
2072
|
+
"name": "optionActive",
|
|
2073
|
+
"privacy": "private",
|
|
2074
|
+
"type": {
|
|
2075
|
+
"text": "object"
|
|
2076
|
+
},
|
|
2077
|
+
"description": "Specifies the currently active option."
|
|
2078
|
+
},
|
|
2079
|
+
{
|
|
2080
|
+
"kind": "field",
|
|
2081
|
+
"name": "componentHasFocus",
|
|
2082
|
+
"description": "Returns true if the element has focus.",
|
|
2083
|
+
"privacy": "private",
|
|
2084
|
+
"return": {
|
|
2085
|
+
"type": {
|
|
2086
|
+
"text": "boolean"
|
|
2087
|
+
}
|
|
2088
|
+
},
|
|
2089
|
+
"readonly": true,
|
|
2090
|
+
"inheritedFrom": {
|
|
2091
|
+
"name": "AuroElement",
|
|
2092
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2093
|
+
}
|
|
2094
|
+
},
|
|
2095
|
+
{
|
|
2096
|
+
"kind": "method",
|
|
2097
|
+
"name": "resetShapeClasses",
|
|
2098
|
+
"inheritedFrom": {
|
|
2099
|
+
"name": "AuroElement",
|
|
2100
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2101
|
+
}
|
|
2102
|
+
},
|
|
2103
|
+
{
|
|
2104
|
+
"kind": "method",
|
|
2105
|
+
"name": "resetLayoutClasses",
|
|
2106
|
+
"inheritedFrom": {
|
|
2107
|
+
"name": "AuroElement",
|
|
2108
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2109
|
+
}
|
|
2110
|
+
},
|
|
2111
|
+
{
|
|
2112
|
+
"kind": "method",
|
|
2113
|
+
"name": "updateComponentArchitecture",
|
|
2114
|
+
"inheritedFrom": {
|
|
2115
|
+
"name": "AuroElement",
|
|
2116
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2117
|
+
}
|
|
2118
|
+
},
|
|
2119
|
+
{
|
|
2120
|
+
"kind": "field",
|
|
2121
|
+
"name": "shape",
|
|
2122
|
+
"privacy": "public",
|
|
2123
|
+
"type": {
|
|
2124
|
+
"text": "string"
|
|
2125
|
+
},
|
|
2126
|
+
"attribute": "shape",
|
|
2127
|
+
"reflects": true,
|
|
2128
|
+
"inheritedFrom": {
|
|
2129
|
+
"name": "AuroElement",
|
|
2130
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2131
|
+
}
|
|
2132
|
+
},
|
|
2133
|
+
{
|
|
2134
|
+
"kind": "field",
|
|
2135
|
+
"name": "size",
|
|
2136
|
+
"privacy": "public",
|
|
2137
|
+
"type": {
|
|
2138
|
+
"text": "string"
|
|
2139
|
+
},
|
|
2140
|
+
"attribute": "size",
|
|
2141
|
+
"reflects": true,
|
|
2142
|
+
"inheritedFrom": {
|
|
2143
|
+
"name": "AuroElement",
|
|
2144
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2145
|
+
}
|
|
1971
2146
|
}
|
|
1972
2147
|
],
|
|
1973
2148
|
"events": [
|
|
2149
|
+
{
|
|
2150
|
+
"name": "inputValue",
|
|
2151
|
+
"type": {
|
|
2152
|
+
"text": "CustomEvent"
|
|
2153
|
+
},
|
|
2154
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2155
|
+
},
|
|
1974
2156
|
{
|
|
1975
2157
|
"name": "input",
|
|
1976
2158
|
"type": {
|
|
1977
2159
|
"text": "CustomEvent"
|
|
1978
|
-
}
|
|
2160
|
+
},
|
|
2161
|
+
"description": "Notifies that the component has a new value set."
|
|
1979
2162
|
},
|
|
1980
2163
|
{
|
|
1981
|
-
"
|
|
2164
|
+
"name": "auroCombobox-valueSet",
|
|
2165
|
+
"type": {
|
|
2166
|
+
"text": "CustomEvent"
|
|
2167
|
+
},
|
|
2168
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2169
|
+
},
|
|
2170
|
+
{
|
|
2171
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1982
2172
|
"name": "auroFormElement-validated"
|
|
1983
2173
|
}
|
|
1984
2174
|
],
|
|
@@ -1986,589 +2176,399 @@
|
|
|
1986
2176
|
{
|
|
1987
2177
|
"name": "appearance",
|
|
1988
2178
|
"type": {
|
|
1989
|
-
"text": "
|
|
2179
|
+
"text": "string"
|
|
1990
2180
|
},
|
|
1991
2181
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1992
2182
|
"default": "'default'",
|
|
1993
2183
|
"fieldName": "appearance"
|
|
1994
2184
|
},
|
|
1995
2185
|
{
|
|
1996
|
-
"name": "
|
|
2186
|
+
"name": "autocomplete",
|
|
2187
|
+
"type": {
|
|
2188
|
+
"text": "string"
|
|
2189
|
+
},
|
|
2190
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2191
|
+
"fieldName": "autocomplete"
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"name": "autoPlacement",
|
|
1997
2195
|
"type": {
|
|
1998
2196
|
"text": "boolean"
|
|
1999
2197
|
},
|
|
2000
|
-
"description": "If
|
|
2001
|
-
"fieldName": "
|
|
2198
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2199
|
+
"fieldName": "autoPlacement"
|
|
2002
2200
|
},
|
|
2003
2201
|
{
|
|
2004
|
-
"name": "
|
|
2202
|
+
"name": "availableOptions",
|
|
2005
2203
|
"type": {
|
|
2006
|
-
"text": "
|
|
2204
|
+
"text": "array"
|
|
2007
2205
|
},
|
|
2008
|
-
"description": "
|
|
2009
|
-
"fieldName": "
|
|
2206
|
+
"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).",
|
|
2207
|
+
"fieldName": "availableOptions"
|
|
2010
2208
|
},
|
|
2011
2209
|
{
|
|
2012
|
-
"name": "
|
|
2210
|
+
"name": "behavior",
|
|
2013
2211
|
"type": {
|
|
2014
|
-
"text": "
|
|
2212
|
+
"text": "'filter' | 'suggestion'"
|
|
2015
2213
|
},
|
|
2016
|
-
"description": "
|
|
2017
|
-
"
|
|
2214
|
+
"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.",
|
|
2215
|
+
"default": "'suggestion'",
|
|
2216
|
+
"fieldName": "behavior"
|
|
2018
2217
|
},
|
|
2019
2218
|
{
|
|
2020
|
-
"name": "
|
|
2219
|
+
"name": "checkmark",
|
|
2021
2220
|
"type": {
|
|
2022
2221
|
"text": "boolean"
|
|
2023
2222
|
},
|
|
2024
|
-
"description": "
|
|
2025
|
-
"fieldName": "
|
|
2223
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2224
|
+
"fieldName": "checkmark"
|
|
2026
2225
|
},
|
|
2027
2226
|
{
|
|
2028
|
-
"name": "
|
|
2227
|
+
"name": "disabled",
|
|
2029
2228
|
"type": {
|
|
2030
2229
|
"text": "boolean"
|
|
2031
2230
|
},
|
|
2032
|
-
"description": "
|
|
2033
|
-
"fieldName": "
|
|
2231
|
+
"description": "If set, disables the combobox.",
|
|
2232
|
+
"fieldName": "disabled"
|
|
2034
2233
|
},
|
|
2035
2234
|
{
|
|
2036
|
-
"name": "
|
|
2235
|
+
"name": "dvInputOnly",
|
|
2037
2236
|
"type": {
|
|
2038
2237
|
"text": "boolean"
|
|
2039
2238
|
},
|
|
2040
|
-
"description": "
|
|
2041
|
-
"fieldName": "
|
|
2239
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2240
|
+
"fieldName": "dvInputOnly"
|
|
2042
2241
|
},
|
|
2043
2242
|
{
|
|
2044
|
-
"name": "
|
|
2243
|
+
"name": "error",
|
|
2045
2244
|
"type": {
|
|
2046
2245
|
"text": "string"
|
|
2047
2246
|
},
|
|
2048
|
-
"description": "
|
|
2049
|
-
"fieldName": "
|
|
2247
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2248
|
+
"fieldName": "error"
|
|
2050
2249
|
},
|
|
2051
2250
|
{
|
|
2052
|
-
"name": "
|
|
2251
|
+
"name": "format",
|
|
2053
2252
|
"type": {
|
|
2054
2253
|
"text": "string"
|
|
2055
2254
|
},
|
|
2056
|
-
"description": "
|
|
2057
|
-
"fieldName": "
|
|
2255
|
+
"description": "Specifies the input mask format.",
|
|
2256
|
+
"fieldName": "format"
|
|
2058
2257
|
},
|
|
2059
2258
|
{
|
|
2060
|
-
"name": "
|
|
2259
|
+
"name": "inputmode",
|
|
2061
2260
|
"type": {
|
|
2062
2261
|
"text": "string"
|
|
2063
2262
|
},
|
|
2064
|
-
"description": "
|
|
2065
|
-
"fieldName": "
|
|
2263
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2264
|
+
"fieldName": "inputmode"
|
|
2066
2265
|
},
|
|
2067
2266
|
{
|
|
2068
|
-
"name": "
|
|
2267
|
+
"name": "layout",
|
|
2069
2268
|
"type": {
|
|
2070
2269
|
"text": "string"
|
|
2071
2270
|
},
|
|
2072
|
-
"description": "
|
|
2073
|
-
"
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
},
|
|
2080
|
-
"tagName": "auro-checkbox-group",
|
|
2081
|
-
"customElement": true
|
|
2082
|
-
}
|
|
2083
|
-
],
|
|
2084
|
-
"exports": [
|
|
2085
|
-
{
|
|
2086
|
-
"kind": "js",
|
|
2087
|
-
"name": "AuroCheckboxGroup",
|
|
2088
|
-
"declaration": {
|
|
2089
|
-
"name": "AuroCheckboxGroup",
|
|
2090
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2091
|
-
}
|
|
2092
|
-
}
|
|
2093
|
-
]
|
|
2094
|
-
},
|
|
2095
|
-
{
|
|
2096
|
-
"kind": "javascript-module",
|
|
2097
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2098
|
-
"declarations": [
|
|
2099
|
-
{
|
|
2100
|
-
"kind": "class",
|
|
2101
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2102
|
-
"name": "AuroCheckbox",
|
|
2103
|
-
"cssParts": [
|
|
2104
|
-
{
|
|
2105
|
-
"description": "apply css to a specific checkbox.",
|
|
2106
|
-
"name": "checkbox"
|
|
2107
|
-
},
|
|
2108
|
-
{
|
|
2109
|
-
"description": "apply css to a specific checkbox's input.",
|
|
2110
|
-
"name": "checkbox-input"
|
|
2111
|
-
},
|
|
2112
|
-
{
|
|
2113
|
-
"description": "apply css to a specific checkbox's label.",
|
|
2114
|
-
"name": "checkbox-label"
|
|
2115
|
-
}
|
|
2116
|
-
],
|
|
2117
|
-
"slots": [
|
|
2118
|
-
{
|
|
2119
|
-
"description": "The default slot for the checkbox label.",
|
|
2120
|
-
"name": "default"
|
|
2121
|
-
}
|
|
2122
|
-
],
|
|
2123
|
-
"members": [
|
|
2124
|
-
{
|
|
2125
|
-
"kind": "method",
|
|
2126
|
-
"name": "_initializeDefaults"
|
|
2127
|
-
},
|
|
2128
|
-
{
|
|
2129
|
-
"kind": "method",
|
|
2130
|
-
"name": "register",
|
|
2131
|
-
"static": true,
|
|
2132
|
-
"parameters": [
|
|
2133
|
-
{
|
|
2134
|
-
"name": "name",
|
|
2135
|
-
"default": "\"auro-checkbox\"",
|
|
2136
|
-
"description": "The name of element that you want to register to.",
|
|
2137
|
-
"optional": true,
|
|
2138
|
-
"type": {
|
|
2139
|
-
"text": "string"
|
|
2140
|
-
}
|
|
2141
|
-
}
|
|
2142
|
-
],
|
|
2143
|
-
"description": "This will register this element with the browser."
|
|
2144
|
-
},
|
|
2145
|
-
{
|
|
2146
|
-
"kind": "method",
|
|
2147
|
-
"name": "handleChange",
|
|
2148
|
-
"parameters": [
|
|
2149
|
-
{
|
|
2150
|
-
"name": "event",
|
|
2151
|
-
"description": "The change event from the checkbox input.",
|
|
2152
|
-
"type": {
|
|
2153
|
-
"text": "Event"
|
|
2154
|
-
}
|
|
2155
|
-
}
|
|
2156
|
-
],
|
|
2157
|
-
"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.",
|
|
2158
|
-
"privacy": "private",
|
|
2159
|
-
"return": {
|
|
2160
|
-
"type": {
|
|
2161
|
-
"text": "void"
|
|
2162
|
-
}
|
|
2163
|
-
}
|
|
2164
|
-
},
|
|
2165
|
-
{
|
|
2166
|
-
"kind": "method",
|
|
2167
|
-
"name": "handleInput",
|
|
2168
|
-
"parameters": [
|
|
2169
|
-
{
|
|
2170
|
-
"name": "event",
|
|
2171
|
-
"description": "The input event from the checkbox input.",
|
|
2172
|
-
"type": {
|
|
2173
|
-
"text": "Event"
|
|
2174
|
-
}
|
|
2175
|
-
}
|
|
2176
|
-
],
|
|
2177
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2178
|
-
"privacy": "private",
|
|
2179
|
-
"return": {
|
|
2180
|
-
"type": {
|
|
2181
|
-
"text": "void"
|
|
2182
|
-
}
|
|
2183
|
-
}
|
|
2184
|
-
},
|
|
2185
|
-
{
|
|
2186
|
-
"kind": "method",
|
|
2187
|
-
"name": "handleFocusin",
|
|
2188
|
-
"description": "Function to support",
|
|
2189
|
-
"privacy": "private",
|
|
2190
|
-
"return": {
|
|
2191
|
-
"type": {
|
|
2192
|
-
"text": "void"
|
|
2193
|
-
}
|
|
2194
|
-
}
|
|
2195
|
-
},
|
|
2196
|
-
{
|
|
2197
|
-
"kind": "method",
|
|
2198
|
-
"name": "generateIconHtml",
|
|
2199
|
-
"description": "Function to generate checkmark svg.",
|
|
2200
|
-
"privacy": "private",
|
|
2201
|
-
"return": {
|
|
2202
|
-
"type": {
|
|
2203
|
-
"text": "HTMLElement"
|
|
2204
|
-
}
|
|
2205
|
-
}
|
|
2206
|
-
},
|
|
2207
|
-
{
|
|
2208
|
-
"kind": "method",
|
|
2209
|
-
"name": "reset",
|
|
2210
|
-
"description": "Resets component to initial state.",
|
|
2211
|
-
"return": {
|
|
2212
|
-
"type": {
|
|
2213
|
-
"text": "void"
|
|
2214
|
-
}
|
|
2215
|
-
}
|
|
2216
|
-
},
|
|
2217
|
-
{
|
|
2218
|
-
"kind": "method",
|
|
2219
|
-
"name": "updateAriaLabel",
|
|
2220
|
-
"description": "Updates the aria-label based on slot content.",
|
|
2221
|
-
"privacy": "private",
|
|
2222
|
-
"return": {
|
|
2223
|
-
"type": {
|
|
2224
|
-
"text": "void"
|
|
2225
|
-
}
|
|
2226
|
-
}
|
|
2227
|
-
},
|
|
2228
|
-
{
|
|
2229
|
-
"kind": "method",
|
|
2230
|
-
"name": "handleKeyDown",
|
|
2231
|
-
"parameters": [
|
|
2232
|
-
{
|
|
2233
|
-
"name": "event",
|
|
2234
|
-
"description": "The keydown event from the checkbox input.",
|
|
2235
|
-
"type": {
|
|
2236
|
-
"text": "KeyboardEvent"
|
|
2237
|
-
}
|
|
2238
|
-
}
|
|
2239
|
-
],
|
|
2240
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2241
|
-
"privacy": "private",
|
|
2242
|
-
"return": {
|
|
2243
|
-
"type": {
|
|
2244
|
-
"text": "void"
|
|
2245
|
-
}
|
|
2246
|
-
}
|
|
2247
|
-
},
|
|
2248
|
-
{
|
|
2249
|
-
"kind": "field",
|
|
2250
|
-
"name": "appearance",
|
|
2251
|
-
"privacy": "public",
|
|
2252
|
-
"type": {
|
|
2253
|
-
"text": "'default' | 'inverse'"
|
|
2254
|
-
},
|
|
2255
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2256
|
-
"default": "'default'",
|
|
2257
|
-
"attribute": "appearance",
|
|
2258
|
-
"reflects": true
|
|
2271
|
+
"description": "Sets the layout of the combobox.",
|
|
2272
|
+
"default": "'classic'",
|
|
2273
|
+
"fieldName": "layout",
|
|
2274
|
+
"inheritedFrom": {
|
|
2275
|
+
"name": "AuroElement",
|
|
2276
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2277
|
+
}
|
|
2259
2278
|
},
|
|
2260
2279
|
{
|
|
2261
|
-
"
|
|
2262
|
-
"name": "checked",
|
|
2263
|
-
"privacy": "public",
|
|
2280
|
+
"name": "matchWidth",
|
|
2264
2281
|
"type": {
|
|
2265
2282
|
"text": "boolean"
|
|
2266
2283
|
},
|
|
2267
|
-
"description": "If
|
|
2268
|
-
"
|
|
2269
|
-
"reflects": true
|
|
2284
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2285
|
+
"fieldName": "matchWidth"
|
|
2270
2286
|
},
|
|
2271
2287
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "disabled",
|
|
2274
|
-
"privacy": "public",
|
|
2288
|
+
"name": "noFilter",
|
|
2275
2289
|
"type": {
|
|
2276
2290
|
"text": "boolean"
|
|
2277
2291
|
},
|
|
2278
|
-
"description": "If set
|
|
2279
|
-
"
|
|
2280
|
-
"reflects": true
|
|
2292
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2293
|
+
"fieldName": "noFilter"
|
|
2281
2294
|
},
|
|
2282
2295
|
{
|
|
2283
|
-
"
|
|
2284
|
-
"name": "error",
|
|
2285
|
-
"privacy": "public",
|
|
2296
|
+
"name": "noFlip",
|
|
2286
2297
|
"type": {
|
|
2287
2298
|
"text": "boolean"
|
|
2288
2299
|
},
|
|
2289
|
-
"description": "If
|
|
2290
|
-
"
|
|
2291
|
-
"reflects": true
|
|
2300
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2301
|
+
"fieldName": "noFlip"
|
|
2292
2302
|
},
|
|
2293
2303
|
{
|
|
2294
|
-
"
|
|
2295
|
-
"name": "id",
|
|
2296
|
-
"privacy": "public",
|
|
2304
|
+
"name": "shift",
|
|
2297
2305
|
"type": {
|
|
2298
|
-
"text": "
|
|
2306
|
+
"text": "boolean"
|
|
2299
2307
|
},
|
|
2300
|
-
"description": "
|
|
2301
|
-
"
|
|
2302
|
-
"reflects": true
|
|
2308
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2309
|
+
"fieldName": "shift"
|
|
2303
2310
|
},
|
|
2304
2311
|
{
|
|
2305
|
-
"
|
|
2306
|
-
"name": "inputId",
|
|
2307
|
-
"privacy": "private",
|
|
2312
|
+
"name": "noValidate",
|
|
2308
2313
|
"type": {
|
|
2309
|
-
"text": "
|
|
2314
|
+
"text": "boolean"
|
|
2310
2315
|
},
|
|
2311
|
-
"description": "
|
|
2316
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2317
|
+
"fieldName": "noValidate"
|
|
2312
2318
|
},
|
|
2313
2319
|
{
|
|
2314
|
-
"
|
|
2315
|
-
"name": "name",
|
|
2316
|
-
"privacy": "public",
|
|
2320
|
+
"name": "offset",
|
|
2317
2321
|
"type": {
|
|
2318
|
-
"text": "
|
|
2322
|
+
"text": "number"
|
|
2319
2323
|
},
|
|
2320
|
-
"description": "
|
|
2321
|
-
"
|
|
2324
|
+
"description": "Gap between the trigger element and bib.",
|
|
2325
|
+
"default": "0",
|
|
2326
|
+
"fieldName": "offset"
|
|
2322
2327
|
},
|
|
2323
2328
|
{
|
|
2324
|
-
"kind": "field",
|
|
2325
2329
|
"name": "onDark",
|
|
2326
|
-
"privacy": "public",
|
|
2327
2330
|
"type": {
|
|
2328
2331
|
"text": "boolean"
|
|
2329
2332
|
},
|
|
2330
2333
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2331
|
-
"
|
|
2332
|
-
"reflects": true
|
|
2334
|
+
"fieldName": "onDark"
|
|
2333
2335
|
},
|
|
2334
2336
|
{
|
|
2335
|
-
"
|
|
2336
|
-
"name": "touched",
|
|
2337
|
-
"privacy": "private",
|
|
2337
|
+
"name": "optionSelected",
|
|
2338
2338
|
"type": {
|
|
2339
|
-
"text": "
|
|
2339
|
+
"text": "HTMLElement"
|
|
2340
2340
|
},
|
|
2341
|
-
"description": "
|
|
2341
|
+
"description": "Specifies the current selected option.",
|
|
2342
|
+
"fieldName": "optionSelected"
|
|
2342
2343
|
},
|
|
2343
2344
|
{
|
|
2344
|
-
"
|
|
2345
|
-
"name": "value",
|
|
2346
|
-
"privacy": "public",
|
|
2345
|
+
"name": "persistInput",
|
|
2347
2346
|
"type": {
|
|
2348
|
-
"text": "
|
|
2347
|
+
"text": "boolean"
|
|
2349
2348
|
},
|
|
2350
|
-
"description": "
|
|
2351
|
-
"
|
|
2349
|
+
"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.",
|
|
2350
|
+
"fieldName": "persistInput"
|
|
2352
2351
|
},
|
|
2353
2352
|
{
|
|
2354
|
-
"
|
|
2355
|
-
"name": "tabIndex",
|
|
2356
|
-
"privacy": "private",
|
|
2353
|
+
"name": "placement",
|
|
2357
2354
|
"type": {
|
|
2358
|
-
"text": "
|
|
2355
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2359
2356
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"
|
|
2357
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2358
|
+
"default": "'bottom-start'",
|
|
2359
|
+
"fieldName": "placement"
|
|
2363
2360
|
},
|
|
2364
2361
|
{
|
|
2365
|
-
"
|
|
2366
|
-
"name": "ariaChecked",
|
|
2367
|
-
"privacy": "private",
|
|
2362
|
+
"name": "placeholder",
|
|
2368
2363
|
"type": {
|
|
2369
2364
|
"text": "string"
|
|
2370
2365
|
},
|
|
2371
|
-
"description": "
|
|
2372
|
-
"
|
|
2373
|
-
"reflects": true
|
|
2366
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2367
|
+
"fieldName": "placeholder"
|
|
2374
2368
|
},
|
|
2375
2369
|
{
|
|
2376
|
-
"
|
|
2377
|
-
"name": "ariaDisabled",
|
|
2378
|
-
"privacy": "private",
|
|
2370
|
+
"name": "required",
|
|
2379
2371
|
"type": {
|
|
2380
|
-
"text": "
|
|
2372
|
+
"text": "boolean"
|
|
2381
2373
|
},
|
|
2382
|
-
"description": "
|
|
2383
|
-
"
|
|
2384
|
-
"reflects": true
|
|
2374
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2375
|
+
"fieldName": "required"
|
|
2385
2376
|
},
|
|
2386
2377
|
{
|
|
2387
|
-
"
|
|
2388
|
-
"name": "role",
|
|
2389
|
-
"privacy": "private",
|
|
2378
|
+
"name": "setCustomValidity",
|
|
2390
2379
|
"type": {
|
|
2391
2380
|
"text": "string"
|
|
2392
2381
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"
|
|
2395
|
-
"reflects": true
|
|
2396
|
-
}
|
|
2397
|
-
],
|
|
2398
|
-
"events": [
|
|
2399
|
-
{
|
|
2400
|
-
"name": "auroCheckbox-input",
|
|
2401
|
-
"type": {
|
|
2402
|
-
"text": "CustomEvent"
|
|
2403
|
-
}
|
|
2404
|
-
},
|
|
2405
|
-
{
|
|
2406
|
-
"name": "auroCheckbox-focusin",
|
|
2407
|
-
"type": {
|
|
2408
|
-
"text": "CustomEvent"
|
|
2409
|
-
}
|
|
2410
|
-
},
|
|
2411
|
-
{
|
|
2412
|
-
"name": "auroCheckbox-focusout",
|
|
2413
|
-
"type": {
|
|
2414
|
-
"text": "CustomEvent"
|
|
2415
|
-
}
|
|
2416
|
-
},
|
|
2417
|
-
{
|
|
2418
|
-
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2419
|
-
"name": "change"
|
|
2382
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2383
|
+
"fieldName": "setCustomValidity"
|
|
2420
2384
|
},
|
|
2421
2385
|
{
|
|
2422
|
-
"
|
|
2423
|
-
"name": "input"
|
|
2424
|
-
}
|
|
2425
|
-
],
|
|
2426
|
-
"attributes": [
|
|
2427
|
-
{
|
|
2428
|
-
"name": "appearance",
|
|
2386
|
+
"name": "setCustomValidityCustomError",
|
|
2429
2387
|
"type": {
|
|
2430
|
-
"text": "
|
|
2388
|
+
"text": "string"
|
|
2431
2389
|
},
|
|
2432
|
-
"description": "
|
|
2433
|
-
"
|
|
2434
|
-
"fieldName": "appearance"
|
|
2390
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2391
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2435
2392
|
},
|
|
2436
2393
|
{
|
|
2437
|
-
"name": "
|
|
2394
|
+
"name": "setCustomValidityValueMissing",
|
|
2438
2395
|
"type": {
|
|
2439
|
-
"text": "
|
|
2396
|
+
"text": "string"
|
|
2440
2397
|
},
|
|
2441
|
-
"description": "
|
|
2442
|
-
"fieldName": "
|
|
2398
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2399
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2443
2400
|
},
|
|
2444
2401
|
{
|
|
2445
|
-
"name": "
|
|
2402
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2446
2403
|
"type": {
|
|
2447
|
-
"text": "
|
|
2404
|
+
"text": "string"
|
|
2448
2405
|
},
|
|
2449
|
-
"description": "
|
|
2450
|
-
"fieldName": "
|
|
2406
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2407
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2451
2408
|
},
|
|
2452
2409
|
{
|
|
2453
|
-
"name": "
|
|
2410
|
+
"name": "triggerIcon",
|
|
2454
2411
|
"type": {
|
|
2455
2412
|
"text": "boolean"
|
|
2456
2413
|
},
|
|
2457
|
-
"description": "If set
|
|
2458
|
-
"fieldName": "
|
|
2414
|
+
"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.",
|
|
2415
|
+
"fieldName": "triggerIcon"
|
|
2459
2416
|
},
|
|
2460
2417
|
{
|
|
2461
|
-
"name": "
|
|
2418
|
+
"name": "type",
|
|
2462
2419
|
"type": {
|
|
2463
2420
|
"text": "string"
|
|
2464
2421
|
},
|
|
2465
|
-
"description": "
|
|
2466
|
-
"fieldName": "
|
|
2422
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2423
|
+
"fieldName": "type"
|
|
2467
2424
|
},
|
|
2468
2425
|
{
|
|
2469
|
-
"name": "
|
|
2426
|
+
"name": "typedValue",
|
|
2470
2427
|
"type": {
|
|
2471
2428
|
"text": "string"
|
|
2472
2429
|
},
|
|
2473
|
-
"description": "
|
|
2474
|
-
"fieldName": "
|
|
2430
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2431
|
+
"fieldName": "typedValue"
|
|
2475
2432
|
},
|
|
2476
2433
|
{
|
|
2477
|
-
"name": "
|
|
2434
|
+
"name": "validity",
|
|
2478
2435
|
"type": {
|
|
2479
|
-
"text": "
|
|
2436
|
+
"text": "string"
|
|
2480
2437
|
},
|
|
2481
|
-
"description": "
|
|
2482
|
-
"fieldName": "
|
|
2438
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2439
|
+
"fieldName": "validity"
|
|
2483
2440
|
},
|
|
2484
2441
|
{
|
|
2485
2442
|
"name": "value",
|
|
2486
2443
|
"type": {
|
|
2487
2444
|
"text": "string"
|
|
2488
2445
|
},
|
|
2489
|
-
"description": "
|
|
2446
|
+
"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.",
|
|
2490
2447
|
"fieldName": "value"
|
|
2491
2448
|
},
|
|
2492
2449
|
{
|
|
2493
|
-
"name": "
|
|
2450
|
+
"name": "largeFullscreenHeadline",
|
|
2494
2451
|
"type": {
|
|
2495
|
-
"text": "
|
|
2452
|
+
"text": "boolean"
|
|
2496
2453
|
},
|
|
2497
|
-
"description": "
|
|
2498
|
-
"fieldName": "
|
|
2454
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2455
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2499
2456
|
},
|
|
2500
2457
|
{
|
|
2501
|
-
"name": "
|
|
2458
|
+
"name": "fullscreenBreakpoint",
|
|
2502
2459
|
"type": {
|
|
2503
|
-
"text": "
|
|
2460
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2504
2461
|
},
|
|
2505
|
-
"description": "
|
|
2506
|
-
"
|
|
2462
|
+
"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.",
|
|
2463
|
+
"default": "'sm'",
|
|
2464
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2507
2465
|
},
|
|
2508
2466
|
{
|
|
2509
|
-
"name": "
|
|
2467
|
+
"name": "shape",
|
|
2510
2468
|
"type": {
|
|
2511
2469
|
"text": "string"
|
|
2512
2470
|
},
|
|
2513
|
-
"
|
|
2514
|
-
"
|
|
2471
|
+
"fieldName": "shape",
|
|
2472
|
+
"inheritedFrom": {
|
|
2473
|
+
"name": "AuroElement",
|
|
2474
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2475
|
+
}
|
|
2515
2476
|
},
|
|
2516
2477
|
{
|
|
2517
|
-
"name": "
|
|
2478
|
+
"name": "size",
|
|
2518
2479
|
"type": {
|
|
2519
2480
|
"text": "string"
|
|
2520
2481
|
},
|
|
2521
|
-
"
|
|
2522
|
-
"
|
|
2482
|
+
"fieldName": "size",
|
|
2483
|
+
"inheritedFrom": {
|
|
2484
|
+
"name": "AuroElement",
|
|
2485
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2486
|
+
}
|
|
2487
|
+
},
|
|
2488
|
+
{
|
|
2489
|
+
"name": "ondark",
|
|
2490
|
+
"type": {
|
|
2491
|
+
"text": "boolean"
|
|
2492
|
+
},
|
|
2493
|
+
"fieldName": "onDark",
|
|
2494
|
+
"inheritedFrom": {
|
|
2495
|
+
"name": "AuroElement",
|
|
2496
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2497
|
+
}
|
|
2523
2498
|
}
|
|
2524
2499
|
],
|
|
2525
|
-
"superclass": {
|
|
2526
|
-
"name": "
|
|
2527
|
-
"
|
|
2500
|
+
"superclass": {
|
|
2501
|
+
"name": "AuroElement",
|
|
2502
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2528
2503
|
},
|
|
2529
|
-
"tagName": "auro-
|
|
2504
|
+
"tagName": "auro-combobox",
|
|
2530
2505
|
"customElement": true
|
|
2531
2506
|
}
|
|
2532
2507
|
],
|
|
2533
2508
|
"exports": [
|
|
2534
2509
|
{
|
|
2535
2510
|
"kind": "js",
|
|
2536
|
-
"name": "
|
|
2511
|
+
"name": "AuroCombobox",
|
|
2537
2512
|
"declaration": {
|
|
2538
|
-
"name": "
|
|
2539
|
-
"module": "components/
|
|
2513
|
+
"name": "AuroCombobox",
|
|
2514
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2540
2515
|
}
|
|
2541
2516
|
}
|
|
2542
2517
|
]
|
|
2543
2518
|
},
|
|
2544
2519
|
{
|
|
2545
2520
|
"kind": "javascript-module",
|
|
2546
|
-
"path": "components/
|
|
2547
|
-
"declarations": [
|
|
2521
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2522
|
+
"declarations": [
|
|
2523
|
+
{
|
|
2524
|
+
"kind": "variable",
|
|
2525
|
+
"name": "comboboxKeyboardStrategy",
|
|
2526
|
+
"type": {
|
|
2527
|
+
"text": "object"
|
|
2528
|
+
},
|
|
2529
|
+
"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) { // Runs for both Tab and Shift+Tab. // // Current behavior: // Tab — select the active option, close the bib, and (in fullscreen // modal mode only) explicitly move focus to the trigger's // clear button. In desktop popover mode the browser's native // tab traversal takes focus forward from the input. // Shift+Tab — select the active option and close the bib. Focus then // lands on the trigger's clear button as a byproduct of the // shadow-DOM tab order, so keyboard users must press // Shift+Tab three times to exit the component (clear button // → input → previous element on the page). // // Intended behavior for Shift+Tab (per team decision, tracked in // AB#1590650): a single Shift+Tab should select the active option, close // the bib, and move focus directly to the previous focusable element on // the page — symmetric with Tab. if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
|
|
2530
|
+
}
|
|
2531
|
+
],
|
|
2548
2532
|
"exports": [
|
|
2549
2533
|
{
|
|
2550
2534
|
"kind": "js",
|
|
2551
|
-
"name": "
|
|
2535
|
+
"name": "comboboxKeyboardStrategy",
|
|
2552
2536
|
"declaration": {
|
|
2553
|
-
"name": "
|
|
2554
|
-
"module": "components/
|
|
2537
|
+
"name": "comboboxKeyboardStrategy",
|
|
2538
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2555
2539
|
}
|
|
2556
|
-
}
|
|
2540
|
+
}
|
|
2541
|
+
]
|
|
2542
|
+
},
|
|
2543
|
+
{
|
|
2544
|
+
"kind": "javascript-module",
|
|
2545
|
+
"path": "components/combobox/src/index.js",
|
|
2546
|
+
"declarations": [],
|
|
2547
|
+
"exports": [
|
|
2557
2548
|
{
|
|
2558
2549
|
"kind": "js",
|
|
2559
|
-
"name": "
|
|
2550
|
+
"name": "AuroCombobox",
|
|
2560
2551
|
"declaration": {
|
|
2561
|
-
"name": "
|
|
2562
|
-
"module": "components/
|
|
2552
|
+
"name": "AuroCombobox",
|
|
2553
|
+
"module": "components/combobox/src/index.js"
|
|
2563
2554
|
}
|
|
2564
2555
|
}
|
|
2565
2556
|
]
|
|
2566
2557
|
},
|
|
2567
2558
|
{
|
|
2568
2559
|
"kind": "javascript-module",
|
|
2569
|
-
"path": "components/
|
|
2560
|
+
"path": "components/combobox/src/registered.js",
|
|
2570
2561
|
"declarations": [],
|
|
2571
|
-
"exports": [
|
|
2562
|
+
"exports": [
|
|
2563
|
+
{
|
|
2564
|
+
"kind": "js",
|
|
2565
|
+
"name": "AuroCombobox",
|
|
2566
|
+
"declaration": {
|
|
2567
|
+
"name": "AuroCombobox",
|
|
2568
|
+
"module": "components/combobox/src/registered.js"
|
|
2569
|
+
}
|
|
2570
|
+
}
|
|
2571
|
+
]
|
|
2572
2572
|
},
|
|
2573
2573
|
{
|
|
2574
2574
|
"kind": "javascript-module",
|
|
@@ -10780,65 +10780,259 @@
|
|
|
10780
10780
|
"name": "createDropdownBibKeyboardStrategy",
|
|
10781
10781
|
"parameters": [
|
|
10782
10782
|
{
|
|
10783
|
-
"name": "bib",
|
|
10784
|
-
"description": "The dropdown bib element.",
|
|
10783
|
+
"name": "bib",
|
|
10784
|
+
"description": "The dropdown bib element.",
|
|
10785
|
+
"type": {
|
|
10786
|
+
"text": "HTMLElement"
|
|
10787
|
+
}
|
|
10788
|
+
}
|
|
10789
|
+
],
|
|
10790
|
+
"description": "Creates a keyboard strategy for dialog-specific key handling.\nAll other keydown behavior is left to the browser's native bubbling path.",
|
|
10791
|
+
"return": {
|
|
10792
|
+
"type": {
|
|
10793
|
+
"text": "Object"
|
|
10794
|
+
}
|
|
10795
|
+
}
|
|
10796
|
+
}
|
|
10797
|
+
],
|
|
10798
|
+
"exports": [
|
|
10799
|
+
{
|
|
10800
|
+
"kind": "js",
|
|
10801
|
+
"name": "createDropdownBibKeyboardStrategy",
|
|
10802
|
+
"declaration": {
|
|
10803
|
+
"name": "createDropdownBibKeyboardStrategy",
|
|
10804
|
+
"module": "components/dropdown/src/dropdownBibKeyboardStrategy.js"
|
|
10805
|
+
}
|
|
10806
|
+
}
|
|
10807
|
+
]
|
|
10808
|
+
},
|
|
10809
|
+
{
|
|
10810
|
+
"kind": "javascript-module",
|
|
10811
|
+
"path": "components/dropdown/src/iconVersion.js",
|
|
10812
|
+
"declarations": [],
|
|
10813
|
+
"exports": [
|
|
10814
|
+
{
|
|
10815
|
+
"kind": "js",
|
|
10816
|
+
"name": "default",
|
|
10817
|
+
"declaration": {
|
|
10818
|
+
"name": "9.2.0",
|
|
10819
|
+
"module": "components/dropdown/src/iconVersion.js"
|
|
10820
|
+
}
|
|
10821
|
+
}
|
|
10822
|
+
]
|
|
10823
|
+
},
|
|
10824
|
+
{
|
|
10825
|
+
"kind": "javascript-module",
|
|
10826
|
+
"path": "components/dropdown/src/index.js",
|
|
10827
|
+
"declarations": [],
|
|
10828
|
+
"exports": [
|
|
10829
|
+
{
|
|
10830
|
+
"kind": "js",
|
|
10831
|
+
"name": "AuroDropdown",
|
|
10832
|
+
"declaration": {
|
|
10833
|
+
"name": "AuroDropdown",
|
|
10834
|
+
"module": "components/dropdown/src/index.js"
|
|
10835
|
+
}
|
|
10836
|
+
}
|
|
10837
|
+
]
|
|
10838
|
+
},
|
|
10839
|
+
{
|
|
10840
|
+
"kind": "javascript-module",
|
|
10841
|
+
"path": "components/dropdown/src/registered.js",
|
|
10842
|
+
"declarations": [],
|
|
10843
|
+
"exports": []
|
|
10844
|
+
},
|
|
10845
|
+
{
|
|
10846
|
+
"kind": "javascript-module",
|
|
10847
|
+
"path": "components/helptext/src/auro-helptext.js",
|
|
10848
|
+
"declarations": [
|
|
10849
|
+
{
|
|
10850
|
+
"kind": "class",
|
|
10851
|
+
"description": "Displays help text or error messages within form elements - Internal Use Only.",
|
|
10852
|
+
"name": "AuroHelpText",
|
|
10853
|
+
"members": [
|
|
10854
|
+
{
|
|
10855
|
+
"kind": "method",
|
|
10856
|
+
"name": "register",
|
|
10857
|
+
"static": true,
|
|
10858
|
+
"parameters": [
|
|
10859
|
+
{
|
|
10860
|
+
"name": "name",
|
|
10861
|
+
"default": "\"auro-helptext\"",
|
|
10862
|
+
"description": "The name of element that you want to register to.",
|
|
10863
|
+
"optional": true,
|
|
10864
|
+
"type": {
|
|
10865
|
+
"text": "string"
|
|
10866
|
+
}
|
|
10867
|
+
}
|
|
10868
|
+
],
|
|
10869
|
+
"description": "This will register this element with the browser."
|
|
10870
|
+
},
|
|
10871
|
+
{
|
|
10872
|
+
"kind": "method",
|
|
10873
|
+
"name": "handleSlotChange",
|
|
10874
|
+
"parameters": [
|
|
10875
|
+
{
|
|
10876
|
+
"name": "event"
|
|
10877
|
+
}
|
|
10878
|
+
]
|
|
10879
|
+
},
|
|
10880
|
+
{
|
|
10881
|
+
"kind": "method",
|
|
10882
|
+
"name": "checkSlotsForContent",
|
|
10883
|
+
"parameters": [
|
|
10884
|
+
{
|
|
10885
|
+
"name": "nodes",
|
|
10886
|
+
"description": "The list of nodes to check for content.",
|
|
10887
|
+
"type": {
|
|
10888
|
+
"text": "NodeList|Array"
|
|
10889
|
+
}
|
|
10890
|
+
}
|
|
10891
|
+
],
|
|
10892
|
+
"description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
|
|
10893
|
+
"return": {
|
|
10894
|
+
"type": {
|
|
10895
|
+
"text": "boolean"
|
|
10896
|
+
}
|
|
10897
|
+
},
|
|
10898
|
+
"privacy": "private"
|
|
10899
|
+
},
|
|
10900
|
+
{
|
|
10901
|
+
"kind": "field",
|
|
10902
|
+
"name": "error",
|
|
10903
|
+
"privacy": "public",
|
|
10904
|
+
"type": {
|
|
10905
|
+
"text": "boolean"
|
|
10906
|
+
},
|
|
10907
|
+
"description": "If declared, make font color red.",
|
|
10908
|
+
"default": "false",
|
|
10909
|
+
"attribute": "error",
|
|
10910
|
+
"reflects": true
|
|
10911
|
+
},
|
|
10912
|
+
{
|
|
10913
|
+
"kind": "field",
|
|
10914
|
+
"name": "appearance",
|
|
10915
|
+
"privacy": "public",
|
|
10916
|
+
"type": {
|
|
10917
|
+
"text": "string"
|
|
10918
|
+
},
|
|
10919
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
10920
|
+
"default": "\"default\"",
|
|
10921
|
+
"attribute": "appearance",
|
|
10922
|
+
"reflects": true
|
|
10923
|
+
},
|
|
10924
|
+
{
|
|
10925
|
+
"kind": "field",
|
|
10926
|
+
"name": "onDark",
|
|
10927
|
+
"privacy": "public",
|
|
10928
|
+
"type": {
|
|
10929
|
+
"text": "boolean"
|
|
10930
|
+
},
|
|
10931
|
+
"description": "DEPRECATED - use `appearance` instead.",
|
|
10932
|
+
"default": "false",
|
|
10933
|
+
"attribute": "onDark",
|
|
10934
|
+
"reflects": true
|
|
10935
|
+
},
|
|
10936
|
+
{
|
|
10937
|
+
"kind": "field",
|
|
10938
|
+
"name": "hasTextContent",
|
|
10939
|
+
"privacy": "private",
|
|
10940
|
+
"type": {
|
|
10941
|
+
"text": "boolean"
|
|
10942
|
+
},
|
|
10943
|
+
"default": "false",
|
|
10944
|
+
"attribute": "hasTextContent"
|
|
10945
|
+
},
|
|
10946
|
+
{
|
|
10947
|
+
"kind": "field",
|
|
10948
|
+
"name": "slotNodes",
|
|
10949
|
+
"privacy": "private",
|
|
10950
|
+
"type": {
|
|
10951
|
+
"text": "boolean"
|
|
10952
|
+
},
|
|
10953
|
+
"attribute": "slotNodes"
|
|
10954
|
+
}
|
|
10955
|
+
],
|
|
10956
|
+
"attributes": [
|
|
10957
|
+
{
|
|
10958
|
+
"name": "appearance",
|
|
10959
|
+
"type": {
|
|
10960
|
+
"text": "string"
|
|
10961
|
+
},
|
|
10962
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
10963
|
+
"default": "\"default\"",
|
|
10964
|
+
"fieldName": "appearance"
|
|
10965
|
+
},
|
|
10966
|
+
{
|
|
10967
|
+
"name": "slotNodes",
|
|
10968
|
+
"type": {
|
|
10969
|
+
"text": "boolean"
|
|
10970
|
+
},
|
|
10971
|
+
"fieldName": "slotNodes"
|
|
10972
|
+
},
|
|
10973
|
+
{
|
|
10974
|
+
"name": "hasTextContent",
|
|
10975
|
+
"type": {
|
|
10976
|
+
"text": "boolean"
|
|
10977
|
+
},
|
|
10978
|
+
"default": "false",
|
|
10979
|
+
"fieldName": "hasTextContent"
|
|
10980
|
+
},
|
|
10981
|
+
{
|
|
10982
|
+
"name": "error",
|
|
10785
10983
|
"type": {
|
|
10786
|
-
"text": "
|
|
10787
|
-
}
|
|
10984
|
+
"text": "boolean"
|
|
10985
|
+
},
|
|
10986
|
+
"description": "If declared, make font color red.",
|
|
10987
|
+
"default": "false",
|
|
10988
|
+
"fieldName": "error"
|
|
10989
|
+
},
|
|
10990
|
+
{
|
|
10991
|
+
"name": "onDark",
|
|
10992
|
+
"type": {
|
|
10993
|
+
"text": "boolean"
|
|
10994
|
+
},
|
|
10995
|
+
"description": "DEPRECATED - use `appearance` instead.",
|
|
10996
|
+
"default": "false",
|
|
10997
|
+
"fieldName": "onDark"
|
|
10788
10998
|
}
|
|
10789
10999
|
],
|
|
10790
|
-
"
|
|
10791
|
-
|
|
10792
|
-
"
|
|
10793
|
-
|
|
10794
|
-
|
|
10795
|
-
}
|
|
11000
|
+
"superclass": {
|
|
11001
|
+
"name": "LitElement",
|
|
11002
|
+
"package": "lit"
|
|
11003
|
+
},
|
|
11004
|
+
"customElement": true
|
|
10796
11005
|
}
|
|
10797
11006
|
],
|
|
10798
11007
|
"exports": [
|
|
10799
11008
|
{
|
|
10800
11009
|
"kind": "js",
|
|
10801
|
-
"name": "
|
|
10802
|
-
"declaration": {
|
|
10803
|
-
"name": "createDropdownBibKeyboardStrategy",
|
|
10804
|
-
"module": "components/dropdown/src/dropdownBibKeyboardStrategy.js"
|
|
10805
|
-
}
|
|
10806
|
-
}
|
|
10807
|
-
]
|
|
10808
|
-
},
|
|
10809
|
-
{
|
|
10810
|
-
"kind": "javascript-module",
|
|
10811
|
-
"path": "components/dropdown/src/iconVersion.js",
|
|
10812
|
-
"declarations": [],
|
|
10813
|
-
"exports": [
|
|
10814
|
-
{
|
|
10815
|
-
"kind": "js",
|
|
10816
|
-
"name": "default",
|
|
11010
|
+
"name": "AuroHelpText",
|
|
10817
11011
|
"declaration": {
|
|
10818
|
-
"name": "
|
|
10819
|
-
"module": "components/
|
|
11012
|
+
"name": "AuroHelpText",
|
|
11013
|
+
"module": "components/helptext/src/auro-helptext.js"
|
|
10820
11014
|
}
|
|
10821
11015
|
}
|
|
10822
11016
|
]
|
|
10823
11017
|
},
|
|
10824
11018
|
{
|
|
10825
11019
|
"kind": "javascript-module",
|
|
10826
|
-
"path": "components/
|
|
11020
|
+
"path": "components/helptext/src/index.js",
|
|
10827
11021
|
"declarations": [],
|
|
10828
11022
|
"exports": [
|
|
10829
11023
|
{
|
|
10830
11024
|
"kind": "js",
|
|
10831
|
-
"name": "
|
|
11025
|
+
"name": "AuroHelpText",
|
|
10832
11026
|
"declaration": {
|
|
10833
|
-
"name": "
|
|
10834
|
-
"module": "components/
|
|
11027
|
+
"name": "AuroHelpText",
|
|
11028
|
+
"module": "components/helptext/src/index.js"
|
|
10835
11029
|
}
|
|
10836
11030
|
}
|
|
10837
11031
|
]
|
|
10838
11032
|
},
|
|
10839
11033
|
{
|
|
10840
11034
|
"kind": "javascript-module",
|
|
10841
|
-
"path": "components/
|
|
11035
|
+
"path": "components/helptext/src/registered.js",
|
|
10842
11036
|
"declarations": [],
|
|
10843
11037
|
"exports": []
|
|
10844
11038
|
},
|
|
@@ -11481,200 +11675,6 @@
|
|
|
11481
11675
|
"declarations": [],
|
|
11482
11676
|
"exports": []
|
|
11483
11677
|
},
|
|
11484
|
-
{
|
|
11485
|
-
"kind": "javascript-module",
|
|
11486
|
-
"path": "components/helptext/src/auro-helptext.js",
|
|
11487
|
-
"declarations": [
|
|
11488
|
-
{
|
|
11489
|
-
"kind": "class",
|
|
11490
|
-
"description": "Displays help text or error messages within form elements - Internal Use Only.",
|
|
11491
|
-
"name": "AuroHelpText",
|
|
11492
|
-
"members": [
|
|
11493
|
-
{
|
|
11494
|
-
"kind": "method",
|
|
11495
|
-
"name": "register",
|
|
11496
|
-
"static": true,
|
|
11497
|
-
"parameters": [
|
|
11498
|
-
{
|
|
11499
|
-
"name": "name",
|
|
11500
|
-
"default": "\"auro-helptext\"",
|
|
11501
|
-
"description": "The name of element that you want to register to.",
|
|
11502
|
-
"optional": true,
|
|
11503
|
-
"type": {
|
|
11504
|
-
"text": "string"
|
|
11505
|
-
}
|
|
11506
|
-
}
|
|
11507
|
-
],
|
|
11508
|
-
"description": "This will register this element with the browser."
|
|
11509
|
-
},
|
|
11510
|
-
{
|
|
11511
|
-
"kind": "method",
|
|
11512
|
-
"name": "handleSlotChange",
|
|
11513
|
-
"parameters": [
|
|
11514
|
-
{
|
|
11515
|
-
"name": "event"
|
|
11516
|
-
}
|
|
11517
|
-
]
|
|
11518
|
-
},
|
|
11519
|
-
{
|
|
11520
|
-
"kind": "method",
|
|
11521
|
-
"name": "checkSlotsForContent",
|
|
11522
|
-
"parameters": [
|
|
11523
|
-
{
|
|
11524
|
-
"name": "nodes",
|
|
11525
|
-
"description": "The list of nodes to check for content.",
|
|
11526
|
-
"type": {
|
|
11527
|
-
"text": "NodeList|Array"
|
|
11528
|
-
}
|
|
11529
|
-
}
|
|
11530
|
-
],
|
|
11531
|
-
"description": "Checks if any of the provided nodes or their nested slot nodes contain non-empty text content.",
|
|
11532
|
-
"return": {
|
|
11533
|
-
"type": {
|
|
11534
|
-
"text": "boolean"
|
|
11535
|
-
}
|
|
11536
|
-
},
|
|
11537
|
-
"privacy": "private"
|
|
11538
|
-
},
|
|
11539
|
-
{
|
|
11540
|
-
"kind": "field",
|
|
11541
|
-
"name": "error",
|
|
11542
|
-
"privacy": "public",
|
|
11543
|
-
"type": {
|
|
11544
|
-
"text": "boolean"
|
|
11545
|
-
},
|
|
11546
|
-
"description": "If declared, make font color red.",
|
|
11547
|
-
"default": "false",
|
|
11548
|
-
"attribute": "error",
|
|
11549
|
-
"reflects": true
|
|
11550
|
-
},
|
|
11551
|
-
{
|
|
11552
|
-
"kind": "field",
|
|
11553
|
-
"name": "appearance",
|
|
11554
|
-
"privacy": "public",
|
|
11555
|
-
"type": {
|
|
11556
|
-
"text": "string"
|
|
11557
|
-
},
|
|
11558
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
11559
|
-
"default": "\"default\"",
|
|
11560
|
-
"attribute": "appearance",
|
|
11561
|
-
"reflects": true
|
|
11562
|
-
},
|
|
11563
|
-
{
|
|
11564
|
-
"kind": "field",
|
|
11565
|
-
"name": "onDark",
|
|
11566
|
-
"privacy": "public",
|
|
11567
|
-
"type": {
|
|
11568
|
-
"text": "boolean"
|
|
11569
|
-
},
|
|
11570
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
11571
|
-
"default": "false",
|
|
11572
|
-
"attribute": "onDark",
|
|
11573
|
-
"reflects": true
|
|
11574
|
-
},
|
|
11575
|
-
{
|
|
11576
|
-
"kind": "field",
|
|
11577
|
-
"name": "hasTextContent",
|
|
11578
|
-
"privacy": "private",
|
|
11579
|
-
"type": {
|
|
11580
|
-
"text": "boolean"
|
|
11581
|
-
},
|
|
11582
|
-
"default": "false",
|
|
11583
|
-
"attribute": "hasTextContent"
|
|
11584
|
-
},
|
|
11585
|
-
{
|
|
11586
|
-
"kind": "field",
|
|
11587
|
-
"name": "slotNodes",
|
|
11588
|
-
"privacy": "private",
|
|
11589
|
-
"type": {
|
|
11590
|
-
"text": "boolean"
|
|
11591
|
-
},
|
|
11592
|
-
"attribute": "slotNodes"
|
|
11593
|
-
}
|
|
11594
|
-
],
|
|
11595
|
-
"attributes": [
|
|
11596
|
-
{
|
|
11597
|
-
"name": "appearance",
|
|
11598
|
-
"type": {
|
|
11599
|
-
"text": "string"
|
|
11600
|
-
},
|
|
11601
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
11602
|
-
"default": "\"default\"",
|
|
11603
|
-
"fieldName": "appearance"
|
|
11604
|
-
},
|
|
11605
|
-
{
|
|
11606
|
-
"name": "slotNodes",
|
|
11607
|
-
"type": {
|
|
11608
|
-
"text": "boolean"
|
|
11609
|
-
},
|
|
11610
|
-
"fieldName": "slotNodes"
|
|
11611
|
-
},
|
|
11612
|
-
{
|
|
11613
|
-
"name": "hasTextContent",
|
|
11614
|
-
"type": {
|
|
11615
|
-
"text": "boolean"
|
|
11616
|
-
},
|
|
11617
|
-
"default": "false",
|
|
11618
|
-
"fieldName": "hasTextContent"
|
|
11619
|
-
},
|
|
11620
|
-
{
|
|
11621
|
-
"name": "error",
|
|
11622
|
-
"type": {
|
|
11623
|
-
"text": "boolean"
|
|
11624
|
-
},
|
|
11625
|
-
"description": "If declared, make font color red.",
|
|
11626
|
-
"default": "false",
|
|
11627
|
-
"fieldName": "error"
|
|
11628
|
-
},
|
|
11629
|
-
{
|
|
11630
|
-
"name": "onDark",
|
|
11631
|
-
"type": {
|
|
11632
|
-
"text": "boolean"
|
|
11633
|
-
},
|
|
11634
|
-
"description": "DEPRECATED - use `appearance` instead.",
|
|
11635
|
-
"default": "false",
|
|
11636
|
-
"fieldName": "onDark"
|
|
11637
|
-
}
|
|
11638
|
-
],
|
|
11639
|
-
"superclass": {
|
|
11640
|
-
"name": "LitElement",
|
|
11641
|
-
"package": "lit"
|
|
11642
|
-
},
|
|
11643
|
-
"customElement": true
|
|
11644
|
-
}
|
|
11645
|
-
],
|
|
11646
|
-
"exports": [
|
|
11647
|
-
{
|
|
11648
|
-
"kind": "js",
|
|
11649
|
-
"name": "AuroHelpText",
|
|
11650
|
-
"declaration": {
|
|
11651
|
-
"name": "AuroHelpText",
|
|
11652
|
-
"module": "components/helptext/src/auro-helptext.js"
|
|
11653
|
-
}
|
|
11654
|
-
}
|
|
11655
|
-
]
|
|
11656
|
-
},
|
|
11657
|
-
{
|
|
11658
|
-
"kind": "javascript-module",
|
|
11659
|
-
"path": "components/helptext/src/index.js",
|
|
11660
|
-
"declarations": [],
|
|
11661
|
-
"exports": [
|
|
11662
|
-
{
|
|
11663
|
-
"kind": "js",
|
|
11664
|
-
"name": "AuroHelpText",
|
|
11665
|
-
"declaration": {
|
|
11666
|
-
"name": "AuroHelpText",
|
|
11667
|
-
"module": "components/helptext/src/index.js"
|
|
11668
|
-
}
|
|
11669
|
-
}
|
|
11670
|
-
]
|
|
11671
|
-
},
|
|
11672
|
-
{
|
|
11673
|
-
"kind": "javascript-module",
|
|
11674
|
-
"path": "components/helptext/src/registered.js",
|
|
11675
|
-
"declarations": [],
|
|
11676
|
-
"exports": []
|
|
11677
|
-
},
|
|
11678
11678
|
{
|
|
11679
11679
|
"kind": "javascript-module",
|
|
11680
11680
|
"path": "components/input/src/auro-input-util.js",
|