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