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