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