@aurodesignsystem-dev/auro-formkit 0.0.0-pr1604.0 → 0.0.0-pr1608.0
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 +31 -10
- package/components/checkbox/demo/getting-started.min.js +31 -10
- package/components/checkbox/demo/index.min.js +31 -10
- package/components/checkbox/dist/auro-checkbox-group.d.ts +4 -0
- package/components/checkbox/dist/index.js +31 -10
- package/components/checkbox/dist/registered.js +31 -10
- package/components/combobox/demo/customize.min.js +110 -4
- package/components/combobox/demo/getting-started.min.js +110 -4
- package/components/combobox/demo/index.min.js +110 -4
- package/components/combobox/dist/auro-combobox.d.ts +22 -0
- package/components/combobox/dist/index.js +94 -4
- package/components/combobox/dist/registered.js +94 -4
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/getting-started.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +3 -3
- package/components/datepicker/demo/getting-started.min.js +3 -3
- package/components/datepicker/demo/index.min.js +3 -3
- package/components/datepicker/dist/index.js +3 -3
- package/components/datepicker/dist/registered.js +3 -3
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +2 -2
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +186 -34
- package/components/form/demo/getting-started.min.js +186 -34
- package/components/form/demo/index.min.js +186 -34
- package/components/form/demo/registerDemoDeps.min.js +186 -34
- 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/menu/demo/index.min.js +16 -0
- package/components/menu/dist/index.js +16 -0
- package/components/menu/dist/registered.js +16 -0
- package/components/radio/demo/customize.min.js +33 -8
- package/components/radio/demo/getting-started.min.js +33 -8
- package/components/radio/demo/index.min.js +33 -8
- package/components/radio/dist/auro-radio-group.d.ts +4 -0
- package/components/radio/dist/index.js +33 -8
- package/components/radio/dist/registered.js +33 -8
- package/components/select/demo/customize.min.js +18 -2
- package/components/select/demo/getting-started.min.js +18 -2
- package/components/select/demo/index.min.js +18 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1567 -1547
- 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.",
|
|
635
|
+
"type": {
|
|
636
|
+
"text": "CustomEvent"
|
|
637
|
+
}
|
|
638
|
+
},
|
|
639
|
+
{
|
|
640
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
641
|
+
"name": "event.detail.loading",
|
|
642
|
+
"type": {
|
|
643
|
+
"text": "boolean"
|
|
644
|
+
}
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
648
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
711
649
|
"type": {
|
|
712
|
-
"text": "
|
|
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,1201 +722,1206 @@
|
|
|
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": "
|
|
796
|
-
}
|
|
797
|
-
}
|
|
798
|
-
],
|
|
799
|
-
"description": "
|
|
800
|
-
"
|
|
801
|
-
|
|
802
|
-
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
}
|
|
806
|
-
},
|
|
807
|
-
{
|
|
808
|
-
"kind": "field",
|
|
809
|
-
"name": "appearance",
|
|
810
|
-
"privacy": "public",
|
|
811
|
-
"type": {
|
|
812
|
-
"text": "'default' | 'inverse'"
|
|
813
|
-
},
|
|
814
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
815
|
-
"default": "'default'",
|
|
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"
|
|
731
|
+
"text": "string"
|
|
732
|
+
}
|
|
733
|
+
}
|
|
734
|
+
],
|
|
735
|
+
"description": "Sets the menu value if menu is available.",
|
|
736
|
+
"return": {
|
|
737
|
+
"type": {
|
|
738
|
+
"text": "void"
|
|
739
|
+
}
|
|
740
|
+
}
|
|
1000
741
|
},
|
|
1001
742
|
{
|
|
1002
|
-
"
|
|
1003
|
-
"
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
|
|
1007
|
-
|
|
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
|
-
|
|
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": [
|
|
896
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
897
|
+
"default": "'suggestion'",
|
|
898
|
+
"attribute": "behavior",
|
|
899
|
+
"reflects": true
|
|
900
|
+
},
|
|
1154
901
|
{
|
|
1155
|
-
"
|
|
1156
|
-
"name": ""
|
|
902
|
+
"kind": "field",
|
|
903
|
+
"name": "checkmark",
|
|
904
|
+
"privacy": "public",
|
|
905
|
+
"type": {
|
|
906
|
+
"text": "boolean"
|
|
907
|
+
},
|
|
908
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
909
|
+
"attribute": "checkmark",
|
|
910
|
+
"reflects": true
|
|
1157
911
|
},
|
|
1158
912
|
{
|
|
913
|
+
"kind": "field",
|
|
914
|
+
"name": "disabled",
|
|
915
|
+
"privacy": "public",
|
|
1159
916
|
"type": {
|
|
1160
|
-
"text": "
|
|
917
|
+
"text": "boolean"
|
|
1161
918
|
},
|
|
1162
|
-
"description": "
|
|
1163
|
-
"
|
|
919
|
+
"description": "If set, disables the combobox.",
|
|
920
|
+
"attribute": "disabled",
|
|
921
|
+
"reflects": true
|
|
1164
922
|
},
|
|
1165
923
|
{
|
|
1166
|
-
"
|
|
1167
|
-
"name": "
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "dropdownId",
|
|
926
|
+
"privacy": "private",
|
|
927
|
+
"type": {
|
|
928
|
+
"text": "string"
|
|
929
|
+
},
|
|
930
|
+
"description": "ID for the dropdown."
|
|
1168
931
|
},
|
|
1169
932
|
{
|
|
1170
|
-
"
|
|
1171
|
-
"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."
|
|
1172
940
|
},
|
|
1173
941
|
{
|
|
1174
|
-
"
|
|
1175
|
-
"name": "
|
|
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
|
|
1176
951
|
},
|
|
1177
952
|
{
|
|
1178
|
-
"
|
|
1179
|
-
"name": "
|
|
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
|
|
1180
962
|
},
|
|
1181
963
|
{
|
|
1182
|
-
"
|
|
1183
|
-
"name": "
|
|
964
|
+
"kind": "field",
|
|
965
|
+
"name": "format",
|
|
966
|
+
"privacy": "public",
|
|
967
|
+
"type": {
|
|
968
|
+
"text": "string"
|
|
969
|
+
},
|
|
970
|
+
"description": "Specifies the input mask format.",
|
|
971
|
+
"attribute": "format",
|
|
972
|
+
"reflects": true
|
|
1184
973
|
},
|
|
1185
974
|
{
|
|
1186
|
-
"
|
|
1187
|
-
"name": "
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
975
|
+
"kind": "field",
|
|
976
|
+
"name": "inputmode",
|
|
977
|
+
"privacy": "public",
|
|
978
|
+
"type": {
|
|
979
|
+
"text": "string"
|
|
980
|
+
},
|
|
981
|
+
"description": "Exposes inputmode attribute for input.",
|
|
982
|
+
"attribute": "inputmode",
|
|
983
|
+
"reflects": true
|
|
984
|
+
},
|
|
1191
985
|
{
|
|
1192
|
-
"kind": "
|
|
1193
|
-
"name": "
|
|
1194
|
-
"privacy": "
|
|
1195
|
-
"
|
|
1196
|
-
"
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
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
|
|
1200
996
|
},
|
|
1201
997
|
{
|
|
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
|
-
}
|
|
998
|
+
"kind": "field",
|
|
999
|
+
"name": "shape",
|
|
1000
|
+
"privacy": "public",
|
|
1001
|
+
"type": {
|
|
1002
|
+
"text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
|
|
1225
1003
|
},
|
|
1226
|
-
"
|
|
1004
|
+
"description": "Sets the shape of the combobox.",
|
|
1005
|
+
"default": "'classic'",
|
|
1006
|
+
"attribute": "shape",
|
|
1007
|
+
"reflects": true
|
|
1227
1008
|
},
|
|
1228
1009
|
{
|
|
1229
1010
|
"kind": "field",
|
|
1230
|
-
"name": "
|
|
1231
|
-
"
|
|
1232
|
-
"
|
|
1233
|
-
"
|
|
1234
|
-
"text": "string|undefined"
|
|
1235
|
-
}
|
|
1011
|
+
"name": "size",
|
|
1012
|
+
"privacy": "public",
|
|
1013
|
+
"type": {
|
|
1014
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl'"
|
|
1236
1015
|
},
|
|
1237
|
-
"
|
|
1016
|
+
"description": "Sets the size of the combobox.",
|
|
1017
|
+
"default": "'xl'",
|
|
1018
|
+
"attribute": "size",
|
|
1019
|
+
"reflects": true
|
|
1238
1020
|
},
|
|
1239
1021
|
{
|
|
1240
|
-
"kind": "
|
|
1241
|
-
"name": "
|
|
1242
|
-
"
|
|
1243
|
-
"
|
|
1244
|
-
"
|
|
1245
|
-
|
|
1246
|
-
|
|
1247
|
-
|
|
1022
|
+
"kind": "field",
|
|
1023
|
+
"name": "matchWidth",
|
|
1024
|
+
"privacy": "private",
|
|
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
|
|
1248
1031
|
},
|
|
1249
1032
|
{
|
|
1250
|
-
"kind": "
|
|
1251
|
-
"name": "
|
|
1252
|
-
"
|
|
1253
|
-
"
|
|
1254
|
-
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
"type": {
|
|
1260
|
-
"text": "string"
|
|
1261
|
-
}
|
|
1262
|
-
}
|
|
1263
|
-
],
|
|
1264
|
-
"description": "This will register this element with the browser."
|
|
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
|
|
1265
1042
|
},
|
|
1266
1043
|
{
|
|
1267
|
-
"kind": "
|
|
1268
|
-
"name": "
|
|
1269
|
-
"
|
|
1270
|
-
"
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
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
|
|
1276
1053
|
},
|
|
1277
1054
|
{
|
|
1278
|
-
"kind": "
|
|
1279
|
-
"name": "
|
|
1280
|
-
"
|
|
1281
|
-
"
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1286
|
-
|
|
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
|
|
1287
1064
|
},
|
|
1288
1065
|
{
|
|
1289
|
-
"kind": "
|
|
1290
|
-
"name": "
|
|
1291
|
-
"
|
|
1292
|
-
"
|
|
1066
|
+
"kind": "field",
|
|
1067
|
+
"name": "noValidate",
|
|
1068
|
+
"privacy": "public",
|
|
1069
|
+
"type": {
|
|
1070
|
+
"text": "boolean"
|
|
1071
|
+
},
|
|
1072
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1073
|
+
"attribute": "novalidate",
|
|
1074
|
+
"reflects": true
|
|
1075
|
+
},
|
|
1076
|
+
{
|
|
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
|
|
1293
1087
|
},
|
|
1294
1088
|
{
|
|
1295
|
-
"kind": "
|
|
1296
|
-
"name": "
|
|
1297
|
-
"
|
|
1298
|
-
"
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
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"
|
|
1303
1102
|
}
|
|
1304
1103
|
},
|
|
1305
1104
|
{
|
|
1306
|
-
"kind": "
|
|
1307
|
-
"name": "
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
"text": "string"
|
|
1314
|
-
}
|
|
1315
|
-
}
|
|
1316
|
-
],
|
|
1317
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1318
|
-
"privacy": "private"
|
|
1105
|
+
"kind": "field",
|
|
1106
|
+
"name": "optionSelected",
|
|
1107
|
+
"privacy": "public",
|
|
1108
|
+
"type": {
|
|
1109
|
+
"text": "HTMLElement"
|
|
1110
|
+
},
|
|
1111
|
+
"description": "Specifies the current selected option."
|
|
1319
1112
|
},
|
|
1320
1113
|
{
|
|
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
|
-
}
|
|
1114
|
+
"kind": "field",
|
|
1115
|
+
"name": "persistInput",
|
|
1116
|
+
"privacy": "public",
|
|
1117
|
+
"type": {
|
|
1118
|
+
"text": "boolean"
|
|
1337
1119
|
},
|
|
1338
|
-
"
|
|
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
|
|
1339
1123
|
},
|
|
1340
1124
|
{
|
|
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
|
-
}
|
|
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
|
|
1364
1135
|
},
|
|
1365
1136
|
{
|
|
1366
|
-
"kind": "
|
|
1367
|
-
"name": "
|
|
1368
|
-
"
|
|
1369
|
-
"
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
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
|
|
1375
1146
|
},
|
|
1376
1147
|
{
|
|
1377
|
-
"kind": "
|
|
1378
|
-
"name": "
|
|
1379
|
-
"
|
|
1380
|
-
"
|
|
1381
|
-
"
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
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
|
|
1385
1157
|
},
|
|
1386
1158
|
{
|
|
1387
|
-
"kind": "
|
|
1388
|
-
"name": "
|
|
1389
|
-
"
|
|
1390
|
-
"
|
|
1391
|
-
"
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
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"
|
|
1395
1167
|
},
|
|
1396
1168
|
{
|
|
1397
|
-
"kind": "
|
|
1398
|
-
"name": "
|
|
1399
|
-
"
|
|
1400
|
-
"
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1404
|
-
|
|
1405
|
-
}
|
|
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"
|
|
1406
1177
|
},
|
|
1407
1178
|
{
|
|
1408
|
-
"kind": "
|
|
1409
|
-
"name": "
|
|
1410
|
-
"privacy": "
|
|
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"
|
|
1411
1187
|
},
|
|
1412
1188
|
{
|
|
1413
|
-
"kind": "
|
|
1414
|
-
"name": "
|
|
1415
|
-
"privacy": "
|
|
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"
|
|
1416
1197
|
},
|
|
1417
1198
|
{
|
|
1418
|
-
"kind": "
|
|
1419
|
-
"name": "
|
|
1420
|
-
"privacy": "private"
|
|
1199
|
+
"kind": "field",
|
|
1200
|
+
"name": "touched",
|
|
1201
|
+
"privacy": "private",
|
|
1202
|
+
"type": {
|
|
1203
|
+
"text": "boolean"
|
|
1204
|
+
},
|
|
1205
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1421
1206
|
},
|
|
1422
1207
|
{
|
|
1423
|
-
"kind": "
|
|
1424
|
-
"name": "
|
|
1425
|
-
"
|
|
1426
|
-
"
|
|
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
|
|
1427
1217
|
},
|
|
1428
1218
|
{
|
|
1429
|
-
"kind": "
|
|
1430
|
-
"name": "
|
|
1431
|
-
"
|
|
1432
|
-
"
|
|
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
|
|
1433
1228
|
},
|
|
1434
1229
|
{
|
|
1435
|
-
"kind": "
|
|
1436
|
-
"name": "
|
|
1437
|
-
"
|
|
1438
|
-
"
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
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
|
|
1444
1239
|
},
|
|
1445
1240
|
{
|
|
1446
|
-
"kind": "
|
|
1447
|
-
"name": "
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
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
|
|
1455
1250
|
},
|
|
1456
1251
|
{
|
|
1457
|
-
"kind": "
|
|
1458
|
-
"name": "
|
|
1459
|
-
"
|
|
1460
|
-
"
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
}
|
|
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"
|
|
1466
1260
|
},
|
|
1467
1261
|
{
|
|
1468
|
-
"kind": "
|
|
1469
|
-
"name": "
|
|
1470
|
-
"
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
},
|
|
1478
|
-
{
|
|
1479
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
1480
|
-
"name": "event.detail.loading",
|
|
1481
|
-
"type": {
|
|
1482
|
-
"text": "boolean"
|
|
1483
|
-
}
|
|
1484
|
-
},
|
|
1485
|
-
{
|
|
1486
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
1487
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
1488
|
-
"type": {
|
|
1489
|
-
"text": "boolean"
|
|
1490
|
-
}
|
|
1491
|
-
}
|
|
1492
|
-
],
|
|
1493
|
-
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1494
|
-
"privacy": "private",
|
|
1495
|
-
"return": {
|
|
1496
|
-
"type": {
|
|
1497
|
-
"text": "void"
|
|
1498
|
-
}
|
|
1499
|
-
}
|
|
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
|
|
1500
1271
|
},
|
|
1501
1272
|
{
|
|
1502
|
-
"kind": "
|
|
1503
|
-
"name": "
|
|
1504
|
-
"
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
],
|
|
1513
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1514
|
-
"privacy": "private",
|
|
1515
|
-
"return": {
|
|
1516
|
-
"type": {
|
|
1517
|
-
"text": "void"
|
|
1518
|
-
}
|
|
1519
|
-
}
|
|
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
|
|
1520
1283
|
},
|
|
1521
1284
|
{
|
|
1522
|
-
"kind": "
|
|
1523
|
-
"name": "
|
|
1524
|
-
"parameters": [
|
|
1525
|
-
{
|
|
1526
|
-
"name": "event",
|
|
1527
|
-
"description": "The input event from the trigger input element.",
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "Event"
|
|
1530
|
-
}
|
|
1531
|
-
}
|
|
1532
|
-
],
|
|
1533
|
-
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
1285
|
+
"kind": "field",
|
|
1286
|
+
"name": "optionActive",
|
|
1534
1287
|
"privacy": "private",
|
|
1535
|
-
"
|
|
1536
|
-
"
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
}
|
|
1288
|
+
"type": {
|
|
1289
|
+
"text": "HTMLElement"
|
|
1290
|
+
},
|
|
1291
|
+
"description": "Specifies the currently active option."
|
|
1540
1292
|
},
|
|
1541
1293
|
{
|
|
1542
|
-
"kind": "
|
|
1543
|
-
"name": "
|
|
1544
|
-
"description": "
|
|
1294
|
+
"kind": "field",
|
|
1295
|
+
"name": "componentHasFocus",
|
|
1296
|
+
"description": "Returns true if the element has focus.",
|
|
1545
1297
|
"privacy": "private",
|
|
1546
1298
|
"return": {
|
|
1547
1299
|
"type": {
|
|
1548
|
-
"text": "
|
|
1549
|
-
}
|
|
1550
|
-
}
|
|
1551
|
-
},
|
|
1552
|
-
{
|
|
1553
|
-
"kind": "method",
|
|
1554
|
-
"name": "focus",
|
|
1555
|
-
"description": "Focuses the combobox trigger input.",
|
|
1556
|
-
"return": {
|
|
1557
|
-
"type": {
|
|
1558
|
-
"text": "void"
|
|
1300
|
+
"text": "boolean"
|
|
1559
1301
|
}
|
|
1302
|
+
},
|
|
1303
|
+
"readonly": true,
|
|
1304
|
+
"inheritedFrom": {
|
|
1305
|
+
"name": "AuroElement",
|
|
1306
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1560
1307
|
}
|
|
1561
1308
|
},
|
|
1562
1309
|
{
|
|
1563
1310
|
"kind": "method",
|
|
1564
|
-
"name": "
|
|
1565
|
-
"
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
"description": "The value to set on the menu.",
|
|
1569
|
-
"type": {
|
|
1570
|
-
"text": "string"
|
|
1571
|
-
}
|
|
1572
|
-
}
|
|
1573
|
-
],
|
|
1574
|
-
"description": "Sets the menu value if menu is available.",
|
|
1575
|
-
"return": {
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "void"
|
|
1578
|
-
}
|
|
1311
|
+
"name": "resetShapeClasses",
|
|
1312
|
+
"inheritedFrom": {
|
|
1313
|
+
"name": "AuroElement",
|
|
1314
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1579
1315
|
}
|
|
1580
1316
|
},
|
|
1581
1317
|
{
|
|
1582
1318
|
"kind": "method",
|
|
1583
|
-
"name": "
|
|
1584
|
-
"
|
|
1585
|
-
|
|
1586
|
-
"
|
|
1587
|
-
"text": "void"
|
|
1588
|
-
}
|
|
1319
|
+
"name": "resetLayoutClasses",
|
|
1320
|
+
"inheritedFrom": {
|
|
1321
|
+
"name": "AuroElement",
|
|
1322
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1589
1323
|
}
|
|
1590
1324
|
},
|
|
1591
1325
|
{
|
|
1592
1326
|
"kind": "method",
|
|
1593
|
-
"name": "
|
|
1594
|
-
"
|
|
1595
|
-
|
|
1596
|
-
"
|
|
1597
|
-
"text": "void"
|
|
1598
|
-
}
|
|
1327
|
+
"name": "updateComponentArchitecture",
|
|
1328
|
+
"inheritedFrom": {
|
|
1329
|
+
"name": "AuroElement",
|
|
1330
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1599
1331
|
}
|
|
1600
|
-
}
|
|
1332
|
+
}
|
|
1333
|
+
],
|
|
1334
|
+
"events": [
|
|
1601
1335
|
{
|
|
1602
|
-
"
|
|
1603
|
-
"
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
1607
|
-
"default": "false",
|
|
1608
|
-
"description": "Whether to force validation.",
|
|
1609
|
-
"optional": true,
|
|
1610
|
-
"type": {
|
|
1611
|
-
"text": "boolean"
|
|
1612
|
-
}
|
|
1613
|
-
}
|
|
1614
|
-
],
|
|
1615
|
-
"description": "Validates value."
|
|
1336
|
+
"name": "inputValue",
|
|
1337
|
+
"type": {
|
|
1338
|
+
"text": "CustomEvent"
|
|
1339
|
+
},
|
|
1340
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1616
1341
|
},
|
|
1617
1342
|
{
|
|
1618
|
-
"
|
|
1619
|
-
"
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
"description": "The slot element containing the nodes to apply.",
|
|
1624
|
-
"type": {
|
|
1625
|
-
"text": "HTMLSlotElement"
|
|
1626
|
-
}
|
|
1627
|
-
},
|
|
1628
|
-
{
|
|
1629
|
-
"name": "target",
|
|
1630
|
-
"description": "The target element to apply the nodes to.",
|
|
1631
|
-
"type": {
|
|
1632
|
-
"text": "HTMLElement"
|
|
1633
|
-
}
|
|
1634
|
-
},
|
|
1635
|
-
{
|
|
1636
|
-
"name": "newSlotName",
|
|
1637
|
-
"description": "The new slot name for the applied nodes.",
|
|
1638
|
-
"type": {
|
|
1639
|
-
"text": "string"
|
|
1640
|
-
}
|
|
1641
|
-
}
|
|
1642
|
-
],
|
|
1643
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1644
|
-
"privacy": "private",
|
|
1645
|
-
"return": {
|
|
1646
|
-
"type": {
|
|
1647
|
-
"text": "void"
|
|
1648
|
-
}
|
|
1649
|
-
}
|
|
1343
|
+
"name": "input",
|
|
1344
|
+
"type": {
|
|
1345
|
+
"text": "CustomEvent"
|
|
1346
|
+
},
|
|
1347
|
+
"description": "Notifies that the component has a new value set."
|
|
1650
1348
|
},
|
|
1651
1349
|
{
|
|
1652
|
-
"
|
|
1653
|
-
"
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
"type": {
|
|
1659
|
-
"text": "number"
|
|
1660
|
-
}
|
|
1661
|
-
}
|
|
1662
|
-
],
|
|
1663
|
-
"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."
|
|
1664
1356
|
},
|
|
1665
1357
|
{
|
|
1666
|
-
"
|
|
1667
|
-
"name": "
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
"description": "`slotchange` event.",
|
|
1672
|
-
"type": {
|
|
1673
|
-
"text": "Event"
|
|
1674
|
-
}
|
|
1675
|
-
}
|
|
1676
|
-
],
|
|
1677
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1678
|
-
"privacy": "private",
|
|
1679
|
-
"return": {
|
|
1680
|
-
"type": {
|
|
1681
|
-
"text": "void"
|
|
1682
|
-
}
|
|
1683
|
-
}
|
|
1684
|
-
},
|
|
1358
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1359
|
+
"name": "auroFormElement-validated"
|
|
1360
|
+
}
|
|
1361
|
+
],
|
|
1362
|
+
"attributes": [
|
|
1685
1363
|
{
|
|
1686
|
-
"kind": "field",
|
|
1687
1364
|
"name": "appearance",
|
|
1688
|
-
"privacy": "public",
|
|
1689
1365
|
"type": {
|
|
1690
1366
|
"text": "'default' | 'inverse'"
|
|
1691
1367
|
},
|
|
1692
1368
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1693
1369
|
"default": "'default'",
|
|
1694
|
-
"
|
|
1695
|
-
"reflects": true
|
|
1370
|
+
"fieldName": "appearance"
|
|
1696
1371
|
},
|
|
1697
1372
|
{
|
|
1698
|
-
"kind": "field",
|
|
1699
1373
|
"name": "autocomplete",
|
|
1700
|
-
"privacy": "public",
|
|
1701
1374
|
"type": {
|
|
1702
1375
|
"text": "string"
|
|
1703
1376
|
},
|
|
1704
1377
|
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1705
|
-
"
|
|
1706
|
-
"reflects": true
|
|
1378
|
+
"fieldName": "autocomplete"
|
|
1707
1379
|
},
|
|
1708
1380
|
{
|
|
1709
|
-
"
|
|
1710
|
-
"name": "autoPlacement",
|
|
1711
|
-
"privacy": "public",
|
|
1381
|
+
"name": "autoplacement",
|
|
1712
1382
|
"type": {
|
|
1713
1383
|
"text": "boolean"
|
|
1714
1384
|
},
|
|
1715
1385
|
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1716
|
-
"
|
|
1717
|
-
"reflects": true
|
|
1718
|
-
},
|
|
1719
|
-
{
|
|
1720
|
-
"kind": "field",
|
|
1721
|
-
"name": "availableOptions",
|
|
1722
|
-
"privacy": "private",
|
|
1723
|
-
"type": {
|
|
1724
|
-
"text": "HTMLElement[]"
|
|
1725
|
-
},
|
|
1726
|
-
"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"
|
|
1727
1387
|
},
|
|
1728
1388
|
{
|
|
1729
|
-
"kind": "field",
|
|
1730
1389
|
"name": "behavior",
|
|
1731
|
-
"privacy": "public",
|
|
1732
1390
|
"type": {
|
|
1733
1391
|
"text": "'filter' | 'suggestion'"
|
|
1734
1392
|
},
|
|
1735
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.",
|
|
1736
1394
|
"default": "'suggestion'",
|
|
1737
|
-
"
|
|
1738
|
-
"reflects": true
|
|
1395
|
+
"fieldName": "behavior"
|
|
1739
1396
|
},
|
|
1740
1397
|
{
|
|
1741
|
-
"kind": "field",
|
|
1742
1398
|
"name": "checkmark",
|
|
1743
|
-
"privacy": "public",
|
|
1744
1399
|
"type": {
|
|
1745
1400
|
"text": "boolean"
|
|
1746
1401
|
},
|
|
1747
1402
|
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1748
|
-
"
|
|
1749
|
-
"reflects": true
|
|
1403
|
+
"fieldName": "checkmark"
|
|
1750
1404
|
},
|
|
1751
1405
|
{
|
|
1752
|
-
"kind": "field",
|
|
1753
1406
|
"name": "disabled",
|
|
1754
|
-
"privacy": "public",
|
|
1755
1407
|
"type": {
|
|
1756
1408
|
"text": "boolean"
|
|
1757
1409
|
},
|
|
1758
1410
|
"description": "If set, disables the combobox.",
|
|
1759
|
-
"
|
|
1760
|
-
"reflects": true
|
|
1761
|
-
},
|
|
1762
|
-
{
|
|
1763
|
-
"kind": "field",
|
|
1764
|
-
"name": "dropdownId",
|
|
1765
|
-
"privacy": "private",
|
|
1766
|
-
"type": {
|
|
1767
|
-
"text": "string"
|
|
1768
|
-
},
|
|
1769
|
-
"description": "ID for the dropdown."
|
|
1770
|
-
},
|
|
1771
|
-
{
|
|
1772
|
-
"kind": "field",
|
|
1773
|
-
"name": "dropdownOpen",
|
|
1774
|
-
"privacy": "private",
|
|
1775
|
-
"type": {
|
|
1776
|
-
"text": "boolean"
|
|
1777
|
-
},
|
|
1778
|
-
"description": "Whether or not the dropdown is open."
|
|
1411
|
+
"fieldName": "disabled"
|
|
1779
1412
|
},
|
|
1780
1413
|
{
|
|
1781
|
-
"
|
|
1782
|
-
"name": "dvInputOnly",
|
|
1783
|
-
"privacy": "public",
|
|
1414
|
+
"name": "dvinputonly",
|
|
1784
1415
|
"type": {
|
|
1785
1416
|
"text": "boolean"
|
|
1786
1417
|
},
|
|
1787
1418
|
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1788
|
-
"
|
|
1789
|
-
"reflects": true
|
|
1419
|
+
"fieldName": "dvInputOnly"
|
|
1790
1420
|
},
|
|
1791
1421
|
{
|
|
1792
|
-
"kind": "field",
|
|
1793
1422
|
"name": "error",
|
|
1794
|
-
"privacy": "public",
|
|
1795
1423
|
"type": {
|
|
1796
1424
|
"text": "string"
|
|
1797
1425
|
},
|
|
1798
1426
|
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1799
|
-
"
|
|
1800
|
-
"reflects": true
|
|
1427
|
+
"fieldName": "error"
|
|
1801
1428
|
},
|
|
1802
1429
|
{
|
|
1803
|
-
"kind": "field",
|
|
1804
1430
|
"name": "format",
|
|
1805
|
-
"privacy": "public",
|
|
1806
1431
|
"type": {
|
|
1807
1432
|
"text": "string"
|
|
1808
1433
|
},
|
|
1809
1434
|
"description": "Specifies the input mask format.",
|
|
1810
|
-
"
|
|
1811
|
-
"reflects": true
|
|
1435
|
+
"fieldName": "format"
|
|
1812
1436
|
},
|
|
1813
1437
|
{
|
|
1814
|
-
"kind": "field",
|
|
1815
1438
|
"name": "inputmode",
|
|
1816
|
-
"privacy": "public",
|
|
1817
1439
|
"type": {
|
|
1818
1440
|
"text": "string"
|
|
1819
1441
|
},
|
|
1820
1442
|
"description": "Exposes inputmode attribute for input.",
|
|
1821
|
-
"
|
|
1822
|
-
"reflects": true
|
|
1443
|
+
"fieldName": "inputmode"
|
|
1823
1444
|
},
|
|
1824
1445
|
{
|
|
1825
|
-
"kind": "field",
|
|
1826
1446
|
"name": "layout",
|
|
1827
|
-
"privacy": "public",
|
|
1828
1447
|
"type": {
|
|
1829
1448
|
"text": "'classic' | 'emphasized' | 'snowflake'"
|
|
1830
1449
|
},
|
|
1831
1450
|
"description": "Sets the layout of the combobox.",
|
|
1832
1451
|
"default": "'classic'",
|
|
1833
|
-
"
|
|
1834
|
-
"reflects": true
|
|
1452
|
+
"fieldName": "layout"
|
|
1835
1453
|
},
|
|
1836
1454
|
{
|
|
1837
|
-
"kind": "field",
|
|
1838
1455
|
"name": "shape",
|
|
1839
|
-
"privacy": "public",
|
|
1840
1456
|
"type": {
|
|
1841
1457
|
"text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
|
|
1842
1458
|
},
|
|
1843
1459
|
"description": "Sets the shape of the combobox.",
|
|
1844
1460
|
"default": "'classic'",
|
|
1845
|
-
"
|
|
1846
|
-
|
|
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"
|
|
1847
1606
|
},
|
|
1848
1607
|
{
|
|
1849
|
-
"
|
|
1850
|
-
"name": "size",
|
|
1851
|
-
"privacy": "public",
|
|
1608
|
+
"name": "type",
|
|
1852
1609
|
"type": {
|
|
1853
|
-
"text": "'
|
|
1610
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
1854
1611
|
},
|
|
1855
|
-
"description": "
|
|
1856
|
-
"
|
|
1857
|
-
"attribute": "size",
|
|
1858
|
-
"reflects": true
|
|
1612
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1613
|
+
"fieldName": "type"
|
|
1859
1614
|
},
|
|
1860
1615
|
{
|
|
1861
|
-
"
|
|
1862
|
-
"name": "matchWidth",
|
|
1863
|
-
"privacy": "private",
|
|
1616
|
+
"name": "typedvalue",
|
|
1864
1617
|
"type": {
|
|
1865
|
-
"text": "
|
|
1618
|
+
"text": "string"
|
|
1866
1619
|
},
|
|
1867
|
-
"description": "
|
|
1868
|
-
"
|
|
1869
|
-
"reflects": true
|
|
1620
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1621
|
+
"fieldName": "typedValue"
|
|
1870
1622
|
},
|
|
1871
1623
|
{
|
|
1872
|
-
"
|
|
1873
|
-
"name": "noFilter",
|
|
1874
|
-
"privacy": "public",
|
|
1624
|
+
"name": "validity",
|
|
1875
1625
|
"type": {
|
|
1876
|
-
"text": "
|
|
1626
|
+
"text": "string"
|
|
1877
1627
|
},
|
|
1878
|
-
"description": "
|
|
1879
|
-
"
|
|
1880
|
-
"reflects": true
|
|
1628
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1629
|
+
"fieldName": "validity"
|
|
1881
1630
|
},
|
|
1882
1631
|
{
|
|
1883
|
-
"
|
|
1884
|
-
"name": "noFlip",
|
|
1885
|
-
"privacy": "public",
|
|
1632
|
+
"name": "value",
|
|
1886
1633
|
"type": {
|
|
1887
|
-
"text": "
|
|
1634
|
+
"text": "string"
|
|
1888
1635
|
},
|
|
1889
|
-
"description": "
|
|
1890
|
-
"
|
|
1891
|
-
"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"
|
|
1892
1638
|
},
|
|
1893
1639
|
{
|
|
1894
|
-
"
|
|
1895
|
-
"name": "shift",
|
|
1896
|
-
"privacy": "public",
|
|
1640
|
+
"name": "largefullscreenheadline",
|
|
1897
1641
|
"type": {
|
|
1898
1642
|
"text": "boolean"
|
|
1899
1643
|
},
|
|
1900
|
-
"description": "If declared,
|
|
1901
|
-
"
|
|
1902
|
-
"reflects": true
|
|
1644
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1645
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1903
1646
|
},
|
|
1904
1647
|
{
|
|
1905
|
-
"
|
|
1906
|
-
"name": "noValidate",
|
|
1907
|
-
"privacy": "public",
|
|
1648
|
+
"name": "fullscreenbreakpoint",
|
|
1908
1649
|
"type": {
|
|
1909
|
-
"text": "
|
|
1650
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1910
1651
|
},
|
|
1911
|
-
"description": "
|
|
1912
|
-
"
|
|
1913
|
-
"
|
|
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."
|
|
1914
1858
|
},
|
|
1915
1859
|
{
|
|
1916
1860
|
"kind": "field",
|
|
1917
|
-
"name": "
|
|
1861
|
+
"name": "appearance",
|
|
1918
1862
|
"privacy": "public",
|
|
1919
1863
|
"type": {
|
|
1920
|
-
"text": "
|
|
1864
|
+
"text": "'default' | 'inverse'"
|
|
1921
1865
|
},
|
|
1922
|
-
"description": "
|
|
1923
|
-
"default": "
|
|
1924
|
-
"attribute": "
|
|
1866
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1867
|
+
"default": "'default'",
|
|
1868
|
+
"attribute": "appearance",
|
|
1925
1869
|
"reflects": true
|
|
1926
1870
|
},
|
|
1927
1871
|
{
|
|
1928
1872
|
"kind": "field",
|
|
1929
|
-
"name": "
|
|
1873
|
+
"name": "disabled",
|
|
1930
1874
|
"privacy": "public",
|
|
1931
1875
|
"type": {
|
|
1932
1876
|
"text": "boolean"
|
|
1933
1877
|
},
|
|
1934
|
-
"description": "
|
|
1935
|
-
"attribute": "
|
|
1936
|
-
"reflects": true
|
|
1937
|
-
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
1938
|
-
"inheritedFrom": {
|
|
1939
|
-
"name": "AuroElement",
|
|
1940
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1941
|
-
}
|
|
1878
|
+
"description": "If set, disables the checkbox group.",
|
|
1879
|
+
"attribute": "disabled",
|
|
1880
|
+
"reflects": true
|
|
1942
1881
|
},
|
|
1943
1882
|
{
|
|
1944
1883
|
"kind": "field",
|
|
1945
|
-
"name": "
|
|
1884
|
+
"name": "error",
|
|
1946
1885
|
"privacy": "public",
|
|
1947
1886
|
"type": {
|
|
1948
|
-
"text": "
|
|
1887
|
+
"text": "string"
|
|
1949
1888
|
},
|
|
1950
|
-
"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
|
|
1951
1892
|
},
|
|
1952
1893
|
{
|
|
1953
1894
|
"kind": "field",
|
|
1954
|
-
"name": "
|
|
1895
|
+
"name": "horizontal",
|
|
1955
1896
|
"privacy": "public",
|
|
1956
1897
|
"type": {
|
|
1957
1898
|
"text": "boolean"
|
|
1958
1899
|
},
|
|
1959
|
-
"description": "If
|
|
1960
|
-
"attribute": "
|
|
1900
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1901
|
+
"attribute": "horizontal",
|
|
1961
1902
|
"reflects": true
|
|
1962
1903
|
},
|
|
1963
1904
|
{
|
|
1964
1905
|
"kind": "field",
|
|
1965
|
-
"name": "
|
|
1906
|
+
"name": "noValidate",
|
|
1966
1907
|
"privacy": "public",
|
|
1967
1908
|
"type": {
|
|
1968
|
-
"text": "
|
|
1909
|
+
"text": "boolean"
|
|
1969
1910
|
},
|
|
1970
|
-
"description": "
|
|
1971
|
-
"
|
|
1972
|
-
"attribute": "placement",
|
|
1911
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1912
|
+
"attribute": "novalidate",
|
|
1973
1913
|
"reflects": true
|
|
1974
1914
|
},
|
|
1975
1915
|
{
|
|
1976
1916
|
"kind": "field",
|
|
1977
|
-
"name": "
|
|
1917
|
+
"name": "onDark",
|
|
1978
1918
|
"privacy": "public",
|
|
1979
1919
|
"type": {
|
|
1980
|
-
"text": "
|
|
1920
|
+
"text": "boolean"
|
|
1981
1921
|
},
|
|
1982
|
-
"description": "
|
|
1983
|
-
"
|
|
1922
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1923
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
1924
|
+
"attribute": "ondark",
|
|
1984
1925
|
"reflects": true
|
|
1985
1926
|
},
|
|
1986
1927
|
{
|
|
@@ -1990,7 +1931,7 @@
|
|
|
1990
1931
|
"type": {
|
|
1991
1932
|
"text": "boolean"
|
|
1992
1933
|
},
|
|
1993
|
-
"description": "Populates the `required` attribute on the
|
|
1934
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1994
1935
|
"attribute": "required",
|
|
1995
1936
|
"reflects": true
|
|
1996
1937
|
},
|
|
@@ -2026,545 +1967,624 @@
|
|
|
2026
1967
|
},
|
|
2027
1968
|
{
|
|
2028
1969
|
"kind": "field",
|
|
2029
|
-
"name": "
|
|
1970
|
+
"name": "validity",
|
|
2030
1971
|
"privacy": "public",
|
|
2031
1972
|
"type": {
|
|
2032
1973
|
"text": "string"
|
|
2033
1974
|
},
|
|
2034
|
-
"description": "
|
|
2035
|
-
"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."
|
|
2036
1987
|
},
|
|
2037
1988
|
{
|
|
2038
|
-
"
|
|
2039
|
-
"name": "
|
|
2040
|
-
|
|
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",
|
|
2041
2005
|
"type": {
|
|
2042
2006
|
"text": "boolean"
|
|
2043
2007
|
},
|
|
2044
|
-
"description": "
|
|
2008
|
+
"description": "If set, disables the checkbox group.",
|
|
2009
|
+
"fieldName": "disabled"
|
|
2045
2010
|
},
|
|
2046
2011
|
{
|
|
2047
|
-
"
|
|
2048
|
-
"
|
|
2049
|
-
|
|
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",
|
|
2050
2021
|
"type": {
|
|
2051
2022
|
"text": "boolean"
|
|
2052
2023
|
},
|
|
2053
|
-
"description": "If set,
|
|
2054
|
-
"
|
|
2055
|
-
"reflects": true
|
|
2024
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
2025
|
+
"fieldName": "horizontal"
|
|
2056
2026
|
},
|
|
2057
2027
|
{
|
|
2058
|
-
"
|
|
2059
|
-
"name": "type",
|
|
2060
|
-
"privacy": "public",
|
|
2028
|
+
"name": "novalidate",
|
|
2061
2029
|
"type": {
|
|
2062
|
-
"text": "
|
|
2030
|
+
"text": "boolean"
|
|
2063
2031
|
},
|
|
2064
|
-
"description": "
|
|
2065
|
-
"
|
|
2066
|
-
"reflects": true
|
|
2032
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2033
|
+
"fieldName": "noValidate"
|
|
2067
2034
|
},
|
|
2068
2035
|
{
|
|
2069
|
-
"
|
|
2070
|
-
"name": "typedValue",
|
|
2071
|
-
"privacy": "public",
|
|
2036
|
+
"name": "ondark",
|
|
2072
2037
|
"type": {
|
|
2073
|
-
"text": "
|
|
2038
|
+
"text": "boolean"
|
|
2074
2039
|
},
|
|
2075
|
-
"description": "
|
|
2076
|
-
"
|
|
2077
|
-
"
|
|
2040
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2041
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2042
|
+
"fieldName": "onDark"
|
|
2078
2043
|
},
|
|
2079
2044
|
{
|
|
2080
|
-
"
|
|
2081
|
-
"
|
|
2082
|
-
|
|
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",
|
|
2083
2054
|
"type": {
|
|
2084
2055
|
"text": "string"
|
|
2085
2056
|
},
|
|
2086
|
-
"description": "
|
|
2087
|
-
"
|
|
2088
|
-
"reflects": true
|
|
2057
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2058
|
+
"fieldName": "setCustomValidity"
|
|
2089
2059
|
},
|
|
2090
2060
|
{
|
|
2091
|
-
"
|
|
2092
|
-
"name": "value",
|
|
2093
|
-
"privacy": "public",
|
|
2061
|
+
"name": "setcustomvaliditycustomerror",
|
|
2094
2062
|
"type": {
|
|
2095
2063
|
"text": "string"
|
|
2096
2064
|
},
|
|
2097
|
-
"description": "
|
|
2098
|
-
"
|
|
2065
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2066
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2099
2067
|
},
|
|
2100
2068
|
{
|
|
2101
|
-
"
|
|
2102
|
-
"name": "largeFullscreenHeadline",
|
|
2103
|
-
"privacy": "public",
|
|
2069
|
+
"name": "setcustomvalidityvaluemissing",
|
|
2104
2070
|
"type": {
|
|
2105
|
-
"text": "
|
|
2071
|
+
"text": "string"
|
|
2106
2072
|
},
|
|
2107
|
-
"description": "
|
|
2108
|
-
"
|
|
2109
|
-
"reflects": true
|
|
2073
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2074
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2110
2075
|
},
|
|
2111
2076
|
{
|
|
2112
|
-
"
|
|
2113
|
-
"name": "fullscreenBreakpoint",
|
|
2114
|
-
"privacy": "public",
|
|
2077
|
+
"name": "validity",
|
|
2115
2078
|
"type": {
|
|
2116
|
-
"text": "
|
|
2079
|
+
"text": "string"
|
|
2117
2080
|
},
|
|
2118
|
-
"description": "
|
|
2119
|
-
"
|
|
2120
|
-
|
|
2121
|
-
|
|
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."
|
|
2122
2153
|
},
|
|
2123
2154
|
{
|
|
2124
|
-
"kind": "
|
|
2125
|
-
"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.",
|
|
2126
2167
|
"privacy": "private",
|
|
2127
|
-
"
|
|
2128
|
-
"
|
|
2129
|
-
|
|
2130
|
-
|
|
2168
|
+
"return": {
|
|
2169
|
+
"type": {
|
|
2170
|
+
"text": "void"
|
|
2171
|
+
}
|
|
2172
|
+
}
|
|
2131
2173
|
},
|
|
2132
2174
|
{
|
|
2133
|
-
"kind": "
|
|
2134
|
-
"name": "
|
|
2135
|
-
"
|
|
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.",
|
|
2136
2187
|
"privacy": "private",
|
|
2137
2188
|
"return": {
|
|
2138
2189
|
"type": {
|
|
2139
|
-
"text": "
|
|
2190
|
+
"text": "void"
|
|
2140
2191
|
}
|
|
2141
|
-
},
|
|
2142
|
-
"readonly": true,
|
|
2143
|
-
"inheritedFrom": {
|
|
2144
|
-
"name": "AuroElement",
|
|
2145
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2146
2192
|
}
|
|
2147
2193
|
},
|
|
2148
2194
|
{
|
|
2149
2195
|
"kind": "method",
|
|
2150
|
-
"name": "
|
|
2151
|
-
"
|
|
2152
|
-
|
|
2153
|
-
|
|
2196
|
+
"name": "handleFocusin",
|
|
2197
|
+
"description": "Function to support",
|
|
2198
|
+
"privacy": "private",
|
|
2199
|
+
"return": {
|
|
2200
|
+
"type": {
|
|
2201
|
+
"text": "void"
|
|
2202
|
+
}
|
|
2154
2203
|
}
|
|
2155
2204
|
},
|
|
2156
2205
|
{
|
|
2157
2206
|
"kind": "method",
|
|
2158
|
-
"name": "
|
|
2159
|
-
"
|
|
2160
|
-
|
|
2161
|
-
|
|
2207
|
+
"name": "generateIconHtml",
|
|
2208
|
+
"description": "Function to generate checkmark svg.",
|
|
2209
|
+
"privacy": "private",
|
|
2210
|
+
"return": {
|
|
2211
|
+
"type": {
|
|
2212
|
+
"text": "HTMLElement"
|
|
2213
|
+
}
|
|
2162
2214
|
}
|
|
2163
2215
|
},
|
|
2164
2216
|
{
|
|
2165
2217
|
"kind": "method",
|
|
2166
|
-
"name": "
|
|
2167
|
-
"
|
|
2168
|
-
|
|
2169
|
-
"
|
|
2218
|
+
"name": "reset",
|
|
2219
|
+
"description": "Resets component to initial state.",
|
|
2220
|
+
"return": {
|
|
2221
|
+
"type": {
|
|
2222
|
+
"text": "void"
|
|
2223
|
+
}
|
|
2170
2224
|
}
|
|
2171
|
-
}
|
|
2172
|
-
],
|
|
2173
|
-
"events": [
|
|
2174
|
-
{
|
|
2175
|
-
"name": "inputValue",
|
|
2176
|
-
"type": {
|
|
2177
|
-
"text": "CustomEvent"
|
|
2178
|
-
},
|
|
2179
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2180
2225
|
},
|
|
2181
2226
|
{
|
|
2182
|
-
"
|
|
2183
|
-
"
|
|
2184
|
-
|
|
2185
|
-
|
|
2186
|
-
"
|
|
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
|
+
}
|
|
2187
2236
|
},
|
|
2188
2237
|
{
|
|
2189
|
-
"
|
|
2190
|
-
"
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
|
|
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
|
+
}
|
|
2195
2256
|
},
|
|
2196
2257
|
{
|
|
2197
|
-
"
|
|
2198
|
-
"name": "auroFormElement-validated"
|
|
2199
|
-
}
|
|
2200
|
-
],
|
|
2201
|
-
"attributes": [
|
|
2202
|
-
{
|
|
2258
|
+
"kind": "field",
|
|
2203
2259
|
"name": "appearance",
|
|
2260
|
+
"privacy": "public",
|
|
2204
2261
|
"type": {
|
|
2205
2262
|
"text": "'default' | 'inverse'"
|
|
2206
2263
|
},
|
|
2207
2264
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2208
2265
|
"default": "'default'",
|
|
2209
|
-
"
|
|
2210
|
-
|
|
2211
|
-
{
|
|
2212
|
-
"name": "autocomplete",
|
|
2213
|
-
"type": {
|
|
2214
|
-
"text": "string"
|
|
2215
|
-
},
|
|
2216
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2217
|
-
"fieldName": "autocomplete"
|
|
2218
|
-
},
|
|
2219
|
-
{
|
|
2220
|
-
"name": "autoplacement",
|
|
2221
|
-
"type": {
|
|
2222
|
-
"text": "boolean"
|
|
2223
|
-
},
|
|
2224
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2225
|
-
"fieldName": "autoPlacement"
|
|
2226
|
-
},
|
|
2227
|
-
{
|
|
2228
|
-
"name": "behavior",
|
|
2229
|
-
"type": {
|
|
2230
|
-
"text": "'filter' | 'suggestion'"
|
|
2231
|
-
},
|
|
2232
|
-
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
2233
|
-
"default": "'suggestion'",
|
|
2234
|
-
"fieldName": "behavior"
|
|
2266
|
+
"attribute": "appearance",
|
|
2267
|
+
"reflects": true
|
|
2235
2268
|
},
|
|
2236
2269
|
{
|
|
2237
|
-
"
|
|
2270
|
+
"kind": "field",
|
|
2271
|
+
"name": "checked",
|
|
2272
|
+
"privacy": "public",
|
|
2238
2273
|
"type": {
|
|
2239
2274
|
"text": "boolean"
|
|
2240
2275
|
},
|
|
2241
|
-
"description": "
|
|
2242
|
-
"
|
|
2276
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2277
|
+
"attribute": "checked",
|
|
2278
|
+
"reflects": true
|
|
2243
2279
|
},
|
|
2244
2280
|
{
|
|
2281
|
+
"kind": "field",
|
|
2245
2282
|
"name": "disabled",
|
|
2283
|
+
"privacy": "public",
|
|
2246
2284
|
"type": {
|
|
2247
2285
|
"text": "boolean"
|
|
2248
2286
|
},
|
|
2249
|
-
"description": "If set,
|
|
2250
|
-
"
|
|
2287
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2288
|
+
"attribute": "disabled",
|
|
2289
|
+
"reflects": true
|
|
2251
2290
|
},
|
|
2252
2291
|
{
|
|
2253
|
-
"
|
|
2292
|
+
"kind": "field",
|
|
2293
|
+
"name": "error",
|
|
2294
|
+
"privacy": "public",
|
|
2254
2295
|
"type": {
|
|
2255
2296
|
"text": "boolean"
|
|
2256
2297
|
},
|
|
2257
|
-
"description": "If
|
|
2258
|
-
"
|
|
2298
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2299
|
+
"attribute": "error",
|
|
2300
|
+
"reflects": true
|
|
2259
2301
|
},
|
|
2260
2302
|
{
|
|
2261
|
-
"
|
|
2303
|
+
"kind": "field",
|
|
2304
|
+
"name": "id",
|
|
2305
|
+
"privacy": "public",
|
|
2262
2306
|
"type": {
|
|
2263
2307
|
"text": "string"
|
|
2264
2308
|
},
|
|
2265
|
-
"description": "
|
|
2266
|
-
"
|
|
2309
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2310
|
+
"attribute": "id",
|
|
2311
|
+
"reflects": true
|
|
2267
2312
|
},
|
|
2268
2313
|
{
|
|
2269
|
-
"
|
|
2314
|
+
"kind": "field",
|
|
2315
|
+
"name": "inputId",
|
|
2316
|
+
"privacy": "private",
|
|
2270
2317
|
"type": {
|
|
2271
2318
|
"text": "string"
|
|
2272
2319
|
},
|
|
2273
|
-
"description": "
|
|
2274
|
-
"fieldName": "format"
|
|
2320
|
+
"description": "The id for input node."
|
|
2275
2321
|
},
|
|
2276
2322
|
{
|
|
2277
|
-
"
|
|
2323
|
+
"kind": "field",
|
|
2324
|
+
"name": "name",
|
|
2325
|
+
"privacy": "public",
|
|
2278
2326
|
"type": {
|
|
2279
2327
|
"text": "string"
|
|
2280
2328
|
},
|
|
2281
|
-
"description": "
|
|
2282
|
-
"
|
|
2283
|
-
},
|
|
2284
|
-
{
|
|
2285
|
-
"name": "layout",
|
|
2286
|
-
"type": {
|
|
2287
|
-
"text": "'classic' | 'emphasized' | 'snowflake'"
|
|
2288
|
-
},
|
|
2289
|
-
"description": "Sets the layout of the combobox.",
|
|
2290
|
-
"default": "'classic'",
|
|
2291
|
-
"fieldName": "layout"
|
|
2292
|
-
},
|
|
2293
|
-
{
|
|
2294
|
-
"name": "shape",
|
|
2295
|
-
"type": {
|
|
2296
|
-
"text": "'box' | 'classic' | 'pill' | 'pill-left' | 'pill-right' | 'rounded' | 'snowflake'"
|
|
2297
|
-
},
|
|
2298
|
-
"description": "Sets the shape of the combobox.",
|
|
2299
|
-
"default": "'classic'",
|
|
2300
|
-
"fieldName": "shape"
|
|
2329
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2330
|
+
"attribute": "name"
|
|
2301
2331
|
},
|
|
2302
2332
|
{
|
|
2303
|
-
"
|
|
2333
|
+
"kind": "field",
|
|
2334
|
+
"name": "onDark",
|
|
2335
|
+
"privacy": "public",
|
|
2304
2336
|
"type": {
|
|
2305
|
-
"text": "
|
|
2337
|
+
"text": "boolean"
|
|
2306
2338
|
},
|
|
2307
|
-
"description": "
|
|
2308
|
-
"
|
|
2309
|
-
"
|
|
2339
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2340
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2341
|
+
"attribute": "ondark",
|
|
2342
|
+
"reflects": true
|
|
2310
2343
|
},
|
|
2311
2344
|
{
|
|
2312
|
-
"
|
|
2345
|
+
"kind": "field",
|
|
2346
|
+
"name": "touched",
|
|
2347
|
+
"privacy": "private",
|
|
2313
2348
|
"type": {
|
|
2314
2349
|
"text": "boolean"
|
|
2315
2350
|
},
|
|
2316
|
-
"description": "
|
|
2317
|
-
"fieldName": "matchWidth"
|
|
2351
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2318
2352
|
},
|
|
2319
2353
|
{
|
|
2320
|
-
"
|
|
2354
|
+
"kind": "field",
|
|
2355
|
+
"name": "value",
|
|
2356
|
+
"privacy": "public",
|
|
2321
2357
|
"type": {
|
|
2322
|
-
"text": "
|
|
2358
|
+
"text": "string"
|
|
2323
2359
|
},
|
|
2324
|
-
"description": "
|
|
2325
|
-
"
|
|
2360
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2361
|
+
"attribute": "value"
|
|
2326
2362
|
},
|
|
2327
2363
|
{
|
|
2328
|
-
"
|
|
2364
|
+
"kind": "field",
|
|
2365
|
+
"name": "tabIndex",
|
|
2366
|
+
"privacy": "private",
|
|
2329
2367
|
"type": {
|
|
2330
|
-
"text": "
|
|
2368
|
+
"text": "number"
|
|
2331
2369
|
},
|
|
2332
|
-
"description": "
|
|
2333
|
-
"
|
|
2370
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2371
|
+
"attribute": "tabindex",
|
|
2372
|
+
"reflects": true
|
|
2334
2373
|
},
|
|
2335
2374
|
{
|
|
2336
|
-
"
|
|
2375
|
+
"kind": "field",
|
|
2376
|
+
"name": "ariaChecked",
|
|
2377
|
+
"privacy": "private",
|
|
2337
2378
|
"type": {
|
|
2338
|
-
"text": "
|
|
2379
|
+
"text": "string"
|
|
2339
2380
|
},
|
|
2340
|
-
"description": "
|
|
2341
|
-
"
|
|
2381
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2382
|
+
"attribute": "aria-checked",
|
|
2383
|
+
"reflects": true
|
|
2342
2384
|
},
|
|
2343
2385
|
{
|
|
2344
|
-
"
|
|
2386
|
+
"kind": "field",
|
|
2387
|
+
"name": "ariaDisabled",
|
|
2388
|
+
"privacy": "private",
|
|
2345
2389
|
"type": {
|
|
2346
|
-
"text": "
|
|
2390
|
+
"text": "string"
|
|
2347
2391
|
},
|
|
2348
|
-
"description": "
|
|
2349
|
-
"
|
|
2392
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2393
|
+
"attribute": "aria-disabled",
|
|
2394
|
+
"reflects": true
|
|
2350
2395
|
},
|
|
2351
2396
|
{
|
|
2352
|
-
"
|
|
2397
|
+
"kind": "field",
|
|
2398
|
+
"name": "role",
|
|
2399
|
+
"privacy": "private",
|
|
2353
2400
|
"type": {
|
|
2354
|
-
"text": "
|
|
2401
|
+
"text": "string"
|
|
2355
2402
|
},
|
|
2356
|
-
"description": "
|
|
2357
|
-
"
|
|
2358
|
-
"
|
|
2359
|
-
}
|
|
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": [
|
|
2360
2409
|
{
|
|
2361
|
-
"name": "
|
|
2410
|
+
"name": "auroCheckbox-input",
|
|
2362
2411
|
"type": {
|
|
2363
|
-
"text": "
|
|
2412
|
+
"text": "CustomEvent"
|
|
2364
2413
|
},
|
|
2365
|
-
"description": "DEPRECATED -
|
|
2366
|
-
"
|
|
2367
|
-
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2368
|
-
"inheritedFrom": {
|
|
2369
|
-
"name": "AuroElement",
|
|
2370
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2371
|
-
}
|
|
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."
|
|
2372
2416
|
},
|
|
2373
2417
|
{
|
|
2374
|
-
"name": "
|
|
2418
|
+
"name": "auroCheckbox-focusin",
|
|
2375
2419
|
"type": {
|
|
2376
|
-
"text": "
|
|
2420
|
+
"text": "CustomEvent"
|
|
2377
2421
|
},
|
|
2378
|
-
"description": "
|
|
2379
|
-
"fieldName": "persistInput"
|
|
2422
|
+
"description": "Notifies when the checkbox receives focus."
|
|
2380
2423
|
},
|
|
2381
2424
|
{
|
|
2382
|
-
"name": "
|
|
2425
|
+
"name": "auroCheckbox-focusout",
|
|
2383
2426
|
"type": {
|
|
2384
|
-
"text": "
|
|
2427
|
+
"text": "CustomEvent"
|
|
2385
2428
|
},
|
|
2386
|
-
"description": "
|
|
2387
|
-
"default": "'bottom-start'",
|
|
2388
|
-
"fieldName": "placement"
|
|
2429
|
+
"description": "Notifies when the checkbox loses focus."
|
|
2389
2430
|
},
|
|
2390
2431
|
{
|
|
2391
|
-
"
|
|
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",
|
|
2392
2444
|
"type": {
|
|
2393
|
-
"text": "
|
|
2445
|
+
"text": "'default' | 'inverse'"
|
|
2394
2446
|
},
|
|
2395
|
-
"description": "
|
|
2396
|
-
"
|
|
2447
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2448
|
+
"default": "'default'",
|
|
2449
|
+
"fieldName": "appearance"
|
|
2397
2450
|
},
|
|
2398
2451
|
{
|
|
2399
|
-
"name": "
|
|
2452
|
+
"name": "checked",
|
|
2400
2453
|
"type": {
|
|
2401
2454
|
"text": "boolean"
|
|
2402
2455
|
},
|
|
2403
|
-
"description": "
|
|
2404
|
-
"fieldName": "
|
|
2456
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2457
|
+
"fieldName": "checked"
|
|
2405
2458
|
},
|
|
2406
2459
|
{
|
|
2407
|
-
"name": "
|
|
2460
|
+
"name": "disabled",
|
|
2408
2461
|
"type": {
|
|
2409
|
-
"text": "
|
|
2462
|
+
"text": "boolean"
|
|
2410
2463
|
},
|
|
2411
|
-
"description": "
|
|
2412
|
-
"fieldName": "
|
|
2464
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2465
|
+
"fieldName": "disabled"
|
|
2413
2466
|
},
|
|
2414
2467
|
{
|
|
2415
|
-
"name": "
|
|
2468
|
+
"name": "error",
|
|
2416
2469
|
"type": {
|
|
2417
|
-
"text": "
|
|
2470
|
+
"text": "boolean"
|
|
2418
2471
|
},
|
|
2419
|
-
"description": "
|
|
2420
|
-
"fieldName": "
|
|
2472
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2473
|
+
"fieldName": "error"
|
|
2421
2474
|
},
|
|
2422
2475
|
{
|
|
2423
|
-
"name": "
|
|
2476
|
+
"name": "id",
|
|
2424
2477
|
"type": {
|
|
2425
2478
|
"text": "string"
|
|
2426
2479
|
},
|
|
2427
|
-
"description": "
|
|
2428
|
-
"fieldName": "
|
|
2480
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2481
|
+
"fieldName": "id"
|
|
2429
2482
|
},
|
|
2430
2483
|
{
|
|
2431
|
-
"name": "
|
|
2484
|
+
"name": "name",
|
|
2432
2485
|
"type": {
|
|
2433
2486
|
"text": "string"
|
|
2434
2487
|
},
|
|
2435
|
-
"description": "
|
|
2436
|
-
"fieldName": "
|
|
2488
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2489
|
+
"fieldName": "name"
|
|
2437
2490
|
},
|
|
2438
2491
|
{
|
|
2439
|
-
"name": "
|
|
2492
|
+
"name": "ondark",
|
|
2440
2493
|
"type": {
|
|
2441
2494
|
"text": "boolean"
|
|
2442
2495
|
},
|
|
2443
|
-
"description": "
|
|
2444
|
-
"
|
|
2445
|
-
|
|
2446
|
-
{
|
|
2447
|
-
"name": "type",
|
|
2448
|
-
"type": {
|
|
2449
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
2450
|
-
},
|
|
2451
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2452
|
-
"fieldName": "type"
|
|
2496
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2497
|
+
"deprecated": "Use `appearance=\"inverse\"` instead.",
|
|
2498
|
+
"fieldName": "onDark"
|
|
2453
2499
|
},
|
|
2454
2500
|
{
|
|
2455
|
-
"name": "
|
|
2501
|
+
"name": "value",
|
|
2456
2502
|
"type": {
|
|
2457
2503
|
"text": "string"
|
|
2458
2504
|
},
|
|
2459
|
-
"description": "
|
|
2460
|
-
"fieldName": "
|
|
2505
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2506
|
+
"fieldName": "value"
|
|
2461
2507
|
},
|
|
2462
2508
|
{
|
|
2463
|
-
"name": "
|
|
2509
|
+
"name": "tabindex",
|
|
2464
2510
|
"type": {
|
|
2465
|
-
"text": "
|
|
2511
|
+
"text": "number"
|
|
2466
2512
|
},
|
|
2467
|
-
"description": "
|
|
2468
|
-
"fieldName": "
|
|
2513
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2514
|
+
"fieldName": "tabIndex"
|
|
2469
2515
|
},
|
|
2470
2516
|
{
|
|
2471
|
-
"name": "
|
|
2517
|
+
"name": "aria-checked",
|
|
2472
2518
|
"type": {
|
|
2473
2519
|
"text": "string"
|
|
2474
2520
|
},
|
|
2475
|
-
"description": "
|
|
2476
|
-
"fieldName": "
|
|
2521
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2522
|
+
"fieldName": "ariaChecked"
|
|
2477
2523
|
},
|
|
2478
2524
|
{
|
|
2479
|
-
"name": "
|
|
2525
|
+
"name": "aria-disabled",
|
|
2480
2526
|
"type": {
|
|
2481
|
-
"text": "
|
|
2527
|
+
"text": "string"
|
|
2482
2528
|
},
|
|
2483
|
-
"description": "
|
|
2484
|
-
"fieldName": "
|
|
2529
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2530
|
+
"fieldName": "ariaDisabled"
|
|
2485
2531
|
},
|
|
2486
2532
|
{
|
|
2487
|
-
"name": "
|
|
2533
|
+
"name": "role",
|
|
2488
2534
|
"type": {
|
|
2489
|
-
"text": "
|
|
2535
|
+
"text": "string"
|
|
2490
2536
|
},
|
|
2491
|
-
"description": "
|
|
2492
|
-
"
|
|
2493
|
-
"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"
|
|
2494
2539
|
}
|
|
2495
2540
|
],
|
|
2496
2541
|
"superclass": {
|
|
2497
|
-
"name": "
|
|
2498
|
-
"
|
|
2542
|
+
"name": "LitElement",
|
|
2543
|
+
"package": "lit"
|
|
2499
2544
|
},
|
|
2500
|
-
"tagName": "auro-
|
|
2545
|
+
"tagName": "auro-checkbox",
|
|
2501
2546
|
"customElement": true
|
|
2502
2547
|
}
|
|
2503
2548
|
],
|
|
2504
2549
|
"exports": [
|
|
2505
2550
|
{
|
|
2506
2551
|
"kind": "js",
|
|
2507
|
-
"name": "
|
|
2552
|
+
"name": "AuroCheckbox",
|
|
2508
2553
|
"declaration": {
|
|
2509
|
-
"name": "
|
|
2510
|
-
"module": "components/
|
|
2554
|
+
"name": "AuroCheckbox",
|
|
2555
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
2511
2556
|
}
|
|
2512
2557
|
}
|
|
2513
2558
|
]
|
|
2514
2559
|
},
|
|
2515
2560
|
{
|
|
2516
2561
|
"kind": "javascript-module",
|
|
2517
|
-
"path": "components/
|
|
2518
|
-
"declarations": [
|
|
2519
|
-
{
|
|
2520
|
-
"kind": "variable",
|
|
2521
|
-
"name": "comboboxKeyboardStrategy",
|
|
2522
|
-
"type": {
|
|
2523
|
-
"text": "object"
|
|
2524
|
-
},
|
|
2525
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { if (evt.shiftKey) { if (selectAndExitBackward(component)) { evt.preventDefault(); } return; } selectAndClose(component); if (ctx.isModal) { // Fullscreen close does not automatically restore focus to the input. component.setClearBtnFocus(); } } } }"
|
|
2526
|
-
}
|
|
2527
|
-
],
|
|
2562
|
+
"path": "components/checkbox/src/index.js",
|
|
2563
|
+
"declarations": [],
|
|
2528
2564
|
"exports": [
|
|
2529
2565
|
{
|
|
2530
2566
|
"kind": "js",
|
|
2531
|
-
"name": "
|
|
2567
|
+
"name": "AuroCheckbox",
|
|
2532
2568
|
"declaration": {
|
|
2533
|
-
"name": "
|
|
2534
|
-
"module": "components/
|
|
2569
|
+
"name": "AuroCheckbox",
|
|
2570
|
+
"module": "components/checkbox/src/index.js"
|
|
2535
2571
|
}
|
|
2536
|
-
}
|
|
2537
|
-
]
|
|
2538
|
-
},
|
|
2539
|
-
{
|
|
2540
|
-
"kind": "javascript-module",
|
|
2541
|
-
"path": "components/combobox/src/index.js",
|
|
2542
|
-
"declarations": [],
|
|
2543
|
-
"exports": [
|
|
2572
|
+
},
|
|
2544
2573
|
{
|
|
2545
2574
|
"kind": "js",
|
|
2546
|
-
"name": "
|
|
2575
|
+
"name": "AuroCheckboxGroup",
|
|
2547
2576
|
"declaration": {
|
|
2548
|
-
"name": "
|
|
2549
|
-
"module": "components/
|
|
2577
|
+
"name": "AuroCheckboxGroup",
|
|
2578
|
+
"module": "components/checkbox/src/index.js"
|
|
2550
2579
|
}
|
|
2551
2580
|
}
|
|
2552
2581
|
]
|
|
2553
2582
|
},
|
|
2554
2583
|
{
|
|
2555
2584
|
"kind": "javascript-module",
|
|
2556
|
-
"path": "components/
|
|
2585
|
+
"path": "components/checkbox/src/registered.js",
|
|
2557
2586
|
"declarations": [],
|
|
2558
|
-
"exports": [
|
|
2559
|
-
{
|
|
2560
|
-
"kind": "js",
|
|
2561
|
-
"name": "AuroCombobox",
|
|
2562
|
-
"declaration": {
|
|
2563
|
-
"name": "AuroCombobox",
|
|
2564
|
-
"module": "components/combobox/src/registered.js"
|
|
2565
|
-
}
|
|
2566
|
-
}
|
|
2567
|
-
]
|
|
2587
|
+
"exports": []
|
|
2568
2588
|
},
|
|
2569
2589
|
{
|
|
2570
2590
|
"kind": "javascript-module",
|