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