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