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