@aurodesignsystem-dev/auro-formkit 0.0.0-pr1530.1 → 0.0.0-pr1531.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/customize.min.js +43 -21
- package/components/combobox/demo/getting-started.min.js +43 -21
- package/components/combobox/demo/index.min.js +43 -21
- package/components/combobox/dist/index.js +43 -21
- package/components/combobox/dist/registered.js +43 -21
- 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/accessibility.md +4 -13
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +69 -193
- package/components/datepicker/demo/index.min.js +69 -193
- package/components/datepicker/demo/voiceover.md +1 -1
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -11
- package/components/datepicker/dist/auro-calendar.d.ts +2 -26
- package/components/datepicker/dist/auro-datepicker.d.ts +1 -9
- package/components/datepicker/dist/index.js +69 -193
- package/components/datepicker/dist/registered.js +69 -193
- 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 +159 -239
- package/components/form/demo/getting-started.min.js +159 -239
- package/components/form/demo/index.min.js +159 -239
- package/components/form/demo/registerDemoDeps.min.js +159 -239
- package/components/input/demo/customize.min.js +41 -19
- package/components/input/demo/getting-started.min.js +41 -19
- package/components/input/demo/index.min.js +41 -19
- package/components/input/dist/base-input.d.ts +20 -4
- package/components/input/dist/index.js +41 -19
- package/components/input/dist/registered.js +41 -19
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.min.js +2 -2
- package/components/select/demo/getting-started.min.js +2 -2
- package/components/select/demo/index.min.js +2 -2
- package/components/select/dist/index.js +2 -2
- package/components/select/dist/registered.js +2 -2
- package/custom-elements.json +1619 -1595
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,34 +267,107 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"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.",
|
|
275
|
+
"name": "AuroCombobox",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": "
|
|
278
|
+
"description": "Default slot for the menu content.",
|
|
279
|
+
"name": ""
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "HTMLSlotElement"
|
|
284
|
+
},
|
|
282
285
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
283
286
|
"name": "optionalLabel"
|
|
284
287
|
},
|
|
285
288
|
{
|
|
286
|
-
"description": "
|
|
289
|
+
"description": "Sets aria-label on clear button",
|
|
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.",
|
|
287
306
|
"name": "helpText"
|
|
288
307
|
},
|
|
289
308
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
309
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
310
|
+
"name": "displayValue"
|
|
292
311
|
}
|
|
293
312
|
],
|
|
294
313
|
"members": [
|
|
295
314
|
{
|
|
296
315
|
"kind": "method",
|
|
297
|
-
"name": "_initializeDefaults"
|
|
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
|
+
}
|
|
298
371
|
},
|
|
299
372
|
{
|
|
300
373
|
"kind": "method",
|
|
@@ -303,7 +376,7 @@
|
|
|
303
376
|
"parameters": [
|
|
304
377
|
{
|
|
305
378
|
"name": "name",
|
|
306
|
-
"default": "
|
|
379
|
+
"default": "'auro-combobox'",
|
|
307
380
|
"description": "The name of the element that you want to register.",
|
|
308
381
|
"optional": true,
|
|
309
382
|
"type": {
|
|
@@ -315,24 +388,82 @@
|
|
|
315
388
|
},
|
|
316
389
|
{
|
|
317
390
|
"kind": "method",
|
|
318
|
-
"name": "
|
|
391
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
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",
|
|
319
431
|
"parameters": [
|
|
320
432
|
{
|
|
321
|
-
"name": "
|
|
322
|
-
"description": "The
|
|
433
|
+
"name": "label",
|
|
434
|
+
"description": "The label of the selected option.",
|
|
323
435
|
"type": {
|
|
324
|
-
"text": "
|
|
436
|
+
"text": "string"
|
|
325
437
|
}
|
|
326
|
-
}
|
|
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",
|
|
446
|
+
"parameters": [
|
|
327
447
|
{
|
|
328
|
-
"name": "
|
|
329
|
-
"description": "The
|
|
448
|
+
"name": "nextValue",
|
|
449
|
+
"description": "The value to write to both inputs.",
|
|
330
450
|
"type": {
|
|
331
|
-
"text": "
|
|
451
|
+
"text": "string"
|
|
332
452
|
}
|
|
333
453
|
}
|
|
334
454
|
],
|
|
335
|
-
"description": "
|
|
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
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
336
467
|
"privacy": "private",
|
|
337
468
|
"return": {
|
|
338
469
|
"type": {
|
|
@@ -342,8 +473,8 @@
|
|
|
342
473
|
},
|
|
343
474
|
{
|
|
344
475
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "
|
|
476
|
+
"name": "generateOptionsArray",
|
|
477
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
347
478
|
"privacy": "private",
|
|
348
479
|
"return": {
|
|
349
480
|
"type": {
|
|
@@ -353,9 +484,8 @@
|
|
|
353
484
|
},
|
|
354
485
|
{
|
|
355
486
|
"kind": "method",
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
358
|
-
"privacy": "private",
|
|
487
|
+
"name": "hideBib",
|
|
488
|
+
"description": "Hides the dropdown bib if its open.",
|
|
359
489
|
"return": {
|
|
360
490
|
"type": {
|
|
361
491
|
"text": "void"
|
|
@@ -364,8 +494,8 @@
|
|
|
364
494
|
},
|
|
365
495
|
{
|
|
366
496
|
"kind": "method",
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
497
|
+
"name": "showBib",
|
|
498
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
369
499
|
"return": {
|
|
370
500
|
"type": {
|
|
371
501
|
"text": "void"
|
|
@@ -374,325 +504,252 @@
|
|
|
374
504
|
},
|
|
375
505
|
{
|
|
376
506
|
"kind": "method",
|
|
377
|
-
"name": "
|
|
378
|
-
"
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
"
|
|
383
|
-
"optional": true,
|
|
384
|
-
"type": {
|
|
385
|
-
"text": "boolean"
|
|
386
|
-
}
|
|
507
|
+
"name": "configureDropdown",
|
|
508
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
509
|
+
"privacy": "private",
|
|
510
|
+
"return": {
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "void"
|
|
387
513
|
}
|
|
388
|
-
|
|
389
|
-
"description": "Validates value."
|
|
514
|
+
}
|
|
390
515
|
},
|
|
391
516
|
{
|
|
392
|
-
"kind": "
|
|
393
|
-
"name": "
|
|
394
|
-
"privacy": "
|
|
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
|
|
517
|
+
"kind": "method",
|
|
518
|
+
"name": "setClearBtnFocus",
|
|
519
|
+
"privacy": "private"
|
|
402
520
|
},
|
|
403
521
|
{
|
|
404
|
-
"kind": "
|
|
405
|
-
"name": "
|
|
406
|
-
"privacy": "
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "boolean"
|
|
409
|
-
},
|
|
410
|
-
"description": "If set, disables the checkbox group.",
|
|
411
|
-
"attribute": "disabled",
|
|
412
|
-
"reflects": true
|
|
522
|
+
"kind": "method",
|
|
523
|
+
"name": "setTriggerInputFocus",
|
|
524
|
+
"privacy": "private"
|
|
413
525
|
},
|
|
414
526
|
{
|
|
415
|
-
"kind": "
|
|
416
|
-
"name": "
|
|
417
|
-
"privacy": "
|
|
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
|
|
527
|
+
"kind": "method",
|
|
528
|
+
"name": "setInputFocus",
|
|
529
|
+
"privacy": "private"
|
|
424
530
|
},
|
|
425
531
|
{
|
|
426
|
-
"kind": "
|
|
427
|
-
"name": "
|
|
428
|
-
"
|
|
429
|
-
"
|
|
430
|
-
"text": "boolean"
|
|
431
|
-
},
|
|
432
|
-
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
-
"attribute": "horizontal",
|
|
434
|
-
"reflects": true
|
|
532
|
+
"kind": "method",
|
|
533
|
+
"name": "updateBibDialogRole",
|
|
534
|
+
"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.",
|
|
535
|
+
"privacy": "private"
|
|
435
536
|
},
|
|
436
537
|
{
|
|
437
|
-
"kind": "
|
|
438
|
-
"name": "
|
|
439
|
-
"
|
|
440
|
-
"
|
|
441
|
-
"text": "boolean"
|
|
442
|
-
},
|
|
443
|
-
"description": "If set, disables auto-validation on blur.",
|
|
444
|
-
"attribute": "noValidate",
|
|
445
|
-
"reflects": true
|
|
446
|
-
},
|
|
447
|
-
{
|
|
448
|
-
"kind": "field",
|
|
449
|
-
"name": "onDark",
|
|
450
|
-
"privacy": "public",
|
|
451
|
-
"type": {
|
|
452
|
-
"text": "boolean"
|
|
453
|
-
},
|
|
454
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
-
"attribute": "onDark",
|
|
456
|
-
"reflects": true
|
|
538
|
+
"kind": "method",
|
|
539
|
+
"name": "updateMenuShapeSize",
|
|
540
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
541
|
+
"privacy": "private"
|
|
457
542
|
},
|
|
458
543
|
{
|
|
459
|
-
"kind": "
|
|
460
|
-
"name": "
|
|
461
|
-
"
|
|
462
|
-
"
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
544
|
+
"kind": "method",
|
|
545
|
+
"name": "_getAnnouncementRoot",
|
|
546
|
+
"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.",
|
|
547
|
+
"privacy": "private",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "ShadowRoot"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
468
553
|
},
|
|
469
554
|
{
|
|
470
|
-
"kind": "
|
|
471
|
-
"name": "
|
|
472
|
-
"
|
|
473
|
-
"
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "configureMenu",
|
|
557
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
558
|
+
"privacy": "private",
|
|
559
|
+
"return": {
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "void"
|
|
562
|
+
}
|
|
563
|
+
}
|
|
478
564
|
},
|
|
479
565
|
{
|
|
480
|
-
"kind": "
|
|
481
|
-
"name": "
|
|
482
|
-
"
|
|
483
|
-
"
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
566
|
+
"kind": "method",
|
|
567
|
+
"name": "configureInput",
|
|
568
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
569
|
+
"privacy": "private",
|
|
570
|
+
"return": {
|
|
571
|
+
"type": {
|
|
572
|
+
"text": "void"
|
|
573
|
+
}
|
|
574
|
+
}
|
|
488
575
|
},
|
|
489
576
|
{
|
|
490
|
-
"kind": "
|
|
491
|
-
"name": "
|
|
492
|
-
"
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
577
|
+
"kind": "method",
|
|
578
|
+
"name": "handleMenuLoadingChange",
|
|
579
|
+
"parameters": [
|
|
580
|
+
{
|
|
581
|
+
"name": "event",
|
|
582
|
+
"description": "The event object containing details about the loading state change.",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "CustomEvent"
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
589
|
+
"name": "event.detail.loading",
|
|
590
|
+
"type": {
|
|
591
|
+
"text": "boolean"
|
|
592
|
+
}
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
596
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
597
|
+
"type": {
|
|
598
|
+
"text": "boolean"
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
],
|
|
602
|
+
"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.",
|
|
603
|
+
"privacy": "private",
|
|
604
|
+
"return": {
|
|
605
|
+
"type": {
|
|
606
|
+
"text": "void"
|
|
607
|
+
}
|
|
608
|
+
}
|
|
498
609
|
},
|
|
499
610
|
{
|
|
500
|
-
"kind": "
|
|
501
|
-
"name": "
|
|
502
|
-
"
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
"
|
|
514
|
-
|
|
515
|
-
|
|
611
|
+
"kind": "method",
|
|
612
|
+
"name": "handleInputValueChange",
|
|
613
|
+
"parameters": [
|
|
614
|
+
{
|
|
615
|
+
"name": "event",
|
|
616
|
+
"description": "The input event triggered by the input element.",
|
|
617
|
+
"type": {
|
|
618
|
+
"text": "Event"
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
623
|
+
"privacy": "private",
|
|
624
|
+
"return": {
|
|
625
|
+
"type": {
|
|
626
|
+
"text": "void"
|
|
627
|
+
}
|
|
516
628
|
}
|
|
517
629
|
},
|
|
518
630
|
{
|
|
519
|
-
"
|
|
520
|
-
"name": "
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
"
|
|
531
|
-
"
|
|
631
|
+
"kind": "method",
|
|
632
|
+
"name": "handleTriggerInputValueChange",
|
|
633
|
+
"parameters": [
|
|
634
|
+
{
|
|
635
|
+
"name": "event",
|
|
636
|
+
"description": "The input event from the trigger input element.",
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "Event"
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
],
|
|
642
|
+
"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.",
|
|
643
|
+
"privacy": "private",
|
|
644
|
+
"return": {
|
|
645
|
+
"type": {
|
|
646
|
+
"text": "void"
|
|
647
|
+
}
|
|
648
|
+
}
|
|
532
649
|
},
|
|
533
650
|
{
|
|
534
|
-
"
|
|
535
|
-
"
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
"
|
|
539
|
-
|
|
651
|
+
"kind": "method",
|
|
652
|
+
"name": "configureCombobox",
|
|
653
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
654
|
+
"privacy": "private",
|
|
655
|
+
"return": {
|
|
656
|
+
"type": {
|
|
657
|
+
"text": "void"
|
|
658
|
+
}
|
|
659
|
+
}
|
|
540
660
|
},
|
|
541
661
|
{
|
|
542
|
-
"
|
|
543
|
-
"
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
662
|
+
"kind": "method",
|
|
663
|
+
"name": "focus",
|
|
664
|
+
"description": "Focuses the combobox trigger input.",
|
|
665
|
+
"return": {
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "void"
|
|
668
|
+
}
|
|
669
|
+
}
|
|
548
670
|
},
|
|
549
671
|
{
|
|
550
|
-
"
|
|
551
|
-
"
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
672
|
+
"kind": "method",
|
|
673
|
+
"name": "setMenuValue",
|
|
674
|
+
"parameters": [
|
|
675
|
+
{
|
|
676
|
+
"name": "value",
|
|
677
|
+
"description": "The value to set on the menu.",
|
|
678
|
+
"type": {
|
|
679
|
+
"text": "string"
|
|
680
|
+
}
|
|
681
|
+
}
|
|
682
|
+
],
|
|
683
|
+
"description": "Sets the menu value if menu is available.",
|
|
684
|
+
"return": {
|
|
685
|
+
"type": {
|
|
686
|
+
"text": "void"
|
|
687
|
+
}
|
|
688
|
+
}
|
|
556
689
|
},
|
|
557
690
|
{
|
|
558
|
-
"
|
|
559
|
-
"
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
691
|
+
"kind": "method",
|
|
692
|
+
"name": "reset",
|
|
693
|
+
"description": "Resets component to initial state.",
|
|
694
|
+
"return": {
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "void"
|
|
697
|
+
}
|
|
698
|
+
}
|
|
564
699
|
},
|
|
565
700
|
{
|
|
566
|
-
"
|
|
567
|
-
"
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
701
|
+
"kind": "method",
|
|
702
|
+
"name": "clear",
|
|
703
|
+
"description": "Clears the current value of the combobox.",
|
|
704
|
+
"return": {
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "void"
|
|
707
|
+
}
|
|
708
|
+
}
|
|
572
709
|
},
|
|
573
|
-
{
|
|
574
|
-
"name": "required",
|
|
575
|
-
"type": {
|
|
576
|
-
"text": "boolean"
|
|
577
|
-
},
|
|
578
|
-
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
-
"fieldName": "required"
|
|
580
|
-
},
|
|
581
|
-
{
|
|
582
|
-
"name": "setCustomValidity",
|
|
583
|
-
"type": {
|
|
584
|
-
"text": "string"
|
|
585
|
-
},
|
|
586
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
-
"fieldName": "setCustomValidity"
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"name": "setCustomValidityCustomError",
|
|
591
|
-
"type": {
|
|
592
|
-
"text": "string"
|
|
593
|
-
},
|
|
594
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
-
"fieldName": "setCustomValidityCustomError"
|
|
596
|
-
},
|
|
597
|
-
{
|
|
598
|
-
"name": "setCustomValidityValueMissing",
|
|
599
|
-
"type": {
|
|
600
|
-
"text": "string"
|
|
601
|
-
},
|
|
602
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
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
710
|
{
|
|
663
711
|
"kind": "method",
|
|
664
|
-
"name": "
|
|
665
|
-
},
|
|
666
|
-
{
|
|
667
|
-
"kind": "method",
|
|
668
|
-
"name": "register",
|
|
669
|
-
"static": true,
|
|
712
|
+
"name": "validate",
|
|
670
713
|
"parameters": [
|
|
671
714
|
{
|
|
672
|
-
"name": "
|
|
673
|
-
"default": "
|
|
674
|
-
"description": "
|
|
715
|
+
"name": "force",
|
|
716
|
+
"default": "false",
|
|
717
|
+
"description": "Whether to force validation.",
|
|
675
718
|
"optional": true,
|
|
676
719
|
"type": {
|
|
677
|
-
"text": "
|
|
720
|
+
"text": "boolean"
|
|
678
721
|
}
|
|
679
722
|
}
|
|
680
723
|
],
|
|
681
|
-
"description": "
|
|
724
|
+
"description": "Validates value."
|
|
682
725
|
},
|
|
683
726
|
{
|
|
684
727
|
"kind": "method",
|
|
685
|
-
"name": "
|
|
728
|
+
"name": "transportAssignedNodes",
|
|
686
729
|
"parameters": [
|
|
687
730
|
{
|
|
688
|
-
"name": "
|
|
689
|
-
"description": "The
|
|
731
|
+
"name": "slot",
|
|
732
|
+
"description": "The slot element containing the nodes to apply.",
|
|
690
733
|
"type": {
|
|
691
|
-
"text": "
|
|
734
|
+
"text": "HTMLSlotElement"
|
|
735
|
+
}
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"name": "target",
|
|
739
|
+
"description": "The target element to apply the nodes to.",
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "HTMLElement"
|
|
742
|
+
}
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"name": "newSlotName",
|
|
746
|
+
"description": "The new slot name for the applied nodes.",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "string"
|
|
692
749
|
}
|
|
693
750
|
}
|
|
694
751
|
],
|
|
695
|
-
"description": "
|
|
752
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
696
753
|
"privacy": "private",
|
|
697
754
|
"return": {
|
|
698
755
|
"type": {
|
|
@@ -702,80 +759,31 @@
|
|
|
702
759
|
},
|
|
703
760
|
{
|
|
704
761
|
"kind": "method",
|
|
705
|
-
"name": "
|
|
762
|
+
"name": "updateActiveOption",
|
|
706
763
|
"parameters": [
|
|
707
764
|
{
|
|
708
|
-
"name": "
|
|
709
|
-
"description": "
|
|
765
|
+
"name": "index",
|
|
766
|
+
"description": "Index of the option to make active.",
|
|
710
767
|
"type": {
|
|
711
|
-
"text": "
|
|
768
|
+
"text": "number"
|
|
712
769
|
}
|
|
713
770
|
}
|
|
714
771
|
],
|
|
715
|
-
"description": "
|
|
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
|
-
}
|
|
772
|
+
"description": "Updates the active option in the menu."
|
|
765
773
|
},
|
|
766
774
|
{
|
|
767
775
|
"kind": "method",
|
|
768
|
-
"name": "
|
|
776
|
+
"name": "handleSlotChange",
|
|
769
777
|
"parameters": [
|
|
770
778
|
{
|
|
771
779
|
"name": "event",
|
|
772
|
-
"description": "
|
|
780
|
+
"description": "`slotchange` event.",
|
|
773
781
|
"type": {
|
|
774
|
-
"text": "
|
|
782
|
+
"text": "Event"
|
|
775
783
|
}
|
|
776
784
|
}
|
|
777
785
|
],
|
|
778
|
-
"description": "
|
|
786
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
779
787
|
"privacy": "private",
|
|
780
788
|
"return": {
|
|
781
789
|
"type": {
|
|
@@ -788,7 +796,7 @@
|
|
|
788
796
|
"name": "appearance",
|
|
789
797
|
"privacy": "public",
|
|
790
798
|
"type": {
|
|
791
|
-
"text": "
|
|
799
|
+
"text": "string"
|
|
792
800
|
},
|
|
793
801
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
802
|
"default": "'default'",
|
|
@@ -797,802 +805,982 @@
|
|
|
797
805
|
},
|
|
798
806
|
{
|
|
799
807
|
"kind": "field",
|
|
800
|
-
"name": "
|
|
808
|
+
"name": "autocomplete",
|
|
801
809
|
"privacy": "public",
|
|
802
810
|
"type": {
|
|
803
|
-
"text": "
|
|
811
|
+
"text": "string"
|
|
804
812
|
},
|
|
805
|
-
"description": "
|
|
806
|
-
"attribute": "
|
|
813
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
814
|
+
"attribute": "autocomplete",
|
|
807
815
|
"reflects": true
|
|
808
816
|
},
|
|
809
817
|
{
|
|
810
818
|
"kind": "field",
|
|
811
|
-
"name": "
|
|
819
|
+
"name": "autoPlacement",
|
|
812
820
|
"privacy": "public",
|
|
813
821
|
"type": {
|
|
814
822
|
"text": "boolean"
|
|
815
823
|
},
|
|
816
|
-
"description": "If
|
|
817
|
-
"attribute": "
|
|
824
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
825
|
+
"attribute": "autoPlacement",
|
|
818
826
|
"reflects": true
|
|
819
827
|
},
|
|
820
828
|
{
|
|
821
829
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
823
|
-
"privacy": "
|
|
830
|
+
"name": "availableOptions",
|
|
831
|
+
"privacy": "private",
|
|
824
832
|
"type": {
|
|
825
|
-
"text": "
|
|
833
|
+
"text": "array"
|
|
826
834
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"attribute": "
|
|
829
|
-
"reflects": true
|
|
835
|
+
"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).",
|
|
836
|
+
"attribute": "availableOptions"
|
|
830
837
|
},
|
|
831
838
|
{
|
|
832
839
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
840
|
+
"name": "behavior",
|
|
834
841
|
"privacy": "public",
|
|
835
842
|
"type": {
|
|
836
|
-
"text": "
|
|
843
|
+
"text": "'filter' | 'suggestion'"
|
|
837
844
|
},
|
|
838
|
-
"description": "
|
|
839
|
-
"
|
|
845
|
+
"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.",
|
|
846
|
+
"default": "'suggestion'",
|
|
847
|
+
"attribute": "behavior",
|
|
840
848
|
"reflects": true
|
|
841
849
|
},
|
|
842
850
|
{
|
|
843
851
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "private",
|
|
846
|
-
"type": {
|
|
847
|
-
"text": "string"
|
|
848
|
-
},
|
|
849
|
-
"description": "The id for input node."
|
|
850
|
-
},
|
|
851
|
-
{
|
|
852
|
-
"kind": "field",
|
|
853
|
-
"name": "name",
|
|
852
|
+
"name": "checkmark",
|
|
854
853
|
"privacy": "public",
|
|
855
854
|
"type": {
|
|
856
|
-
"text": "
|
|
855
|
+
"text": "boolean"
|
|
857
856
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"attribute": "
|
|
857
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
858
|
+
"attribute": "checkmark",
|
|
859
|
+
"reflects": true
|
|
860
860
|
},
|
|
861
861
|
{
|
|
862
862
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
863
|
+
"name": "disabled",
|
|
864
864
|
"privacy": "public",
|
|
865
865
|
"type": {
|
|
866
866
|
"text": "boolean"
|
|
867
867
|
},
|
|
868
|
-
"description": "
|
|
869
|
-
"attribute": "
|
|
868
|
+
"description": "If set, disables the combobox.",
|
|
869
|
+
"attribute": "disabled",
|
|
870
870
|
"reflects": true
|
|
871
871
|
},
|
|
872
872
|
{
|
|
873
873
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
874
|
+
"name": "dropdownId",
|
|
875
875
|
"privacy": "private",
|
|
876
876
|
"type": {
|
|
877
|
-
"text": "
|
|
877
|
+
"text": "string"
|
|
878
878
|
},
|
|
879
|
-
"description": "
|
|
879
|
+
"description": "ID for the dropdown."
|
|
880
880
|
},
|
|
881
881
|
{
|
|
882
882
|
"kind": "field",
|
|
883
|
-
"name": "
|
|
884
|
-
"privacy": "
|
|
883
|
+
"name": "dropdownOpen",
|
|
884
|
+
"privacy": "private",
|
|
885
885
|
"type": {
|
|
886
|
-
"text": "
|
|
886
|
+
"text": "boolean"
|
|
887
887
|
},
|
|
888
|
-
"description": "
|
|
889
|
-
"attribute": "value"
|
|
888
|
+
"description": "Whether or not the dropdown is open."
|
|
890
889
|
},
|
|
891
890
|
{
|
|
892
891
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "
|
|
892
|
+
"name": "dvInputOnly",
|
|
893
|
+
"privacy": "public",
|
|
895
894
|
"type": {
|
|
896
|
-
"text": "
|
|
895
|
+
"text": "boolean"
|
|
897
896
|
},
|
|
898
|
-
"description": "
|
|
899
|
-
"attribute": "
|
|
897
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
898
|
+
"attribute": "dvInputOnly",
|
|
900
899
|
"reflects": true
|
|
901
900
|
},
|
|
902
901
|
{
|
|
903
902
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
905
|
-
"privacy": "
|
|
903
|
+
"name": "error",
|
|
904
|
+
"privacy": "public",
|
|
906
905
|
"type": {
|
|
907
906
|
"text": "string"
|
|
908
907
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"attribute": "
|
|
908
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
909
|
+
"attribute": "error",
|
|
911
910
|
"reflects": true
|
|
912
911
|
},
|
|
913
912
|
{
|
|
914
913
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
914
|
+
"name": "format",
|
|
915
|
+
"privacy": "public",
|
|
917
916
|
"type": {
|
|
918
917
|
"text": "string"
|
|
919
918
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"attribute": "
|
|
919
|
+
"description": "Specifies the input mask format.",
|
|
920
|
+
"attribute": "format",
|
|
922
921
|
"reflects": true
|
|
923
922
|
},
|
|
924
923
|
{
|
|
925
924
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
927
|
-
"privacy": "
|
|
925
|
+
"name": "inputmode",
|
|
926
|
+
"privacy": "public",
|
|
928
927
|
"type": {
|
|
929
928
|
"text": "string"
|
|
930
929
|
},
|
|
931
|
-
"description": "
|
|
932
|
-
"attribute": "
|
|
930
|
+
"description": "Exposes inputmode attribute for input.",
|
|
931
|
+
"attribute": "inputmode",
|
|
933
932
|
"reflects": true
|
|
934
|
-
}
|
|
935
|
-
],
|
|
936
|
-
"events": [
|
|
933
|
+
},
|
|
937
934
|
{
|
|
938
|
-
"
|
|
935
|
+
"kind": "field",
|
|
936
|
+
"name": "layout",
|
|
937
|
+
"privacy": "public",
|
|
939
938
|
"type": {
|
|
940
|
-
"text": "
|
|
939
|
+
"text": "string"
|
|
940
|
+
},
|
|
941
|
+
"description": "Sets the layout of the combobox.",
|
|
942
|
+
"default": "'classic'",
|
|
943
|
+
"attribute": "layout",
|
|
944
|
+
"reflects": true,
|
|
945
|
+
"inheritedFrom": {
|
|
946
|
+
"name": "AuroElement",
|
|
947
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
941
948
|
}
|
|
942
949
|
},
|
|
943
950
|
{
|
|
944
|
-
"
|
|
951
|
+
"kind": "field",
|
|
952
|
+
"name": "matchWidth",
|
|
953
|
+
"privacy": "private",
|
|
945
954
|
"type": {
|
|
946
|
-
"text": "
|
|
947
|
-
}
|
|
955
|
+
"text": "boolean"
|
|
956
|
+
},
|
|
957
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
958
|
+
"attribute": "matchWidth",
|
|
959
|
+
"reflects": true
|
|
948
960
|
},
|
|
949
961
|
{
|
|
950
|
-
"
|
|
962
|
+
"kind": "field",
|
|
963
|
+
"name": "noFilter",
|
|
964
|
+
"privacy": "public",
|
|
951
965
|
"type": {
|
|
952
|
-
"text": "
|
|
953
|
-
}
|
|
966
|
+
"text": "boolean"
|
|
967
|
+
},
|
|
968
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
969
|
+
"attribute": "noFilter",
|
|
970
|
+
"reflects": true
|
|
954
971
|
},
|
|
955
972
|
{
|
|
956
|
-
"
|
|
957
|
-
"name": "
|
|
973
|
+
"kind": "field",
|
|
974
|
+
"name": "noFlip",
|
|
975
|
+
"privacy": "public",
|
|
976
|
+
"type": {
|
|
977
|
+
"text": "boolean"
|
|
978
|
+
},
|
|
979
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
980
|
+
"attribute": "noFlip",
|
|
981
|
+
"reflects": true
|
|
958
982
|
},
|
|
959
983
|
{
|
|
960
|
-
"
|
|
961
|
-
"name": "
|
|
962
|
-
|
|
963
|
-
],
|
|
964
|
-
"attributes": [
|
|
965
|
-
{
|
|
966
|
-
"name": "appearance",
|
|
984
|
+
"kind": "field",
|
|
985
|
+
"name": "shift",
|
|
986
|
+
"privacy": "public",
|
|
967
987
|
"type": {
|
|
968
|
-
"text": "
|
|
988
|
+
"text": "boolean"
|
|
969
989
|
},
|
|
970
|
-
"description": "
|
|
971
|
-
"
|
|
972
|
-
"
|
|
990
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
991
|
+
"attribute": "shift",
|
|
992
|
+
"reflects": true
|
|
973
993
|
},
|
|
974
994
|
{
|
|
975
|
-
"
|
|
995
|
+
"kind": "field",
|
|
996
|
+
"name": "noValidate",
|
|
997
|
+
"privacy": "public",
|
|
976
998
|
"type": {
|
|
977
999
|
"text": "boolean"
|
|
978
1000
|
},
|
|
979
|
-
"description": "If set
|
|
980
|
-
"
|
|
1001
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1002
|
+
"attribute": "noValidate",
|
|
1003
|
+
"reflects": true
|
|
981
1004
|
},
|
|
982
1005
|
{
|
|
983
|
-
"
|
|
1006
|
+
"kind": "field",
|
|
1007
|
+
"name": "offset",
|
|
1008
|
+
"privacy": "public",
|
|
1009
|
+
"type": {
|
|
1010
|
+
"text": "number"
|
|
1011
|
+
},
|
|
1012
|
+
"description": "Gap between the trigger element and bib.",
|
|
1013
|
+
"default": "0",
|
|
1014
|
+
"attribute": "offset",
|
|
1015
|
+
"reflects": true
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"kind": "field",
|
|
1019
|
+
"name": "onDark",
|
|
1020
|
+
"privacy": "public",
|
|
984
1021
|
"type": {
|
|
985
1022
|
"text": "boolean"
|
|
986
1023
|
},
|
|
987
|
-
"
|
|
988
|
-
"
|
|
1024
|
+
"attribute": "onDark",
|
|
1025
|
+
"reflects": true,
|
|
1026
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1027
|
+
"inheritedFrom": {
|
|
1028
|
+
"name": "AuroElement",
|
|
1029
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1030
|
+
}
|
|
989
1031
|
},
|
|
990
1032
|
{
|
|
991
|
-
"
|
|
1033
|
+
"kind": "field",
|
|
1034
|
+
"name": "optionSelected",
|
|
1035
|
+
"privacy": "public",
|
|
1036
|
+
"type": {
|
|
1037
|
+
"text": "HTMLElement"
|
|
1038
|
+
},
|
|
1039
|
+
"description": "Specifies the current selected option.",
|
|
1040
|
+
"attribute": "optionSelected"
|
|
1041
|
+
},
|
|
1042
|
+
{
|
|
1043
|
+
"kind": "field",
|
|
1044
|
+
"name": "persistInput",
|
|
1045
|
+
"privacy": "public",
|
|
992
1046
|
"type": {
|
|
993
1047
|
"text": "boolean"
|
|
994
1048
|
},
|
|
995
|
-
"description": "If
|
|
996
|
-
"
|
|
1049
|
+
"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.",
|
|
1050
|
+
"attribute": "persistInput",
|
|
1051
|
+
"reflects": true
|
|
997
1052
|
},
|
|
998
1053
|
{
|
|
999
|
-
"
|
|
1054
|
+
"kind": "field",
|
|
1055
|
+
"name": "placement",
|
|
1056
|
+
"privacy": "public",
|
|
1000
1057
|
"type": {
|
|
1001
|
-
"text": "
|
|
1058
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1002
1059
|
},
|
|
1003
|
-
"description": "
|
|
1004
|
-
"
|
|
1060
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1061
|
+
"default": "'bottom-start'",
|
|
1062
|
+
"attribute": "placement",
|
|
1063
|
+
"reflects": true
|
|
1005
1064
|
},
|
|
1006
1065
|
{
|
|
1007
|
-
"
|
|
1066
|
+
"kind": "field",
|
|
1067
|
+
"name": "placeholder",
|
|
1068
|
+
"privacy": "public",
|
|
1008
1069
|
"type": {
|
|
1009
1070
|
"text": "string"
|
|
1010
1071
|
},
|
|
1011
|
-
"description": "
|
|
1012
|
-
"
|
|
1072
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1073
|
+
"attribute": "placeholder",
|
|
1074
|
+
"reflects": true
|
|
1013
1075
|
},
|
|
1014
1076
|
{
|
|
1015
|
-
"
|
|
1077
|
+
"kind": "field",
|
|
1078
|
+
"name": "required",
|
|
1079
|
+
"privacy": "public",
|
|
1016
1080
|
"type": {
|
|
1017
1081
|
"text": "boolean"
|
|
1018
1082
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"
|
|
1083
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1084
|
+
"attribute": "required",
|
|
1085
|
+
"reflects": true
|
|
1021
1086
|
},
|
|
1022
1087
|
{
|
|
1023
|
-
"
|
|
1088
|
+
"kind": "field",
|
|
1089
|
+
"name": "setCustomValidity",
|
|
1090
|
+
"privacy": "public",
|
|
1024
1091
|
"type": {
|
|
1025
1092
|
"text": "string"
|
|
1026
1093
|
},
|
|
1027
|
-
"description": "Sets
|
|
1028
|
-
"
|
|
1094
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1095
|
+
"attribute": "setCustomValidity"
|
|
1029
1096
|
},
|
|
1030
1097
|
{
|
|
1031
|
-
"
|
|
1098
|
+
"kind": "field",
|
|
1099
|
+
"name": "setCustomValidityCustomError",
|
|
1100
|
+
"privacy": "public",
|
|
1032
1101
|
"type": {
|
|
1033
|
-
"text": "
|
|
1102
|
+
"text": "string"
|
|
1034
1103
|
},
|
|
1035
|
-
"description": "
|
|
1036
|
-
"
|
|
1104
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1105
|
+
"attribute": "setCustomValidityCustomError"
|
|
1037
1106
|
},
|
|
1038
1107
|
{
|
|
1039
|
-
"
|
|
1108
|
+
"kind": "field",
|
|
1109
|
+
"name": "setCustomValidityValueMissing",
|
|
1110
|
+
"privacy": "public",
|
|
1040
1111
|
"type": {
|
|
1041
1112
|
"text": "string"
|
|
1042
1113
|
},
|
|
1043
|
-
"description": "
|
|
1044
|
-
"
|
|
1114
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1115
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1045
1116
|
},
|
|
1046
1117
|
{
|
|
1047
|
-
"
|
|
1118
|
+
"kind": "field",
|
|
1119
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1120
|
+
"privacy": "public",
|
|
1048
1121
|
"type": {
|
|
1049
1122
|
"text": "string"
|
|
1050
1123
|
},
|
|
1051
|
-
"description": "
|
|
1052
|
-
"
|
|
1124
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1125
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1053
1126
|
},
|
|
1054
1127
|
{
|
|
1055
|
-
"
|
|
1128
|
+
"kind": "field",
|
|
1129
|
+
"name": "touched",
|
|
1130
|
+
"privacy": "private",
|
|
1056
1131
|
"type": {
|
|
1057
|
-
"text": "
|
|
1132
|
+
"text": "boolean"
|
|
1058
1133
|
},
|
|
1059
|
-
"description": "
|
|
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": ""
|
|
1134
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1123
1135
|
},
|
|
1124
1136
|
{
|
|
1137
|
+
"kind": "field",
|
|
1138
|
+
"name": "triggerIcon",
|
|
1139
|
+
"privacy": "public",
|
|
1125
1140
|
"type": {
|
|
1126
|
-
"text": "
|
|
1141
|
+
"text": "boolean"
|
|
1127
1142
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1130
|
-
|
|
1131
|
-
{
|
|
1132
|
-
"description": "Sets aria-label on clear button",
|
|
1133
|
-
"name": "ariaLabel.input.clear"
|
|
1143
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1144
|
+
"attribute": "triggerIcon",
|
|
1145
|
+
"reflects": true
|
|
1134
1146
|
},
|
|
1135
1147
|
{
|
|
1136
|
-
"
|
|
1137
|
-
"name": "
|
|
1148
|
+
"kind": "field",
|
|
1149
|
+
"name": "type",
|
|
1150
|
+
"privacy": "public",
|
|
1151
|
+
"type": {
|
|
1152
|
+
"text": "string"
|
|
1153
|
+
},
|
|
1154
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1155
|
+
"attribute": "type",
|
|
1156
|
+
"reflects": true
|
|
1138
1157
|
},
|
|
1139
1158
|
{
|
|
1140
|
-
"
|
|
1141
|
-
"name": "
|
|
1159
|
+
"kind": "field",
|
|
1160
|
+
"name": "typedValue",
|
|
1161
|
+
"privacy": "public",
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "string"
|
|
1164
|
+
},
|
|
1165
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1166
|
+
"attribute": "typedValue",
|
|
1167
|
+
"reflects": true
|
|
1142
1168
|
},
|
|
1143
1169
|
{
|
|
1144
|
-
"
|
|
1145
|
-
"name": "
|
|
1170
|
+
"kind": "field",
|
|
1171
|
+
"name": "validity",
|
|
1172
|
+
"privacy": "public",
|
|
1173
|
+
"type": {
|
|
1174
|
+
"text": "string"
|
|
1175
|
+
},
|
|
1176
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1177
|
+
"attribute": "validity",
|
|
1178
|
+
"reflects": true
|
|
1146
1179
|
},
|
|
1147
1180
|
{
|
|
1148
|
-
"
|
|
1149
|
-
"name": "
|
|
1181
|
+
"kind": "field",
|
|
1182
|
+
"name": "value",
|
|
1183
|
+
"privacy": "public",
|
|
1184
|
+
"type": {
|
|
1185
|
+
"text": "string"
|
|
1186
|
+
},
|
|
1187
|
+
"description": "Value selected for the dropdown menu.",
|
|
1188
|
+
"attribute": "value"
|
|
1150
1189
|
},
|
|
1151
1190
|
{
|
|
1152
|
-
"
|
|
1153
|
-
"name": "
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
"
|
|
1159
|
-
"
|
|
1160
|
-
"
|
|
1161
|
-
"return": {
|
|
1162
|
-
"type": {
|
|
1163
|
-
"text": "void"
|
|
1164
|
-
}
|
|
1165
|
-
}
|
|
1191
|
+
"kind": "field",
|
|
1192
|
+
"name": "largeFullscreenHeadline",
|
|
1193
|
+
"privacy": "public",
|
|
1194
|
+
"type": {
|
|
1195
|
+
"text": "boolean"
|
|
1196
|
+
},
|
|
1197
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1198
|
+
"attribute": "largeFullscreenHeadline",
|
|
1199
|
+
"reflects": true
|
|
1166
1200
|
},
|
|
1167
1201
|
{
|
|
1168
|
-
"kind": "
|
|
1169
|
-
"name": "
|
|
1170
|
-
"
|
|
1171
|
-
|
|
1172
|
-
|
|
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
|
-
}
|
|
1202
|
+
"kind": "field",
|
|
1203
|
+
"name": "fullscreenBreakpoint",
|
|
1204
|
+
"privacy": "public",
|
|
1205
|
+
"type": {
|
|
1206
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1191
1207
|
},
|
|
1192
|
-
"
|
|
1208
|
+
"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.",
|
|
1209
|
+
"default": "'sm'",
|
|
1210
|
+
"attribute": "fullscreenBreakpoint",
|
|
1211
|
+
"reflects": true
|
|
1193
1212
|
},
|
|
1194
1213
|
{
|
|
1195
1214
|
"kind": "field",
|
|
1196
|
-
"name": "
|
|
1197
|
-
"
|
|
1198
|
-
"
|
|
1199
|
-
"
|
|
1200
|
-
"text": "string|undefined"
|
|
1201
|
-
}
|
|
1215
|
+
"name": "optionActive",
|
|
1216
|
+
"privacy": "private",
|
|
1217
|
+
"type": {
|
|
1218
|
+
"text": "object"
|
|
1202
1219
|
},
|
|
1203
|
-
"
|
|
1220
|
+
"description": "Specifies the currently active option."
|
|
1204
1221
|
},
|
|
1205
1222
|
{
|
|
1206
|
-
"kind": "
|
|
1207
|
-
"name": "
|
|
1208
|
-
"description": "
|
|
1223
|
+
"kind": "field",
|
|
1224
|
+
"name": "componentHasFocus",
|
|
1225
|
+
"description": "Returns true if the element has focus.",
|
|
1226
|
+
"privacy": "private",
|
|
1209
1227
|
"return": {
|
|
1210
1228
|
"type": {
|
|
1211
1229
|
"text": "boolean"
|
|
1212
1230
|
}
|
|
1231
|
+
},
|
|
1232
|
+
"readonly": true,
|
|
1233
|
+
"inheritedFrom": {
|
|
1234
|
+
"name": "AuroElement",
|
|
1235
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1213
1236
|
}
|
|
1214
1237
|
},
|
|
1215
1238
|
{
|
|
1216
1239
|
"kind": "method",
|
|
1217
|
-
"name": "
|
|
1218
|
-
"
|
|
1219
|
-
|
|
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."
|
|
1231
|
-
},
|
|
1232
|
-
{
|
|
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
|
-
}
|
|
1240
|
+
"name": "resetShapeClasses",
|
|
1241
|
+
"inheritedFrom": {
|
|
1242
|
+
"name": "AuroElement",
|
|
1243
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1241
1244
|
}
|
|
1242
1245
|
},
|
|
1243
1246
|
{
|
|
1244
1247
|
"kind": "method",
|
|
1245
|
-
"name": "
|
|
1246
|
-
"
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
"type": {
|
|
1250
|
-
"text": "void"
|
|
1251
|
-
}
|
|
1248
|
+
"name": "resetLayoutClasses",
|
|
1249
|
+
"inheritedFrom": {
|
|
1250
|
+
"name": "AuroElement",
|
|
1251
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1252
1252
|
}
|
|
1253
1253
|
},
|
|
1254
1254
|
{
|
|
1255
1255
|
"kind": "method",
|
|
1256
|
-
"name": "
|
|
1257
|
-
"
|
|
1258
|
-
|
|
1256
|
+
"name": "updateComponentArchitecture",
|
|
1257
|
+
"inheritedFrom": {
|
|
1258
|
+
"name": "AuroElement",
|
|
1259
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1260
|
+
}
|
|
1259
1261
|
},
|
|
1260
1262
|
{
|
|
1261
|
-
"kind": "
|
|
1262
|
-
"name": "
|
|
1263
|
-
"
|
|
1264
|
-
"
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1263
|
+
"kind": "field",
|
|
1264
|
+
"name": "shape",
|
|
1265
|
+
"privacy": "public",
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "string"
|
|
1268
|
+
},
|
|
1269
|
+
"attribute": "shape",
|
|
1270
|
+
"reflects": true,
|
|
1271
|
+
"inheritedFrom": {
|
|
1272
|
+
"name": "AuroElement",
|
|
1273
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1269
1274
|
}
|
|
1270
1275
|
},
|
|
1271
1276
|
{
|
|
1272
|
-
"kind": "
|
|
1273
|
-
"name": "
|
|
1274
|
-
"
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1277
|
+
"kind": "field",
|
|
1278
|
+
"name": "size",
|
|
1279
|
+
"privacy": "public",
|
|
1280
|
+
"type": {
|
|
1281
|
+
"text": "string"
|
|
1282
|
+
},
|
|
1283
|
+
"attribute": "size",
|
|
1284
|
+
"reflects": true,
|
|
1285
|
+
"inheritedFrom": {
|
|
1286
|
+
"name": "AuroElement",
|
|
1287
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1290
|
+
],
|
|
1291
|
+
"events": [
|
|
1292
|
+
{
|
|
1293
|
+
"name": "inputValue",
|
|
1294
|
+
"type": {
|
|
1295
|
+
"text": "CustomEvent"
|
|
1296
|
+
},
|
|
1297
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1285
1298
|
},
|
|
1286
1299
|
{
|
|
1287
|
-
"
|
|
1288
|
-
"
|
|
1289
|
-
|
|
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
|
-
}
|
|
1300
|
+
"name": "input",
|
|
1301
|
+
"type": {
|
|
1302
|
+
"text": "CustomEvent"
|
|
1303
1303
|
},
|
|
1304
|
-
"
|
|
1304
|
+
"description": "Notifies that the component has a new value set."
|
|
1305
1305
|
},
|
|
1306
1306
|
{
|
|
1307
|
-
"
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
"
|
|
1312
|
-
"type": {
|
|
1313
|
-
"text": "void"
|
|
1314
|
-
}
|
|
1315
|
-
}
|
|
1307
|
+
"name": "auroCombobox-valueSet",
|
|
1308
|
+
"type": {
|
|
1309
|
+
"text": "CustomEvent"
|
|
1310
|
+
},
|
|
1311
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1316
1312
|
},
|
|
1317
1313
|
{
|
|
1318
|
-
"
|
|
1319
|
-
"name": "
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1314
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1315
|
+
"name": "auroFormElement-validated"
|
|
1316
|
+
}
|
|
1317
|
+
],
|
|
1318
|
+
"attributes": [
|
|
1319
|
+
{
|
|
1320
|
+
"name": "appearance",
|
|
1321
|
+
"type": {
|
|
1322
|
+
"text": "string"
|
|
1323
|
+
},
|
|
1324
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1325
|
+
"default": "'default'",
|
|
1326
|
+
"fieldName": "appearance"
|
|
1327
1327
|
},
|
|
1328
1328
|
{
|
|
1329
|
-
"
|
|
1330
|
-
"
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
}
|
|
1336
|
-
}
|
|
1329
|
+
"name": "autocomplete",
|
|
1330
|
+
"type": {
|
|
1331
|
+
"text": "string"
|
|
1332
|
+
},
|
|
1333
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1334
|
+
"fieldName": "autocomplete"
|
|
1337
1335
|
},
|
|
1338
1336
|
{
|
|
1339
|
-
"
|
|
1340
|
-
"
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
1337
|
+
"name": "autoPlacement",
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "boolean"
|
|
1340
|
+
},
|
|
1341
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1342
|
+
"fieldName": "autoPlacement"
|
|
1347
1343
|
},
|
|
1348
1344
|
{
|
|
1349
|
-
"
|
|
1350
|
-
"
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
"text": "void"
|
|
1356
|
-
}
|
|
1357
|
-
}
|
|
1345
|
+
"name": "availableOptions",
|
|
1346
|
+
"type": {
|
|
1347
|
+
"text": "array"
|
|
1348
|
+
},
|
|
1349
|
+
"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).",
|
|
1350
|
+
"fieldName": "availableOptions"
|
|
1358
1351
|
},
|
|
1359
1352
|
{
|
|
1360
|
-
"
|
|
1361
|
-
"
|
|
1362
|
-
|
|
1353
|
+
"name": "behavior",
|
|
1354
|
+
"type": {
|
|
1355
|
+
"text": "'filter' | 'suggestion'"
|
|
1356
|
+
},
|
|
1357
|
+
"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.",
|
|
1358
|
+
"default": "'suggestion'",
|
|
1359
|
+
"fieldName": "behavior"
|
|
1363
1360
|
},
|
|
1364
1361
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1362
|
+
"name": "checkmark",
|
|
1363
|
+
"type": {
|
|
1364
|
+
"text": "boolean"
|
|
1365
|
+
},
|
|
1366
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1367
|
+
"fieldName": "checkmark"
|
|
1368
1368
|
},
|
|
1369
1369
|
{
|
|
1370
|
-
"
|
|
1371
|
-
"
|
|
1372
|
-
|
|
1370
|
+
"name": "disabled",
|
|
1371
|
+
"type": {
|
|
1372
|
+
"text": "boolean"
|
|
1373
|
+
},
|
|
1374
|
+
"description": "If set, disables the combobox.",
|
|
1375
|
+
"fieldName": "disabled"
|
|
1373
1376
|
},
|
|
1374
1377
|
{
|
|
1375
|
-
"
|
|
1376
|
-
"
|
|
1377
|
-
|
|
1378
|
-
|
|
1378
|
+
"name": "dvInputOnly",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "boolean"
|
|
1381
|
+
},
|
|
1382
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1383
|
+
"fieldName": "dvInputOnly"
|
|
1379
1384
|
},
|
|
1380
1385
|
{
|
|
1381
|
-
"
|
|
1382
|
-
"
|
|
1383
|
-
|
|
1384
|
-
|
|
1386
|
+
"name": "error",
|
|
1387
|
+
"type": {
|
|
1388
|
+
"text": "string"
|
|
1389
|
+
},
|
|
1390
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1391
|
+
"fieldName": "error"
|
|
1385
1392
|
},
|
|
1386
1393
|
{
|
|
1387
|
-
"
|
|
1388
|
-
"
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
"
|
|
1392
|
-
|
|
1393
|
-
"text": "ShadowRoot"
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1394
|
+
"name": "format",
|
|
1395
|
+
"type": {
|
|
1396
|
+
"text": "string"
|
|
1397
|
+
},
|
|
1398
|
+
"description": "Specifies the input mask format.",
|
|
1399
|
+
"fieldName": "format"
|
|
1396
1400
|
},
|
|
1397
1401
|
{
|
|
1398
|
-
"
|
|
1399
|
-
"
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
"
|
|
1403
|
-
|
|
1404
|
-
"text": "void"
|
|
1405
|
-
}
|
|
1406
|
-
}
|
|
1402
|
+
"name": "inputmode",
|
|
1403
|
+
"type": {
|
|
1404
|
+
"text": "string"
|
|
1405
|
+
},
|
|
1406
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1407
|
+
"fieldName": "inputmode"
|
|
1407
1408
|
},
|
|
1408
1409
|
{
|
|
1409
|
-
"
|
|
1410
|
-
"
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
"
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1410
|
+
"name": "layout",
|
|
1411
|
+
"type": {
|
|
1412
|
+
"text": "string"
|
|
1413
|
+
},
|
|
1414
|
+
"description": "Sets the layout of the combobox.",
|
|
1415
|
+
"default": "'classic'",
|
|
1416
|
+
"fieldName": "layout",
|
|
1417
|
+
"inheritedFrom": {
|
|
1418
|
+
"name": "AuroElement",
|
|
1419
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1417
1420
|
}
|
|
1418
1421
|
},
|
|
1419
1422
|
{
|
|
1420
|
-
"
|
|
1421
|
-
"
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
"type": {
|
|
1427
|
-
"text": "CustomEvent"
|
|
1428
|
-
}
|
|
1429
|
-
},
|
|
1430
|
-
{
|
|
1431
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
1432
|
-
"name": "event.detail.loading",
|
|
1433
|
-
"type": {
|
|
1434
|
-
"text": "boolean"
|
|
1435
|
-
}
|
|
1436
|
-
},
|
|
1437
|
-
{
|
|
1438
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
1439
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
1440
|
-
"type": {
|
|
1441
|
-
"text": "boolean"
|
|
1442
|
-
}
|
|
1443
|
-
}
|
|
1444
|
-
],
|
|
1445
|
-
"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.",
|
|
1446
|
-
"privacy": "private",
|
|
1447
|
-
"return": {
|
|
1448
|
-
"type": {
|
|
1449
|
-
"text": "void"
|
|
1450
|
-
}
|
|
1451
|
-
}
|
|
1423
|
+
"name": "matchWidth",
|
|
1424
|
+
"type": {
|
|
1425
|
+
"text": "boolean"
|
|
1426
|
+
},
|
|
1427
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1428
|
+
"fieldName": "matchWidth"
|
|
1452
1429
|
},
|
|
1453
1430
|
{
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
"type": {
|
|
1461
|
-
"text": "Event"
|
|
1462
|
-
}
|
|
1463
|
-
}
|
|
1464
|
-
],
|
|
1465
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1466
|
-
"privacy": "private",
|
|
1467
|
-
"return": {
|
|
1468
|
-
"type": {
|
|
1469
|
-
"text": "void"
|
|
1470
|
-
}
|
|
1471
|
-
}
|
|
1431
|
+
"name": "noFilter",
|
|
1432
|
+
"type": {
|
|
1433
|
+
"text": "boolean"
|
|
1434
|
+
},
|
|
1435
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1436
|
+
"fieldName": "noFilter"
|
|
1472
1437
|
},
|
|
1473
1438
|
{
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
"type": {
|
|
1481
|
-
"text": "Event"
|
|
1482
|
-
}
|
|
1483
|
-
}
|
|
1484
|
-
],
|
|
1485
|
-
"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.",
|
|
1486
|
-
"privacy": "private",
|
|
1487
|
-
"return": {
|
|
1488
|
-
"type": {
|
|
1489
|
-
"text": "void"
|
|
1490
|
-
}
|
|
1491
|
-
}
|
|
1439
|
+
"name": "noFlip",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "boolean"
|
|
1442
|
+
},
|
|
1443
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1444
|
+
"fieldName": "noFlip"
|
|
1492
1445
|
},
|
|
1493
1446
|
{
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
"
|
|
1499
|
-
|
|
1500
|
-
"text": "void"
|
|
1501
|
-
}
|
|
1502
|
-
}
|
|
1447
|
+
"name": "shift",
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "boolean"
|
|
1450
|
+
},
|
|
1451
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1452
|
+
"fieldName": "shift"
|
|
1503
1453
|
},
|
|
1504
1454
|
{
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1455
|
+
"name": "noValidate",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "boolean"
|
|
1458
|
+
},
|
|
1459
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1460
|
+
"fieldName": "noValidate"
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "offset",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "number"
|
|
1466
|
+
},
|
|
1467
|
+
"description": "Gap between the trigger element and bib.",
|
|
1468
|
+
"default": "0",
|
|
1469
|
+
"fieldName": "offset"
|
|
1470
|
+
},
|
|
1471
|
+
{
|
|
1472
|
+
"name": "onDark",
|
|
1473
|
+
"type": {
|
|
1474
|
+
"text": "boolean"
|
|
1475
|
+
},
|
|
1476
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1477
|
+
"fieldName": "onDark"
|
|
1478
|
+
},
|
|
1479
|
+
{
|
|
1480
|
+
"name": "optionSelected",
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "HTMLElement"
|
|
1483
|
+
},
|
|
1484
|
+
"description": "Specifies the current selected option.",
|
|
1485
|
+
"fieldName": "optionSelected"
|
|
1486
|
+
},
|
|
1487
|
+
{
|
|
1488
|
+
"name": "persistInput",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "boolean"
|
|
1491
|
+
},
|
|
1492
|
+
"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.",
|
|
1493
|
+
"fieldName": "persistInput"
|
|
1494
|
+
},
|
|
1495
|
+
{
|
|
1496
|
+
"name": "placement",
|
|
1497
|
+
"type": {
|
|
1498
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1499
|
+
},
|
|
1500
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1501
|
+
"default": "'bottom-start'",
|
|
1502
|
+
"fieldName": "placement"
|
|
1503
|
+
},
|
|
1504
|
+
{
|
|
1505
|
+
"name": "placeholder",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "string"
|
|
1508
|
+
},
|
|
1509
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1510
|
+
"fieldName": "placeholder"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "required",
|
|
1514
|
+
"type": {
|
|
1515
|
+
"text": "boolean"
|
|
1516
|
+
},
|
|
1517
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1518
|
+
"fieldName": "required"
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "setCustomValidity",
|
|
1522
|
+
"type": {
|
|
1523
|
+
"text": "string"
|
|
1524
|
+
},
|
|
1525
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1526
|
+
"fieldName": "setCustomValidity"
|
|
1527
|
+
},
|
|
1528
|
+
{
|
|
1529
|
+
"name": "setCustomValidityCustomError",
|
|
1530
|
+
"type": {
|
|
1531
|
+
"text": "string"
|
|
1532
|
+
},
|
|
1533
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1534
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "setCustomValidityValueMissing",
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "string"
|
|
1540
|
+
},
|
|
1541
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1542
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1543
|
+
},
|
|
1544
|
+
{
|
|
1545
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1546
|
+
"type": {
|
|
1547
|
+
"text": "string"
|
|
1548
|
+
},
|
|
1549
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1550
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1551
|
+
},
|
|
1552
|
+
{
|
|
1553
|
+
"name": "triggerIcon",
|
|
1554
|
+
"type": {
|
|
1555
|
+
"text": "boolean"
|
|
1556
|
+
},
|
|
1557
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1558
|
+
"fieldName": "triggerIcon"
|
|
1559
|
+
},
|
|
1560
|
+
{
|
|
1561
|
+
"name": "type",
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "string"
|
|
1564
|
+
},
|
|
1565
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1566
|
+
"fieldName": "type"
|
|
1567
|
+
},
|
|
1568
|
+
{
|
|
1569
|
+
"name": "typedValue",
|
|
1570
|
+
"type": {
|
|
1571
|
+
"text": "string"
|
|
1572
|
+
},
|
|
1573
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1574
|
+
"fieldName": "typedValue"
|
|
1575
|
+
},
|
|
1576
|
+
{
|
|
1577
|
+
"name": "validity",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "string"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1582
|
+
"fieldName": "validity"
|
|
1583
|
+
},
|
|
1584
|
+
{
|
|
1585
|
+
"name": "value",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "Value selected for the dropdown menu.",
|
|
1590
|
+
"fieldName": "value"
|
|
1591
|
+
},
|
|
1592
|
+
{
|
|
1593
|
+
"name": "largeFullscreenHeadline",
|
|
1594
|
+
"type": {
|
|
1595
|
+
"text": "boolean"
|
|
1596
|
+
},
|
|
1597
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1598
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1599
|
+
},
|
|
1600
|
+
{
|
|
1601
|
+
"name": "fullscreenBreakpoint",
|
|
1602
|
+
"type": {
|
|
1603
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1604
|
+
},
|
|
1605
|
+
"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.",
|
|
1606
|
+
"default": "'sm'",
|
|
1607
|
+
"fieldName": "fullscreenBreakpoint"
|
|
1608
|
+
},
|
|
1609
|
+
{
|
|
1610
|
+
"name": "shape",
|
|
1611
|
+
"type": {
|
|
1612
|
+
"text": "string"
|
|
1613
|
+
},
|
|
1614
|
+
"fieldName": "shape",
|
|
1615
|
+
"inheritedFrom": {
|
|
1616
|
+
"name": "AuroElement",
|
|
1617
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1512
1618
|
}
|
|
1513
1619
|
},
|
|
1514
1620
|
{
|
|
1515
|
-
"
|
|
1516
|
-
"
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
}
|
|
1524
|
-
}
|
|
1525
|
-
],
|
|
1526
|
-
"description": "Sets the menu value if menu is available.",
|
|
1527
|
-
"return": {
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "void"
|
|
1530
|
-
}
|
|
1621
|
+
"name": "size",
|
|
1622
|
+
"type": {
|
|
1623
|
+
"text": "string"
|
|
1624
|
+
},
|
|
1625
|
+
"fieldName": "size",
|
|
1626
|
+
"inheritedFrom": {
|
|
1627
|
+
"name": "AuroElement",
|
|
1628
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1531
1629
|
}
|
|
1532
1630
|
},
|
|
1533
1631
|
{
|
|
1534
|
-
"
|
|
1535
|
-
"
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1632
|
+
"name": "ondark",
|
|
1633
|
+
"type": {
|
|
1634
|
+
"text": "boolean"
|
|
1635
|
+
},
|
|
1636
|
+
"fieldName": "onDark",
|
|
1637
|
+
"inheritedFrom": {
|
|
1638
|
+
"name": "AuroElement",
|
|
1639
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1541
1640
|
}
|
|
1641
|
+
}
|
|
1642
|
+
],
|
|
1643
|
+
"superclass": {
|
|
1644
|
+
"name": "AuroElement",
|
|
1645
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
1646
|
+
},
|
|
1647
|
+
"tagName": "auro-combobox",
|
|
1648
|
+
"customElement": true
|
|
1649
|
+
}
|
|
1650
|
+
],
|
|
1651
|
+
"exports": [
|
|
1652
|
+
{
|
|
1653
|
+
"kind": "js",
|
|
1654
|
+
"name": "AuroCombobox",
|
|
1655
|
+
"declaration": {
|
|
1656
|
+
"name": "AuroCombobox",
|
|
1657
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
1658
|
+
}
|
|
1659
|
+
}
|
|
1660
|
+
]
|
|
1661
|
+
},
|
|
1662
|
+
{
|
|
1663
|
+
"kind": "javascript-module",
|
|
1664
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1665
|
+
"declarations": [
|
|
1666
|
+
{
|
|
1667
|
+
"kind": "variable",
|
|
1668
|
+
"name": "comboboxKeyboardStrategy",
|
|
1669
|
+
"type": {
|
|
1670
|
+
"text": "object"
|
|
1671
|
+
},
|
|
1672
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // 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(); } } } }"
|
|
1673
|
+
}
|
|
1674
|
+
],
|
|
1675
|
+
"exports": [
|
|
1676
|
+
{
|
|
1677
|
+
"kind": "js",
|
|
1678
|
+
"name": "comboboxKeyboardStrategy",
|
|
1679
|
+
"declaration": {
|
|
1680
|
+
"name": "comboboxKeyboardStrategy",
|
|
1681
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1682
|
+
}
|
|
1683
|
+
}
|
|
1684
|
+
]
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
"kind": "javascript-module",
|
|
1688
|
+
"path": "components/combobox/src/index.js",
|
|
1689
|
+
"declarations": [],
|
|
1690
|
+
"exports": [
|
|
1691
|
+
{
|
|
1692
|
+
"kind": "js",
|
|
1693
|
+
"name": "AuroCombobox",
|
|
1694
|
+
"declaration": {
|
|
1695
|
+
"name": "AuroCombobox",
|
|
1696
|
+
"module": "components/combobox/src/index.js"
|
|
1697
|
+
}
|
|
1698
|
+
}
|
|
1699
|
+
]
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"kind": "javascript-module",
|
|
1703
|
+
"path": "components/combobox/src/registered.js",
|
|
1704
|
+
"declarations": [],
|
|
1705
|
+
"exports": [
|
|
1706
|
+
{
|
|
1707
|
+
"kind": "js",
|
|
1708
|
+
"name": "AuroCombobox",
|
|
1709
|
+
"declaration": {
|
|
1710
|
+
"name": "AuroCombobox",
|
|
1711
|
+
"module": "components/combobox/src/registered.js"
|
|
1712
|
+
}
|
|
1713
|
+
}
|
|
1714
|
+
]
|
|
1715
|
+
},
|
|
1716
|
+
{
|
|
1717
|
+
"kind": "javascript-module",
|
|
1718
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1719
|
+
"declarations": [
|
|
1720
|
+
{
|
|
1721
|
+
"kind": "class",
|
|
1722
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1723
|
+
"name": "AuroCheckboxGroup",
|
|
1724
|
+
"slots": [
|
|
1725
|
+
{
|
|
1726
|
+
"description": "Allows for the legend to be overridden.",
|
|
1727
|
+
"name": "legend"
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1731
|
+
"name": "optionalLabel"
|
|
1732
|
+
},
|
|
1733
|
+
{
|
|
1734
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1735
|
+
"name": "helpText"
|
|
1542
1736
|
},
|
|
1737
|
+
{
|
|
1738
|
+
"description": "The default slot for the checkbox items.",
|
|
1739
|
+
"name": "default"
|
|
1740
|
+
}
|
|
1741
|
+
],
|
|
1742
|
+
"members": [
|
|
1543
1743
|
{
|
|
1544
1744
|
"kind": "method",
|
|
1545
|
-
"name": "
|
|
1546
|
-
"description": "Clears the current value of the combobox.",
|
|
1547
|
-
"return": {
|
|
1548
|
-
"type": {
|
|
1549
|
-
"text": "void"
|
|
1550
|
-
}
|
|
1551
|
-
}
|
|
1745
|
+
"name": "_initializeDefaults"
|
|
1552
1746
|
},
|
|
1553
1747
|
{
|
|
1554
1748
|
"kind": "method",
|
|
1555
|
-
"name": "
|
|
1749
|
+
"name": "register",
|
|
1750
|
+
"static": true,
|
|
1556
1751
|
"parameters": [
|
|
1557
1752
|
{
|
|
1558
|
-
"name": "
|
|
1559
|
-
"default": "
|
|
1560
|
-
"description": "
|
|
1753
|
+
"name": "name",
|
|
1754
|
+
"default": "\"auro-checkbox-group\"",
|
|
1755
|
+
"description": "The name of the element that you want to register.",
|
|
1561
1756
|
"optional": true,
|
|
1562
1757
|
"type": {
|
|
1563
|
-
"text": "
|
|
1758
|
+
"text": "string"
|
|
1564
1759
|
}
|
|
1565
1760
|
}
|
|
1566
1761
|
],
|
|
1567
|
-
"description": "
|
|
1762
|
+
"description": "This will register this element with the browser."
|
|
1568
1763
|
},
|
|
1569
1764
|
{
|
|
1570
1765
|
"kind": "method",
|
|
1571
|
-
"name": "
|
|
1766
|
+
"name": "handleValueUpdate",
|
|
1572
1767
|
"parameters": [
|
|
1573
1768
|
{
|
|
1574
|
-
"name": "
|
|
1575
|
-
"description": "The
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "HTMLSlotElement"
|
|
1578
|
-
}
|
|
1579
|
-
},
|
|
1580
|
-
{
|
|
1581
|
-
"name": "target",
|
|
1582
|
-
"description": "The target element to apply the nodes to.",
|
|
1769
|
+
"name": "value",
|
|
1770
|
+
"description": "The value of the checkbox.",
|
|
1583
1771
|
"type": {
|
|
1584
|
-
"text": "
|
|
1772
|
+
"text": "String"
|
|
1585
1773
|
}
|
|
1586
1774
|
},
|
|
1587
1775
|
{
|
|
1588
|
-
"name": "
|
|
1589
|
-
"description": "The
|
|
1776
|
+
"name": "selected",
|
|
1777
|
+
"description": "The checked state of the checkbox.",
|
|
1590
1778
|
"type": {
|
|
1591
|
-
"text": "
|
|
1779
|
+
"text": "Boolean"
|
|
1592
1780
|
}
|
|
1593
1781
|
}
|
|
1594
1782
|
],
|
|
1595
|
-
"description": "
|
|
1783
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1596
1784
|
"privacy": "private",
|
|
1597
1785
|
"return": {
|
|
1598
1786
|
"type": {
|
|
@@ -1602,31 +1790,19 @@
|
|
|
1602
1790
|
},
|
|
1603
1791
|
{
|
|
1604
1792
|
"kind": "method",
|
|
1605
|
-
"name": "
|
|
1606
|
-
"
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
"
|
|
1611
|
-
"text": "number"
|
|
1612
|
-
}
|
|
1793
|
+
"name": "handlePreselectedItems",
|
|
1794
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1795
|
+
"privacy": "private",
|
|
1796
|
+
"return": {
|
|
1797
|
+
"type": {
|
|
1798
|
+
"text": "void"
|
|
1613
1799
|
}
|
|
1614
|
-
|
|
1615
|
-
"description": "Updates the active option in the menu."
|
|
1800
|
+
}
|
|
1616
1801
|
},
|
|
1617
1802
|
{
|
|
1618
1803
|
"kind": "method",
|
|
1619
|
-
"name": "
|
|
1620
|
-
"
|
|
1621
|
-
{
|
|
1622
|
-
"name": "event",
|
|
1623
|
-
"description": "`slotchange` event.",
|
|
1624
|
-
"type": {
|
|
1625
|
-
"text": "Event"
|
|
1626
|
-
}
|
|
1627
|
-
}
|
|
1628
|
-
],
|
|
1629
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1804
|
+
"name": "handleItems",
|
|
1805
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1630
1806
|
"privacy": "private",
|
|
1631
1807
|
"return": {
|
|
1632
1808
|
"type": {
|
|
@@ -1635,203 +1811,74 @@
|
|
|
1635
1811
|
}
|
|
1636
1812
|
},
|
|
1637
1813
|
{
|
|
1638
|
-
"kind": "
|
|
1639
|
-
"name": "
|
|
1640
|
-
"
|
|
1641
|
-
"
|
|
1642
|
-
"
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
"attribute": "appearance",
|
|
1647
|
-
"reflects": true
|
|
1648
|
-
},
|
|
1649
|
-
{
|
|
1650
|
-
"kind": "field",
|
|
1651
|
-
"name": "autocomplete",
|
|
1652
|
-
"privacy": "public",
|
|
1653
|
-
"type": {
|
|
1654
|
-
"text": "string"
|
|
1655
|
-
},
|
|
1656
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1657
|
-
"attribute": "autocomplete",
|
|
1658
|
-
"reflects": true
|
|
1659
|
-
},
|
|
1660
|
-
{
|
|
1661
|
-
"kind": "field",
|
|
1662
|
-
"name": "autoPlacement",
|
|
1663
|
-
"privacy": "public",
|
|
1664
|
-
"type": {
|
|
1665
|
-
"text": "boolean"
|
|
1666
|
-
},
|
|
1667
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1668
|
-
"attribute": "autoPlacement",
|
|
1669
|
-
"reflects": true
|
|
1670
|
-
},
|
|
1671
|
-
{
|
|
1672
|
-
"kind": "field",
|
|
1673
|
-
"name": "availableOptions",
|
|
1674
|
-
"privacy": "private",
|
|
1675
|
-
"type": {
|
|
1676
|
-
"text": "array"
|
|
1677
|
-
},
|
|
1678
|
-
"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).",
|
|
1679
|
-
"attribute": "availableOptions"
|
|
1680
|
-
},
|
|
1681
|
-
{
|
|
1682
|
-
"kind": "field",
|
|
1683
|
-
"name": "behavior",
|
|
1684
|
-
"privacy": "public",
|
|
1685
|
-
"type": {
|
|
1686
|
-
"text": "'filter' | 'suggestion'"
|
|
1687
|
-
},
|
|
1688
|
-
"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.",
|
|
1689
|
-
"default": "'suggestion'",
|
|
1690
|
-
"attribute": "behavior",
|
|
1691
|
-
"reflects": true
|
|
1692
|
-
},
|
|
1693
|
-
{
|
|
1694
|
-
"kind": "field",
|
|
1695
|
-
"name": "checkmark",
|
|
1696
|
-
"privacy": "public",
|
|
1697
|
-
"type": {
|
|
1698
|
-
"text": "boolean"
|
|
1699
|
-
},
|
|
1700
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1701
|
-
"attribute": "checkmark",
|
|
1702
|
-
"reflects": true
|
|
1703
|
-
},
|
|
1704
|
-
{
|
|
1705
|
-
"kind": "field",
|
|
1706
|
-
"name": "disabled",
|
|
1707
|
-
"privacy": "public",
|
|
1708
|
-
"type": {
|
|
1709
|
-
"text": "boolean"
|
|
1710
|
-
},
|
|
1711
|
-
"description": "If set, disables the combobox.",
|
|
1712
|
-
"attribute": "disabled",
|
|
1713
|
-
"reflects": true
|
|
1714
|
-
},
|
|
1715
|
-
{
|
|
1716
|
-
"kind": "field",
|
|
1717
|
-
"name": "dropdownId",
|
|
1718
|
-
"privacy": "private",
|
|
1719
|
-
"type": {
|
|
1720
|
-
"text": "string"
|
|
1721
|
-
},
|
|
1722
|
-
"description": "ID for the dropdown."
|
|
1723
|
-
},
|
|
1724
|
-
{
|
|
1725
|
-
"kind": "field",
|
|
1726
|
-
"name": "dropdownOpen",
|
|
1727
|
-
"privacy": "private",
|
|
1728
|
-
"type": {
|
|
1729
|
-
"text": "boolean"
|
|
1730
|
-
},
|
|
1731
|
-
"description": "Whether or not the dropdown is open."
|
|
1732
|
-
},
|
|
1733
|
-
{
|
|
1734
|
-
"kind": "field",
|
|
1735
|
-
"name": "dvInputOnly",
|
|
1736
|
-
"privacy": "public",
|
|
1737
|
-
"type": {
|
|
1738
|
-
"text": "boolean"
|
|
1739
|
-
},
|
|
1740
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1741
|
-
"attribute": "dvInputOnly",
|
|
1742
|
-
"reflects": true
|
|
1743
|
-
},
|
|
1744
|
-
{
|
|
1745
|
-
"kind": "field",
|
|
1746
|
-
"name": "error",
|
|
1747
|
-
"privacy": "public",
|
|
1748
|
-
"type": {
|
|
1749
|
-
"text": "string"
|
|
1750
|
-
},
|
|
1751
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1752
|
-
"attribute": "error",
|
|
1753
|
-
"reflects": true
|
|
1754
|
-
},
|
|
1755
|
-
{
|
|
1756
|
-
"kind": "field",
|
|
1757
|
-
"name": "format",
|
|
1758
|
-
"privacy": "public",
|
|
1759
|
-
"type": {
|
|
1760
|
-
"text": "string"
|
|
1761
|
-
},
|
|
1762
|
-
"description": "Specifies the input mask format.",
|
|
1763
|
-
"attribute": "format",
|
|
1764
|
-
"reflects": true
|
|
1765
|
-
},
|
|
1766
|
-
{
|
|
1767
|
-
"kind": "field",
|
|
1768
|
-
"name": "inputmode",
|
|
1769
|
-
"privacy": "public",
|
|
1770
|
-
"type": {
|
|
1771
|
-
"text": "string"
|
|
1772
|
-
},
|
|
1773
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1774
|
-
"attribute": "inputmode",
|
|
1775
|
-
"reflects": true
|
|
1814
|
+
"kind": "method",
|
|
1815
|
+
"name": "reset",
|
|
1816
|
+
"description": "Resets component to initial state.",
|
|
1817
|
+
"return": {
|
|
1818
|
+
"type": {
|
|
1819
|
+
"text": "void"
|
|
1820
|
+
}
|
|
1821
|
+
}
|
|
1776
1822
|
},
|
|
1777
1823
|
{
|
|
1778
|
-
"kind": "
|
|
1779
|
-
"name": "
|
|
1780
|
-
"
|
|
1781
|
-
|
|
1782
|
-
|
|
1783
|
-
|
|
1784
|
-
|
|
1785
|
-
|
|
1786
|
-
|
|
1787
|
-
|
|
1788
|
-
|
|
1789
|
-
|
|
1790
|
-
|
|
1791
|
-
|
|
1824
|
+
"kind": "method",
|
|
1825
|
+
"name": "validate",
|
|
1826
|
+
"parameters": [
|
|
1827
|
+
{
|
|
1828
|
+
"name": "force",
|
|
1829
|
+
"default": "false",
|
|
1830
|
+
"description": "Whether to force validation.",
|
|
1831
|
+
"optional": true,
|
|
1832
|
+
"type": {
|
|
1833
|
+
"text": "boolean"
|
|
1834
|
+
}
|
|
1835
|
+
}
|
|
1836
|
+
],
|
|
1837
|
+
"description": "Validates value."
|
|
1792
1838
|
},
|
|
1793
1839
|
{
|
|
1794
1840
|
"kind": "field",
|
|
1795
|
-
"name": "
|
|
1796
|
-
"privacy": "
|
|
1841
|
+
"name": "appearance",
|
|
1842
|
+
"privacy": "public",
|
|
1797
1843
|
"type": {
|
|
1798
|
-
"text": "
|
|
1844
|
+
"text": "'default' | 'inverse'"
|
|
1799
1845
|
},
|
|
1800
|
-
"description": "
|
|
1801
|
-
"
|
|
1846
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1847
|
+
"default": "'default'",
|
|
1848
|
+
"attribute": "appearance",
|
|
1802
1849
|
"reflects": true
|
|
1803
1850
|
},
|
|
1804
1851
|
{
|
|
1805
1852
|
"kind": "field",
|
|
1806
|
-
"name": "
|
|
1853
|
+
"name": "disabled",
|
|
1807
1854
|
"privacy": "public",
|
|
1808
1855
|
"type": {
|
|
1809
1856
|
"text": "boolean"
|
|
1810
1857
|
},
|
|
1811
|
-
"description": "If set,
|
|
1812
|
-
"attribute": "
|
|
1858
|
+
"description": "If set, disables the checkbox group.",
|
|
1859
|
+
"attribute": "disabled",
|
|
1813
1860
|
"reflects": true
|
|
1814
1861
|
},
|
|
1815
1862
|
{
|
|
1816
1863
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1864
|
+
"name": "error",
|
|
1818
1865
|
"privacy": "public",
|
|
1819
1866
|
"type": {
|
|
1820
|
-
"text": "
|
|
1867
|
+
"text": "string"
|
|
1821
1868
|
},
|
|
1822
|
-
"description": "
|
|
1823
|
-
"attribute": "
|
|
1869
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1870
|
+
"attribute": "error",
|
|
1824
1871
|
"reflects": true
|
|
1825
1872
|
},
|
|
1826
1873
|
{
|
|
1827
1874
|
"kind": "field",
|
|
1828
|
-
"name": "
|
|
1875
|
+
"name": "horizontal",
|
|
1829
1876
|
"privacy": "public",
|
|
1830
1877
|
"type": {
|
|
1831
1878
|
"text": "boolean"
|
|
1832
1879
|
},
|
|
1833
|
-
"description": "If
|
|
1834
|
-
"attribute": "
|
|
1880
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1881
|
+
"attribute": "horizontal",
|
|
1835
1882
|
"reflects": true
|
|
1836
1883
|
},
|
|
1837
1884
|
{
|
|
@@ -1845,18 +1892,6 @@
|
|
|
1845
1892
|
"attribute": "noValidate",
|
|
1846
1893
|
"reflects": true
|
|
1847
1894
|
},
|
|
1848
|
-
{
|
|
1849
|
-
"kind": "field",
|
|
1850
|
-
"name": "offset",
|
|
1851
|
-
"privacy": "public",
|
|
1852
|
-
"type": {
|
|
1853
|
-
"text": "number"
|
|
1854
|
-
},
|
|
1855
|
-
"description": "Gap between the trigger element and bib.",
|
|
1856
|
-
"default": "0",
|
|
1857
|
-
"attribute": "offset",
|
|
1858
|
-
"reflects": true
|
|
1859
|
-
},
|
|
1860
1895
|
{
|
|
1861
1896
|
"kind": "field",
|
|
1862
1897
|
"name": "onDark",
|
|
@@ -1864,56 +1899,8 @@
|
|
|
1864
1899
|
"type": {
|
|
1865
1900
|
"text": "boolean"
|
|
1866
1901
|
},
|
|
1867
|
-
"attribute": "onDark",
|
|
1868
|
-
"reflects": true,
|
|
1869
1902
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1870
|
-
"
|
|
1871
|
-
"name": "AuroElement",
|
|
1872
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1873
|
-
}
|
|
1874
|
-
},
|
|
1875
|
-
{
|
|
1876
|
-
"kind": "field",
|
|
1877
|
-
"name": "optionSelected",
|
|
1878
|
-
"privacy": "public",
|
|
1879
|
-
"type": {
|
|
1880
|
-
"text": "HTMLElement"
|
|
1881
|
-
},
|
|
1882
|
-
"description": "Specifies the current selected option.",
|
|
1883
|
-
"attribute": "optionSelected"
|
|
1884
|
-
},
|
|
1885
|
-
{
|
|
1886
|
-
"kind": "field",
|
|
1887
|
-
"name": "persistInput",
|
|
1888
|
-
"privacy": "public",
|
|
1889
|
-
"type": {
|
|
1890
|
-
"text": "boolean"
|
|
1891
|
-
},
|
|
1892
|
-
"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.",
|
|
1893
|
-
"attribute": "persistInput",
|
|
1894
|
-
"reflects": true
|
|
1895
|
-
},
|
|
1896
|
-
{
|
|
1897
|
-
"kind": "field",
|
|
1898
|
-
"name": "placement",
|
|
1899
|
-
"privacy": "public",
|
|
1900
|
-
"type": {
|
|
1901
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1902
|
-
},
|
|
1903
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1904
|
-
"default": "'bottom-start'",
|
|
1905
|
-
"attribute": "placement",
|
|
1906
|
-
"reflects": true
|
|
1907
|
-
},
|
|
1908
|
-
{
|
|
1909
|
-
"kind": "field",
|
|
1910
|
-
"name": "placeholder",
|
|
1911
|
-
"privacy": "public",
|
|
1912
|
-
"type": {
|
|
1913
|
-
"text": "string"
|
|
1914
|
-
},
|
|
1915
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1916
|
-
"attribute": "placeholder",
|
|
1903
|
+
"attribute": "onDark",
|
|
1917
1904
|
"reflects": true
|
|
1918
1905
|
},
|
|
1919
1906
|
{
|
|
@@ -1923,7 +1910,7 @@
|
|
|
1923
1910
|
"type": {
|
|
1924
1911
|
"text": "boolean"
|
|
1925
1912
|
},
|
|
1926
|
-
"description": "Populates the `required` attribute on the
|
|
1913
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1927
1914
|
"attribute": "required",
|
|
1928
1915
|
"reflects": true
|
|
1929
1916
|
},
|
|
@@ -1957,58 +1944,6 @@
|
|
|
1957
1944
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1958
1945
|
"attribute": "setCustomValidityValueMissing"
|
|
1959
1946
|
},
|
|
1960
|
-
{
|
|
1961
|
-
"kind": "field",
|
|
1962
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1963
|
-
"privacy": "public",
|
|
1964
|
-
"type": {
|
|
1965
|
-
"text": "string"
|
|
1966
|
-
},
|
|
1967
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1968
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1969
|
-
},
|
|
1970
|
-
{
|
|
1971
|
-
"kind": "field",
|
|
1972
|
-
"name": "touched",
|
|
1973
|
-
"privacy": "private",
|
|
1974
|
-
"type": {
|
|
1975
|
-
"text": "boolean"
|
|
1976
|
-
},
|
|
1977
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1978
|
-
},
|
|
1979
|
-
{
|
|
1980
|
-
"kind": "field",
|
|
1981
|
-
"name": "triggerIcon",
|
|
1982
|
-
"privacy": "public",
|
|
1983
|
-
"type": {
|
|
1984
|
-
"text": "boolean"
|
|
1985
|
-
},
|
|
1986
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1987
|
-
"attribute": "triggerIcon",
|
|
1988
|
-
"reflects": true
|
|
1989
|
-
},
|
|
1990
|
-
{
|
|
1991
|
-
"kind": "field",
|
|
1992
|
-
"name": "type",
|
|
1993
|
-
"privacy": "public",
|
|
1994
|
-
"type": {
|
|
1995
|
-
"text": "string"
|
|
1996
|
-
},
|
|
1997
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1998
|
-
"attribute": "type",
|
|
1999
|
-
"reflects": true
|
|
2000
|
-
},
|
|
2001
|
-
{
|
|
2002
|
-
"kind": "field",
|
|
2003
|
-
"name": "typedValue",
|
|
2004
|
-
"privacy": "public",
|
|
2005
|
-
"type": {
|
|
2006
|
-
"text": "string"
|
|
2007
|
-
},
|
|
2008
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
2009
|
-
"attribute": "typedValue",
|
|
2010
|
-
"reflects": true
|
|
2011
|
-
},
|
|
2012
1947
|
{
|
|
2013
1948
|
"kind": "field",
|
|
2014
1949
|
"name": "validity",
|
|
@@ -2019,542 +1954,607 @@
|
|
|
2019
1954
|
"description": "Specifies the `validityState` this element is in.",
|
|
2020
1955
|
"attribute": "validity",
|
|
2021
1956
|
"reflects": true
|
|
2022
|
-
}
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
"name": "value",
|
|
2026
|
-
"privacy": "public",
|
|
2027
|
-
"type": {
|
|
2028
|
-
"text": "string"
|
|
2029
|
-
},
|
|
2030
|
-
"description": "Value selected for the dropdown menu.",
|
|
2031
|
-
"attribute": "value"
|
|
2032
|
-
},
|
|
1957
|
+
}
|
|
1958
|
+
],
|
|
1959
|
+
"events": [
|
|
2033
1960
|
{
|
|
2034
|
-
"
|
|
2035
|
-
"name": "largeFullscreenHeadline",
|
|
2036
|
-
"privacy": "public",
|
|
1961
|
+
"name": "input",
|
|
2037
1962
|
"type": {
|
|
2038
|
-
"text": "
|
|
2039
|
-
}
|
|
2040
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2041
|
-
"attribute": "largeFullscreenHeadline",
|
|
2042
|
-
"reflects": true
|
|
1963
|
+
"text": "CustomEvent"
|
|
1964
|
+
}
|
|
2043
1965
|
},
|
|
2044
1966
|
{
|
|
2045
|
-
"
|
|
2046
|
-
"name": "
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
},
|
|
2051
|
-
"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.",
|
|
2052
|
-
"default": "'sm'",
|
|
2053
|
-
"attribute": "fullscreenBreakpoint",
|
|
2054
|
-
"reflects": true
|
|
2055
|
-
},
|
|
1967
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1968
|
+
"name": "auroFormElement-validated"
|
|
1969
|
+
}
|
|
1970
|
+
],
|
|
1971
|
+
"attributes": [
|
|
2056
1972
|
{
|
|
2057
|
-
"
|
|
2058
|
-
"name": "optionActive",
|
|
2059
|
-
"privacy": "private",
|
|
1973
|
+
"name": "appearance",
|
|
2060
1974
|
"type": {
|
|
2061
|
-
"text": "
|
|
2062
|
-
},
|
|
2063
|
-
"description": "Specifies the currently active option."
|
|
2064
|
-
},
|
|
2065
|
-
{
|
|
2066
|
-
"kind": "field",
|
|
2067
|
-
"name": "componentHasFocus",
|
|
2068
|
-
"description": "Returns true if the element has focus.",
|
|
2069
|
-
"privacy": "private",
|
|
2070
|
-
"return": {
|
|
2071
|
-
"type": {
|
|
2072
|
-
"text": "boolean"
|
|
2073
|
-
}
|
|
1975
|
+
"text": "'default' | 'inverse'"
|
|
2074
1976
|
},
|
|
2075
|
-
"
|
|
2076
|
-
"
|
|
2077
|
-
|
|
2078
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2079
|
-
}
|
|
2080
|
-
},
|
|
2081
|
-
{
|
|
2082
|
-
"kind": "method",
|
|
2083
|
-
"name": "resetShapeClasses",
|
|
2084
|
-
"inheritedFrom": {
|
|
2085
|
-
"name": "AuroElement",
|
|
2086
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2087
|
-
}
|
|
2088
|
-
},
|
|
2089
|
-
{
|
|
2090
|
-
"kind": "method",
|
|
2091
|
-
"name": "resetLayoutClasses",
|
|
2092
|
-
"inheritedFrom": {
|
|
2093
|
-
"name": "AuroElement",
|
|
2094
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2095
|
-
}
|
|
2096
|
-
},
|
|
2097
|
-
{
|
|
2098
|
-
"kind": "method",
|
|
2099
|
-
"name": "updateComponentArchitecture",
|
|
2100
|
-
"inheritedFrom": {
|
|
2101
|
-
"name": "AuroElement",
|
|
2102
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2103
|
-
}
|
|
1977
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1978
|
+
"default": "'default'",
|
|
1979
|
+
"fieldName": "appearance"
|
|
2104
1980
|
},
|
|
2105
1981
|
{
|
|
2106
|
-
"
|
|
2107
|
-
"name": "shape",
|
|
2108
|
-
"privacy": "public",
|
|
1982
|
+
"name": "disabled",
|
|
2109
1983
|
"type": {
|
|
2110
|
-
"text": "
|
|
2111
|
-
},
|
|
2112
|
-
"
|
|
2113
|
-
"
|
|
2114
|
-
"inheritedFrom": {
|
|
2115
|
-
"name": "AuroElement",
|
|
2116
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2117
|
-
}
|
|
1984
|
+
"text": "boolean"
|
|
1985
|
+
},
|
|
1986
|
+
"description": "If set, disables the checkbox group.",
|
|
1987
|
+
"fieldName": "disabled"
|
|
2118
1988
|
},
|
|
2119
1989
|
{
|
|
2120
|
-
"
|
|
2121
|
-
"name": "size",
|
|
2122
|
-
"privacy": "public",
|
|
1990
|
+
"name": "error",
|
|
2123
1991
|
"type": {
|
|
2124
1992
|
"text": "string"
|
|
2125
1993
|
},
|
|
2126
|
-
"
|
|
2127
|
-
"
|
|
2128
|
-
|
|
2129
|
-
"name": "AuroElement",
|
|
2130
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2131
|
-
}
|
|
2132
|
-
}
|
|
2133
|
-
],
|
|
2134
|
-
"events": [
|
|
1994
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1995
|
+
"fieldName": "error"
|
|
1996
|
+
},
|
|
2135
1997
|
{
|
|
2136
|
-
"name": "
|
|
1998
|
+
"name": "horizontal",
|
|
2137
1999
|
"type": {
|
|
2138
|
-
"text": "
|
|
2000
|
+
"text": "boolean"
|
|
2139
2001
|
},
|
|
2140
|
-
"description": "
|
|
2002
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
2003
|
+
"fieldName": "horizontal"
|
|
2141
2004
|
},
|
|
2142
2005
|
{
|
|
2143
|
-
"name": "
|
|
2006
|
+
"name": "noValidate",
|
|
2144
2007
|
"type": {
|
|
2145
|
-
"text": "
|
|
2008
|
+
"text": "boolean"
|
|
2146
2009
|
},
|
|
2147
|
-
"description": "
|
|
2010
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2011
|
+
"fieldName": "noValidate"
|
|
2148
2012
|
},
|
|
2149
2013
|
{
|
|
2150
|
-
"name": "
|
|
2014
|
+
"name": "onDark",
|
|
2151
2015
|
"type": {
|
|
2152
|
-
"text": "
|
|
2016
|
+
"text": "boolean"
|
|
2153
2017
|
},
|
|
2154
|
-
"description": "
|
|
2018
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2019
|
+
"fieldName": "onDark"
|
|
2155
2020
|
},
|
|
2156
2021
|
{
|
|
2157
|
-
"
|
|
2158
|
-
"name": "auroFormElement-validated"
|
|
2159
|
-
}
|
|
2160
|
-
],
|
|
2161
|
-
"attributes": [
|
|
2162
|
-
{
|
|
2163
|
-
"name": "appearance",
|
|
2022
|
+
"name": "required",
|
|
2164
2023
|
"type": {
|
|
2165
|
-
"text": "
|
|
2024
|
+
"text": "boolean"
|
|
2166
2025
|
},
|
|
2167
|
-
"description": "
|
|
2168
|
-
"
|
|
2169
|
-
"fieldName": "appearance"
|
|
2026
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
2027
|
+
"fieldName": "required"
|
|
2170
2028
|
},
|
|
2171
2029
|
{
|
|
2172
|
-
"name": "
|
|
2030
|
+
"name": "setCustomValidity",
|
|
2173
2031
|
"type": {
|
|
2174
2032
|
"text": "string"
|
|
2175
2033
|
},
|
|
2176
|
-
"description": "
|
|
2177
|
-
"fieldName": "
|
|
2034
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2035
|
+
"fieldName": "setCustomValidity"
|
|
2178
2036
|
},
|
|
2179
2037
|
{
|
|
2180
|
-
"name": "
|
|
2038
|
+
"name": "setCustomValidityCustomError",
|
|
2181
2039
|
"type": {
|
|
2182
|
-
"text": "
|
|
2040
|
+
"text": "string"
|
|
2183
2041
|
},
|
|
2184
|
-
"description": "
|
|
2185
|
-
"fieldName": "
|
|
2042
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2043
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2186
2044
|
},
|
|
2187
2045
|
{
|
|
2188
|
-
"name": "
|
|
2046
|
+
"name": "setCustomValidityValueMissing",
|
|
2189
2047
|
"type": {
|
|
2190
|
-
"text": "
|
|
2048
|
+
"text": "string"
|
|
2191
2049
|
},
|
|
2192
|
-
"description": "
|
|
2193
|
-
"fieldName": "
|
|
2050
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2051
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2194
2052
|
},
|
|
2195
2053
|
{
|
|
2196
|
-
"name": "
|
|
2054
|
+
"name": "validity",
|
|
2197
2055
|
"type": {
|
|
2198
|
-
"text": "
|
|
2056
|
+
"text": "string"
|
|
2199
2057
|
},
|
|
2200
|
-
"description": "
|
|
2201
|
-
"
|
|
2202
|
-
|
|
2058
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2059
|
+
"fieldName": "validity"
|
|
2060
|
+
}
|
|
2061
|
+
],
|
|
2062
|
+
"superclass": {
|
|
2063
|
+
"name": "LitElement",
|
|
2064
|
+
"package": "lit"
|
|
2065
|
+
},
|
|
2066
|
+
"tagName": "auro-checkbox-group",
|
|
2067
|
+
"customElement": true
|
|
2068
|
+
}
|
|
2069
|
+
],
|
|
2070
|
+
"exports": [
|
|
2071
|
+
{
|
|
2072
|
+
"kind": "js",
|
|
2073
|
+
"name": "AuroCheckboxGroup",
|
|
2074
|
+
"declaration": {
|
|
2075
|
+
"name": "AuroCheckboxGroup",
|
|
2076
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2077
|
+
}
|
|
2078
|
+
}
|
|
2079
|
+
]
|
|
2080
|
+
},
|
|
2081
|
+
{
|
|
2082
|
+
"kind": "javascript-module",
|
|
2083
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2084
|
+
"declarations": [
|
|
2085
|
+
{
|
|
2086
|
+
"kind": "class",
|
|
2087
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2088
|
+
"name": "AuroCheckbox",
|
|
2089
|
+
"cssParts": [
|
|
2090
|
+
{
|
|
2091
|
+
"description": "apply css to a specific checkbox.",
|
|
2092
|
+
"name": "checkbox"
|
|
2093
|
+
},
|
|
2094
|
+
{
|
|
2095
|
+
"description": "apply css to a specific checkbox's input.",
|
|
2096
|
+
"name": "checkbox-input"
|
|
2097
|
+
},
|
|
2098
|
+
{
|
|
2099
|
+
"description": "apply css to a specific checkbox's label.",
|
|
2100
|
+
"name": "checkbox-label"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"slots": [
|
|
2104
|
+
{
|
|
2105
|
+
"description": "The default slot for the checkbox label.",
|
|
2106
|
+
"name": "default"
|
|
2107
|
+
}
|
|
2108
|
+
],
|
|
2109
|
+
"members": [
|
|
2110
|
+
{
|
|
2111
|
+
"kind": "method",
|
|
2112
|
+
"name": "_initializeDefaults"
|
|
2113
|
+
},
|
|
2114
|
+
{
|
|
2115
|
+
"kind": "method",
|
|
2116
|
+
"name": "register",
|
|
2117
|
+
"static": true,
|
|
2118
|
+
"parameters": [
|
|
2119
|
+
{
|
|
2120
|
+
"name": "name",
|
|
2121
|
+
"default": "\"auro-checkbox\"",
|
|
2122
|
+
"description": "The name of element that you want to register to.",
|
|
2123
|
+
"optional": true,
|
|
2124
|
+
"type": {
|
|
2125
|
+
"text": "string"
|
|
2126
|
+
}
|
|
2127
|
+
}
|
|
2128
|
+
],
|
|
2129
|
+
"description": "This will register this element with the browser."
|
|
2130
|
+
},
|
|
2131
|
+
{
|
|
2132
|
+
"kind": "method",
|
|
2133
|
+
"name": "handleChange",
|
|
2134
|
+
"parameters": [
|
|
2135
|
+
{
|
|
2136
|
+
"name": "event",
|
|
2137
|
+
"description": "The change event from the checkbox input.",
|
|
2138
|
+
"type": {
|
|
2139
|
+
"text": "Event"
|
|
2140
|
+
}
|
|
2141
|
+
}
|
|
2142
|
+
],
|
|
2143
|
+
"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.",
|
|
2144
|
+
"privacy": "private",
|
|
2145
|
+
"return": {
|
|
2146
|
+
"type": {
|
|
2147
|
+
"text": "void"
|
|
2148
|
+
}
|
|
2149
|
+
}
|
|
2150
|
+
},
|
|
2151
|
+
{
|
|
2152
|
+
"kind": "method",
|
|
2153
|
+
"name": "handleInput",
|
|
2154
|
+
"parameters": [
|
|
2155
|
+
{
|
|
2156
|
+
"name": "event",
|
|
2157
|
+
"description": "The input event from the checkbox input.",
|
|
2158
|
+
"type": {
|
|
2159
|
+
"text": "Event"
|
|
2160
|
+
}
|
|
2161
|
+
}
|
|
2162
|
+
],
|
|
2163
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2164
|
+
"privacy": "private",
|
|
2165
|
+
"return": {
|
|
2166
|
+
"type": {
|
|
2167
|
+
"text": "void"
|
|
2168
|
+
}
|
|
2169
|
+
}
|
|
2170
|
+
},
|
|
2171
|
+
{
|
|
2172
|
+
"kind": "method",
|
|
2173
|
+
"name": "handleFocusin",
|
|
2174
|
+
"description": "Function to support",
|
|
2175
|
+
"privacy": "private",
|
|
2176
|
+
"return": {
|
|
2177
|
+
"type": {
|
|
2178
|
+
"text": "void"
|
|
2179
|
+
}
|
|
2180
|
+
}
|
|
2181
|
+
},
|
|
2182
|
+
{
|
|
2183
|
+
"kind": "method",
|
|
2184
|
+
"name": "generateIconHtml",
|
|
2185
|
+
"description": "Function to generate checkmark svg.",
|
|
2186
|
+
"privacy": "private",
|
|
2187
|
+
"return": {
|
|
2188
|
+
"type": {
|
|
2189
|
+
"text": "HTMLElement"
|
|
2190
|
+
}
|
|
2191
|
+
}
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"kind": "method",
|
|
2195
|
+
"name": "reset",
|
|
2196
|
+
"description": "Resets component to initial state.",
|
|
2197
|
+
"return": {
|
|
2198
|
+
"type": {
|
|
2199
|
+
"text": "void"
|
|
2200
|
+
}
|
|
2201
|
+
}
|
|
2202
|
+
},
|
|
2203
|
+
{
|
|
2204
|
+
"kind": "method",
|
|
2205
|
+
"name": "updateAriaLabel",
|
|
2206
|
+
"description": "Updates the aria-label based on slot content.",
|
|
2207
|
+
"privacy": "private",
|
|
2208
|
+
"return": {
|
|
2209
|
+
"type": {
|
|
2210
|
+
"text": "void"
|
|
2211
|
+
}
|
|
2212
|
+
}
|
|
2213
|
+
},
|
|
2214
|
+
{
|
|
2215
|
+
"kind": "method",
|
|
2216
|
+
"name": "handleKeyDown",
|
|
2217
|
+
"parameters": [
|
|
2218
|
+
{
|
|
2219
|
+
"name": "event",
|
|
2220
|
+
"description": "The keydown event from the checkbox input.",
|
|
2221
|
+
"type": {
|
|
2222
|
+
"text": "KeyboardEvent"
|
|
2223
|
+
}
|
|
2224
|
+
}
|
|
2225
|
+
],
|
|
2226
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2227
|
+
"privacy": "private",
|
|
2228
|
+
"return": {
|
|
2229
|
+
"type": {
|
|
2230
|
+
"text": "void"
|
|
2231
|
+
}
|
|
2232
|
+
}
|
|
2203
2233
|
},
|
|
2204
2234
|
{
|
|
2205
|
-
"
|
|
2235
|
+
"kind": "field",
|
|
2236
|
+
"name": "appearance",
|
|
2237
|
+
"privacy": "public",
|
|
2206
2238
|
"type": {
|
|
2207
|
-
"text": "
|
|
2239
|
+
"text": "'default' | 'inverse'"
|
|
2208
2240
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2241
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2242
|
+
"default": "'default'",
|
|
2243
|
+
"attribute": "appearance",
|
|
2244
|
+
"reflects": true
|
|
2211
2245
|
},
|
|
2212
2246
|
{
|
|
2213
|
-
"
|
|
2247
|
+
"kind": "field",
|
|
2248
|
+
"name": "checked",
|
|
2249
|
+
"privacy": "public",
|
|
2214
2250
|
"type": {
|
|
2215
2251
|
"text": "boolean"
|
|
2216
2252
|
},
|
|
2217
|
-
"description": "If set,
|
|
2218
|
-
"
|
|
2253
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2254
|
+
"attribute": "checked",
|
|
2255
|
+
"reflects": true
|
|
2219
2256
|
},
|
|
2220
2257
|
{
|
|
2221
|
-
"
|
|
2258
|
+
"kind": "field",
|
|
2259
|
+
"name": "disabled",
|
|
2260
|
+
"privacy": "public",
|
|
2222
2261
|
"type": {
|
|
2223
2262
|
"text": "boolean"
|
|
2224
2263
|
},
|
|
2225
|
-
"description": "If
|
|
2226
|
-
"
|
|
2264
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2265
|
+
"attribute": "disabled",
|
|
2266
|
+
"reflects": true
|
|
2227
2267
|
},
|
|
2228
2268
|
{
|
|
2269
|
+
"kind": "field",
|
|
2229
2270
|
"name": "error",
|
|
2271
|
+
"privacy": "public",
|
|
2230
2272
|
"type": {
|
|
2231
|
-
"text": "
|
|
2273
|
+
"text": "boolean"
|
|
2232
2274
|
},
|
|
2233
|
-
"description": "
|
|
2234
|
-
"
|
|
2275
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2276
|
+
"attribute": "error",
|
|
2277
|
+
"reflects": true
|
|
2235
2278
|
},
|
|
2236
2279
|
{
|
|
2237
|
-
"
|
|
2280
|
+
"kind": "field",
|
|
2281
|
+
"name": "id",
|
|
2282
|
+
"privacy": "public",
|
|
2238
2283
|
"type": {
|
|
2239
2284
|
"text": "string"
|
|
2240
2285
|
},
|
|
2241
|
-
"description": "
|
|
2242
|
-
"
|
|
2286
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2287
|
+
"attribute": "id",
|
|
2288
|
+
"reflects": true
|
|
2243
2289
|
},
|
|
2244
2290
|
{
|
|
2245
|
-
"
|
|
2291
|
+
"kind": "field",
|
|
2292
|
+
"name": "inputId",
|
|
2293
|
+
"privacy": "private",
|
|
2246
2294
|
"type": {
|
|
2247
2295
|
"text": "string"
|
|
2248
2296
|
},
|
|
2249
|
-
"description": "
|
|
2250
|
-
"fieldName": "inputmode"
|
|
2297
|
+
"description": "The id for input node."
|
|
2251
2298
|
},
|
|
2252
2299
|
{
|
|
2253
|
-
"
|
|
2300
|
+
"kind": "field",
|
|
2301
|
+
"name": "name",
|
|
2302
|
+
"privacy": "public",
|
|
2254
2303
|
"type": {
|
|
2255
2304
|
"text": "string"
|
|
2256
2305
|
},
|
|
2257
|
-
"description": "
|
|
2258
|
-
"
|
|
2259
|
-
"fieldName": "layout",
|
|
2260
|
-
"inheritedFrom": {
|
|
2261
|
-
"name": "AuroElement",
|
|
2262
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2263
|
-
}
|
|
2264
|
-
},
|
|
2265
|
-
{
|
|
2266
|
-
"name": "matchWidth",
|
|
2267
|
-
"type": {
|
|
2268
|
-
"text": "boolean"
|
|
2269
|
-
},
|
|
2270
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2271
|
-
"fieldName": "matchWidth"
|
|
2272
|
-
},
|
|
2273
|
-
{
|
|
2274
|
-
"name": "noFilter",
|
|
2275
|
-
"type": {
|
|
2276
|
-
"text": "boolean"
|
|
2277
|
-
},
|
|
2278
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2279
|
-
"fieldName": "noFilter"
|
|
2306
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2307
|
+
"attribute": "name"
|
|
2280
2308
|
},
|
|
2281
2309
|
{
|
|
2282
|
-
"
|
|
2310
|
+
"kind": "field",
|
|
2311
|
+
"name": "onDark",
|
|
2312
|
+
"privacy": "public",
|
|
2283
2313
|
"type": {
|
|
2284
2314
|
"text": "boolean"
|
|
2285
2315
|
},
|
|
2286
|
-
"description": "
|
|
2287
|
-
"
|
|
2316
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2317
|
+
"attribute": "onDark",
|
|
2318
|
+
"reflects": true
|
|
2288
2319
|
},
|
|
2289
2320
|
{
|
|
2290
|
-
"
|
|
2321
|
+
"kind": "field",
|
|
2322
|
+
"name": "touched",
|
|
2323
|
+
"privacy": "private",
|
|
2291
2324
|
"type": {
|
|
2292
2325
|
"text": "boolean"
|
|
2293
2326
|
},
|
|
2294
|
-
"description": "
|
|
2295
|
-
"fieldName": "shift"
|
|
2327
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2296
2328
|
},
|
|
2297
2329
|
{
|
|
2298
|
-
"
|
|
2330
|
+
"kind": "field",
|
|
2331
|
+
"name": "value",
|
|
2332
|
+
"privacy": "public",
|
|
2299
2333
|
"type": {
|
|
2300
|
-
"text": "
|
|
2334
|
+
"text": "string"
|
|
2301
2335
|
},
|
|
2302
|
-
"description": "
|
|
2303
|
-
"
|
|
2336
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2337
|
+
"attribute": "value"
|
|
2304
2338
|
},
|
|
2305
2339
|
{
|
|
2306
|
-
"
|
|
2340
|
+
"kind": "field",
|
|
2341
|
+
"name": "tabIndex",
|
|
2342
|
+
"privacy": "private",
|
|
2307
2343
|
"type": {
|
|
2308
2344
|
"text": "number"
|
|
2309
2345
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"
|
|
2346
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2347
|
+
"attribute": "tabindex",
|
|
2348
|
+
"reflects": true
|
|
2313
2349
|
},
|
|
2314
2350
|
{
|
|
2315
|
-
"
|
|
2351
|
+
"kind": "field",
|
|
2352
|
+
"name": "ariaChecked",
|
|
2353
|
+
"privacy": "private",
|
|
2316
2354
|
"type": {
|
|
2317
|
-
"text": "
|
|
2355
|
+
"text": "string"
|
|
2318
2356
|
},
|
|
2319
|
-
"description": "
|
|
2320
|
-
"
|
|
2357
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2358
|
+
"attribute": "aria-checked",
|
|
2359
|
+
"reflects": true
|
|
2321
2360
|
},
|
|
2322
2361
|
{
|
|
2323
|
-
"
|
|
2362
|
+
"kind": "field",
|
|
2363
|
+
"name": "ariaDisabled",
|
|
2364
|
+
"privacy": "private",
|
|
2324
2365
|
"type": {
|
|
2325
|
-
"text": "
|
|
2366
|
+
"text": "string"
|
|
2326
2367
|
},
|
|
2327
|
-
"description": "
|
|
2328
|
-
"
|
|
2368
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2369
|
+
"attribute": "aria-disabled",
|
|
2370
|
+
"reflects": true
|
|
2329
2371
|
},
|
|
2330
2372
|
{
|
|
2331
|
-
"
|
|
2373
|
+
"kind": "field",
|
|
2374
|
+
"name": "role",
|
|
2375
|
+
"privacy": "private",
|
|
2332
2376
|
"type": {
|
|
2333
|
-
"text": "
|
|
2377
|
+
"text": "string"
|
|
2334
2378
|
},
|
|
2335
|
-
"description": "
|
|
2336
|
-
"
|
|
2337
|
-
|
|
2379
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2380
|
+
"attribute": "role",
|
|
2381
|
+
"reflects": true
|
|
2382
|
+
}
|
|
2383
|
+
],
|
|
2384
|
+
"events": [
|
|
2338
2385
|
{
|
|
2339
|
-
"name": "
|
|
2386
|
+
"name": "auroCheckbox-input",
|
|
2340
2387
|
"type": {
|
|
2341
|
-
"text": "
|
|
2342
|
-
}
|
|
2343
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
2344
|
-
"default": "'bottom-start'",
|
|
2345
|
-
"fieldName": "placement"
|
|
2388
|
+
"text": "CustomEvent"
|
|
2389
|
+
}
|
|
2346
2390
|
},
|
|
2347
2391
|
{
|
|
2348
|
-
"name": "
|
|
2392
|
+
"name": "auroCheckbox-focusin",
|
|
2349
2393
|
"type": {
|
|
2350
|
-
"text": "
|
|
2351
|
-
}
|
|
2352
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2353
|
-
"fieldName": "placeholder"
|
|
2394
|
+
"text": "CustomEvent"
|
|
2395
|
+
}
|
|
2354
2396
|
},
|
|
2355
2397
|
{
|
|
2356
|
-
"name": "
|
|
2398
|
+
"name": "auroCheckbox-focusout",
|
|
2357
2399
|
"type": {
|
|
2358
|
-
"text": "
|
|
2359
|
-
}
|
|
2360
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2361
|
-
"fieldName": "required"
|
|
2400
|
+
"text": "CustomEvent"
|
|
2401
|
+
}
|
|
2362
2402
|
},
|
|
2363
2403
|
{
|
|
2364
|
-
"
|
|
2365
|
-
"
|
|
2366
|
-
"text": "string"
|
|
2367
|
-
},
|
|
2368
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2369
|
-
"fieldName": "setCustomValidity"
|
|
2404
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2405
|
+
"name": "change"
|
|
2370
2406
|
},
|
|
2371
2407
|
{
|
|
2372
|
-
"
|
|
2373
|
-
"
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
"fieldName": "setCustomValidityCustomError"
|
|
2378
|
-
},
|
|
2408
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
2409
|
+
"name": "input"
|
|
2410
|
+
}
|
|
2411
|
+
],
|
|
2412
|
+
"attributes": [
|
|
2379
2413
|
{
|
|
2380
|
-
"name": "
|
|
2414
|
+
"name": "appearance",
|
|
2381
2415
|
"type": {
|
|
2382
|
-
"text": "
|
|
2416
|
+
"text": "'default' | 'inverse'"
|
|
2383
2417
|
},
|
|
2384
|
-
"description": "
|
|
2385
|
-
"
|
|
2418
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2419
|
+
"default": "'default'",
|
|
2420
|
+
"fieldName": "appearance"
|
|
2386
2421
|
},
|
|
2387
2422
|
{
|
|
2388
|
-
"name": "
|
|
2423
|
+
"name": "checked",
|
|
2389
2424
|
"type": {
|
|
2390
|
-
"text": "
|
|
2425
|
+
"text": "boolean"
|
|
2391
2426
|
},
|
|
2392
|
-
"description": "
|
|
2393
|
-
"fieldName": "
|
|
2427
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2428
|
+
"fieldName": "checked"
|
|
2394
2429
|
},
|
|
2395
2430
|
{
|
|
2396
|
-
"name": "
|
|
2431
|
+
"name": "disabled",
|
|
2397
2432
|
"type": {
|
|
2398
2433
|
"text": "boolean"
|
|
2399
2434
|
},
|
|
2400
|
-
"description": "If set, the
|
|
2401
|
-
"fieldName": "
|
|
2435
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2436
|
+
"fieldName": "disabled"
|
|
2402
2437
|
},
|
|
2403
2438
|
{
|
|
2404
|
-
"name": "
|
|
2439
|
+
"name": "error",
|
|
2405
2440
|
"type": {
|
|
2406
|
-
"text": "
|
|
2441
|
+
"text": "boolean"
|
|
2407
2442
|
},
|
|
2408
|
-
"description": "
|
|
2409
|
-
"fieldName": "
|
|
2443
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2444
|
+
"fieldName": "error"
|
|
2410
2445
|
},
|
|
2411
2446
|
{
|
|
2412
|
-
"name": "
|
|
2447
|
+
"name": "id",
|
|
2413
2448
|
"type": {
|
|
2414
2449
|
"text": "string"
|
|
2415
2450
|
},
|
|
2416
|
-
"description": "
|
|
2417
|
-
"fieldName": "
|
|
2451
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2452
|
+
"fieldName": "id"
|
|
2418
2453
|
},
|
|
2419
2454
|
{
|
|
2420
|
-
"name": "
|
|
2455
|
+
"name": "name",
|
|
2421
2456
|
"type": {
|
|
2422
2457
|
"text": "string"
|
|
2423
2458
|
},
|
|
2424
|
-
"description": "
|
|
2425
|
-
"fieldName": "
|
|
2459
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2460
|
+
"fieldName": "name"
|
|
2426
2461
|
},
|
|
2427
2462
|
{
|
|
2428
|
-
"name": "
|
|
2463
|
+
"name": "onDark",
|
|
2429
2464
|
"type": {
|
|
2430
|
-
"text": "
|
|
2465
|
+
"text": "boolean"
|
|
2431
2466
|
},
|
|
2432
|
-
"description": "
|
|
2433
|
-
"fieldName": "
|
|
2467
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2468
|
+
"fieldName": "onDark"
|
|
2434
2469
|
},
|
|
2435
2470
|
{
|
|
2436
|
-
"name": "
|
|
2471
|
+
"name": "value",
|
|
2437
2472
|
"type": {
|
|
2438
|
-
"text": "
|
|
2473
|
+
"text": "string"
|
|
2439
2474
|
},
|
|
2440
|
-
"description": "
|
|
2441
|
-
"fieldName": "
|
|
2475
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2476
|
+
"fieldName": "value"
|
|
2442
2477
|
},
|
|
2443
2478
|
{
|
|
2444
|
-
"name": "
|
|
2479
|
+
"name": "tabindex",
|
|
2445
2480
|
"type": {
|
|
2446
|
-
"text": "
|
|
2481
|
+
"text": "number"
|
|
2447
2482
|
},
|
|
2448
|
-
"description": "
|
|
2449
|
-
"
|
|
2450
|
-
"fieldName": "fullscreenBreakpoint"
|
|
2483
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2484
|
+
"fieldName": "tabIndex"
|
|
2451
2485
|
},
|
|
2452
2486
|
{
|
|
2453
|
-
"name": "
|
|
2487
|
+
"name": "aria-checked",
|
|
2454
2488
|
"type": {
|
|
2455
2489
|
"text": "string"
|
|
2456
2490
|
},
|
|
2457
|
-
"
|
|
2458
|
-
"
|
|
2459
|
-
"name": "AuroElement",
|
|
2460
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2461
|
-
}
|
|
2491
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2492
|
+
"fieldName": "ariaChecked"
|
|
2462
2493
|
},
|
|
2463
2494
|
{
|
|
2464
|
-
"name": "
|
|
2495
|
+
"name": "aria-disabled",
|
|
2465
2496
|
"type": {
|
|
2466
2497
|
"text": "string"
|
|
2467
2498
|
},
|
|
2468
|
-
"
|
|
2469
|
-
"
|
|
2470
|
-
"name": "AuroElement",
|
|
2471
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2472
|
-
}
|
|
2499
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2500
|
+
"fieldName": "ariaDisabled"
|
|
2473
2501
|
},
|
|
2474
2502
|
{
|
|
2475
|
-
"name": "
|
|
2503
|
+
"name": "role",
|
|
2476
2504
|
"type": {
|
|
2477
|
-
"text": "
|
|
2505
|
+
"text": "string"
|
|
2478
2506
|
},
|
|
2479
|
-
"
|
|
2480
|
-
"
|
|
2481
|
-
"name": "AuroElement",
|
|
2482
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2483
|
-
}
|
|
2507
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2508
|
+
"fieldName": "role"
|
|
2484
2509
|
}
|
|
2485
2510
|
],
|
|
2486
2511
|
"superclass": {
|
|
2487
|
-
"name": "
|
|
2488
|
-
"
|
|
2512
|
+
"name": "LitElement",
|
|
2513
|
+
"package": "lit"
|
|
2489
2514
|
},
|
|
2490
|
-
"tagName": "auro-
|
|
2515
|
+
"tagName": "auro-checkbox",
|
|
2491
2516
|
"customElement": true
|
|
2492
2517
|
}
|
|
2493
2518
|
],
|
|
2494
2519
|
"exports": [
|
|
2495
2520
|
{
|
|
2496
2521
|
"kind": "js",
|
|
2497
|
-
"name": "
|
|
2522
|
+
"name": "AuroCheckbox",
|
|
2498
2523
|
"declaration": {
|
|
2499
|
-
"name": "
|
|
2500
|
-
"module": "components/
|
|
2524
|
+
"name": "AuroCheckbox",
|
|
2525
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
2501
2526
|
}
|
|
2502
2527
|
}
|
|
2503
2528
|
]
|
|
2504
2529
|
},
|
|
2505
2530
|
{
|
|
2506
2531
|
"kind": "javascript-module",
|
|
2507
|
-
"path": "components/
|
|
2508
|
-
"declarations": [
|
|
2509
|
-
{
|
|
2510
|
-
"kind": "variable",
|
|
2511
|
-
"name": "comboboxKeyboardStrategy",
|
|
2512
|
-
"type": {
|
|
2513
|
-
"text": "object"
|
|
2514
|
-
},
|
|
2515
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // 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(); } } } }"
|
|
2516
|
-
}
|
|
2517
|
-
],
|
|
2532
|
+
"path": "components/checkbox/src/index.js",
|
|
2533
|
+
"declarations": [],
|
|
2518
2534
|
"exports": [
|
|
2519
2535
|
{
|
|
2520
2536
|
"kind": "js",
|
|
2521
|
-
"name": "
|
|
2537
|
+
"name": "AuroCheckbox",
|
|
2522
2538
|
"declaration": {
|
|
2523
|
-
"name": "
|
|
2524
|
-
"module": "components/
|
|
2539
|
+
"name": "AuroCheckbox",
|
|
2540
|
+
"module": "components/checkbox/src/index.js"
|
|
2525
2541
|
}
|
|
2526
|
-
}
|
|
2527
|
-
]
|
|
2528
|
-
},
|
|
2529
|
-
{
|
|
2530
|
-
"kind": "javascript-module",
|
|
2531
|
-
"path": "components/combobox/src/index.js",
|
|
2532
|
-
"declarations": [],
|
|
2533
|
-
"exports": [
|
|
2542
|
+
},
|
|
2534
2543
|
{
|
|
2535
2544
|
"kind": "js",
|
|
2536
|
-
"name": "
|
|
2545
|
+
"name": "AuroCheckboxGroup",
|
|
2537
2546
|
"declaration": {
|
|
2538
|
-
"name": "
|
|
2539
|
-
"module": "components/
|
|
2547
|
+
"name": "AuroCheckboxGroup",
|
|
2548
|
+
"module": "components/checkbox/src/index.js"
|
|
2540
2549
|
}
|
|
2541
2550
|
}
|
|
2542
2551
|
]
|
|
2543
2552
|
},
|
|
2544
2553
|
{
|
|
2545
2554
|
"kind": "javascript-module",
|
|
2546
|
-
"path": "components/
|
|
2555
|
+
"path": "components/checkbox/src/registered.js",
|
|
2547
2556
|
"declarations": [],
|
|
2548
|
-
"exports": [
|
|
2549
|
-
{
|
|
2550
|
-
"kind": "js",
|
|
2551
|
-
"name": "AuroCombobox",
|
|
2552
|
-
"declaration": {
|
|
2553
|
-
"name": "AuroCombobox",
|
|
2554
|
-
"module": "components/combobox/src/registered.js"
|
|
2555
|
-
}
|
|
2556
|
-
}
|
|
2557
|
-
]
|
|
2557
|
+
"exports": []
|
|
2558
2558
|
},
|
|
2559
2559
|
{
|
|
2560
2560
|
"kind": "javascript-module",
|
|
@@ -4621,17 +4621,6 @@
|
|
|
4621
4621
|
}
|
|
4622
4622
|
}
|
|
4623
4623
|
},
|
|
4624
|
-
{
|
|
4625
|
-
"kind": "method",
|
|
4626
|
-
"name": "_initFromAncestors",
|
|
4627
|
-
"description": "Wires the cell to its ancestor calendar-month and calendar (and, via\nthe calendar, to the datepicker). Extracted from firstUpdated() so the\nretry loop can re-attempt without recursively invoking a Lit lifecycle\nmethod (which is outside the framework's contract).",
|
|
4628
|
-
"privacy": "private",
|
|
4629
|
-
"return": {
|
|
4630
|
-
"type": {
|
|
4631
|
-
"text": "void"
|
|
4632
|
-
}
|
|
4633
|
-
}
|
|
4634
|
-
},
|
|
4635
4624
|
{
|
|
4636
4625
|
"kind": "method",
|
|
4637
4626
|
"name": "configurePopover",
|
|
@@ -5293,25 +5282,6 @@
|
|
|
5293
5282
|
"description": "",
|
|
5294
5283
|
"name": "AuroCalendar",
|
|
5295
5284
|
"members": [
|
|
5296
|
-
{
|
|
5297
|
-
"kind": "field",
|
|
5298
|
-
"name": "disabledDays",
|
|
5299
|
-
"deprecated": "See constructor JSDoc — migrate to\n`auro-datepicker.blackoutDates`. The getter/setter pair exists so the\none-time deprecation warning fires as soon as a consumer assigns a\nnon-empty array (empty assignments are ignored — an empty array is\nindistinguishable from the constructor default and would produce a\nspurious warning), rather than only when `_getBlackoutSet()` happens\nto rebuild.",
|
|
5300
|
-
"return": {
|
|
5301
|
-
"type": {
|
|
5302
|
-
"text": "Array"
|
|
5303
|
-
}
|
|
5304
|
-
},
|
|
5305
|
-
"parameters": [
|
|
5306
|
-
{
|
|
5307
|
-
"description": "The legacy `disabledDays` array to set.",
|
|
5308
|
-
"name": "value",
|
|
5309
|
-
"type": {
|
|
5310
|
-
"text": "Array"
|
|
5311
|
-
}
|
|
5312
|
-
}
|
|
5313
|
-
]
|
|
5314
|
-
},
|
|
5315
5285
|
{
|
|
5316
5286
|
"kind": "field",
|
|
5317
5287
|
"name": "centralDateObject",
|
|
@@ -5586,7 +5556,7 @@
|
|
|
5586
5556
|
{
|
|
5587
5557
|
"kind": "method",
|
|
5588
5558
|
"name": "_getBlackoutSet",
|
|
5589
|
-
"description": "Returns a memoized Set of blackout timestamps (seconds) drawn from both\nthe legacy `disabledDays` array and the datepicker's ISO `blackoutDates`.\
|
|
5559
|
+
"description": "Returns a memoized Set of blackout timestamps (seconds) drawn from both\nthe legacy `disabledDays` array and the datepicker's ISO `blackoutDates`.\nThe cache invalidates when either source array's reference changes, which\nmatches Lit's own reactive identity semantics for array properties.",
|
|
5590
5560
|
"privacy": "private",
|
|
5591
5561
|
"return": {
|
|
5592
5562
|
"type": {
|
|
@@ -5962,7 +5932,7 @@
|
|
|
5962
5932
|
}
|
|
5963
5933
|
}
|
|
5964
5934
|
],
|
|
5965
|
-
"description": "Debounced version of announceSelection for focus navigation.\nUses the assertive live region with a 150ms debounce so only the\nfinal cell after rapid arrow-key traversal is announced. We\noriginally tried aria-live=\"polite\" here, but VoiceOver treats\npolite as \"wait until idle\" — which never happens during active\nkeyboard navigation — so the announcements were silently dropped
|
|
5935
|
+
"description": "Debounced version of announceSelection for focus navigation.\nUses the assertive live region with a 150ms debounce so only the\nfinal cell after rapid arrow-key traversal is announced. We\noriginally tried aria-live=\"polite\" here, but VoiceOver treats\npolite as \"wait until idle\" — which never happens during active\nkeyboard navigation — so the announcements were silently dropped.",
|
|
5966
5936
|
"privacy": "private",
|
|
5967
5937
|
"return": {
|
|
5968
5938
|
"type": {
|
|
@@ -6140,7 +6110,7 @@
|
|
|
6140
6110
|
},
|
|
6141
6111
|
{
|
|
6142
6112
|
"kind": "field",
|
|
6143
|
-
"name": "
|
|
6113
|
+
"name": "disabledDays",
|
|
6144
6114
|
"type": {
|
|
6145
6115
|
"text": "array"
|
|
6146
6116
|
},
|
|
@@ -7544,7 +7514,7 @@
|
|
|
7544
7514
|
"type": {
|
|
7545
7515
|
"text": "array"
|
|
7546
7516
|
},
|
|
7547
|
-
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD)
|
|
7517
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
7548
7518
|
"default": "[]",
|
|
7549
7519
|
"attribute": "blackoutDates",
|
|
7550
7520
|
"reflects": true
|
|
@@ -8208,7 +8178,7 @@
|
|
|
8208
8178
|
"type": {
|
|
8209
8179
|
"text": "array"
|
|
8210
8180
|
},
|
|
8211
|
-
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD)
|
|
8181
|
+
"description": "Array of dates that cannot be selected. Dates should be in ISO format (YYYY-MM-DD).",
|
|
8212
8182
|
"default": "[]",
|
|
8213
8183
|
"fieldName": "blackoutDates"
|
|
8214
8184
|
},
|
|
@@ -8832,7 +8802,7 @@
|
|
|
8832
8802
|
"type": {
|
|
8833
8803
|
"text": "object"
|
|
8834
8804
|
},
|
|
8835
|
-
"default": "{ Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Stop propagation so parent containers (auro-dialog, auro-drawer) // don't also react to Escape. evt.stopPropagation(); evt.preventDefault();
|
|
8805
|
+
"default": "{ Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Stop propagation so parent containers (auro-dialog, auro-drawer) // don't also react to Escape. evt.stopPropagation(); evt.preventDefault(); component.hideBib(); }, Enter(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, ' '(component, evt, ctx) { if (ctx.isExpanded) { return; } // Only open from the trigger input, not the clear button or other internal elements. // evt.target is retargeted to the host in shadow DOM, so use composedPath() // to find the real origin. The clear button is rendered with class \"clearBtn\". const path = evt.composedPath(); if (path.some(el => el.classList?.contains('clearBtn'))) { return; } evt.preventDefault(); component.dropdown.show(); }, }"
|
|
8836
8806
|
}
|
|
8837
8807
|
],
|
|
8838
8808
|
"exports": [
|
|
@@ -12232,6 +12202,39 @@
|
|
|
12232
12202
|
"module": "components/input/src/base-input.js"
|
|
12233
12203
|
}
|
|
12234
12204
|
},
|
|
12205
|
+
{
|
|
12206
|
+
"kind": "field",
|
|
12207
|
+
"name": "format",
|
|
12208
|
+
"privacy": "public",
|
|
12209
|
+
"type": {
|
|
12210
|
+
"text": "string"
|
|
12211
|
+
},
|
|
12212
|
+
"description": "Overrides LitElement's generated accessor so we can track whether the\nconsumer explicitly set `format`. Locale-derived updates use\n`_setFormatFromLocale` instead, which skips this flag.",
|
|
12213
|
+
"attribute": "format",
|
|
12214
|
+
"reflects": true,
|
|
12215
|
+
"inheritedFrom": {
|
|
12216
|
+
"name": "BaseInput",
|
|
12217
|
+
"module": "components/input/src/base-input.js"
|
|
12218
|
+
}
|
|
12219
|
+
},
|
|
12220
|
+
{
|
|
12221
|
+
"kind": "method",
|
|
12222
|
+
"name": "_setFormatFromLocale",
|
|
12223
|
+
"parameters": [
|
|
12224
|
+
{
|
|
12225
|
+
"name": "value",
|
|
12226
|
+
"type": {
|
|
12227
|
+
"text": "string"
|
|
12228
|
+
}
|
|
12229
|
+
}
|
|
12230
|
+
],
|
|
12231
|
+
"description": "Sets format without marking it as user-set. Used by locale auto-derive\nso that a subsequent locale change can still update the format.",
|
|
12232
|
+
"privacy": "private",
|
|
12233
|
+
"inheritedFrom": {
|
|
12234
|
+
"name": "BaseInput",
|
|
12235
|
+
"module": "components/input/src/base-input.js"
|
|
12236
|
+
}
|
|
12237
|
+
},
|
|
12235
12238
|
{
|
|
12236
12239
|
"kind": "method",
|
|
12237
12240
|
"name": "patchInputEvent",
|
|
@@ -12782,6 +12785,28 @@
|
|
|
12782
12785
|
"module": "components/input/src/base-input.js"
|
|
12783
12786
|
}
|
|
12784
12787
|
},
|
|
12788
|
+
{
|
|
12789
|
+
"kind": "field",
|
|
12790
|
+
"name": "_format",
|
|
12791
|
+
"default": "undefined",
|
|
12792
|
+
"inheritedFrom": {
|
|
12793
|
+
"name": "BaseInput",
|
|
12794
|
+
"module": "components/input/src/base-input.js"
|
|
12795
|
+
}
|
|
12796
|
+
},
|
|
12797
|
+
{
|
|
12798
|
+
"kind": "field",
|
|
12799
|
+
"name": "_userSetFormat",
|
|
12800
|
+
"type": {
|
|
12801
|
+
"text": "boolean"
|
|
12802
|
+
},
|
|
12803
|
+
"privacy": "private",
|
|
12804
|
+
"default": "false",
|
|
12805
|
+
"inheritedFrom": {
|
|
12806
|
+
"name": "BaseInput",
|
|
12807
|
+
"module": "components/input/src/base-input.js"
|
|
12808
|
+
}
|
|
12809
|
+
},
|
|
12785
12810
|
{
|
|
12786
12811
|
"kind": "field",
|
|
12787
12812
|
"name": "max",
|
|
@@ -12876,15 +12901,6 @@
|
|
|
12876
12901
|
"module": "components/layoutElement/src/auroElement.js"
|
|
12877
12902
|
}
|
|
12878
12903
|
},
|
|
12879
|
-
{
|
|
12880
|
-
"kind": "field",
|
|
12881
|
-
"name": "_rawMaskValue",
|
|
12882
|
-
"default": "undefined",
|
|
12883
|
-
"inheritedFrom": {
|
|
12884
|
-
"name": "BaseInput",
|
|
12885
|
-
"module": "components/input/src/base-input.js"
|
|
12886
|
-
}
|
|
12887
|
-
},
|
|
12888
12904
|
{
|
|
12889
12905
|
"kind": "field",
|
|
12890
12906
|
"name": "required",
|
|
@@ -13189,21 +13205,6 @@
|
|
|
13189
13205
|
"module": "components/input/src/base-input.js"
|
|
13190
13206
|
}
|
|
13191
13207
|
},
|
|
13192
|
-
{
|
|
13193
|
-
"kind": "field",
|
|
13194
|
-
"name": "format",
|
|
13195
|
-
"privacy": "public",
|
|
13196
|
-
"type": {
|
|
13197
|
-
"text": "string"
|
|
13198
|
-
},
|
|
13199
|
-
"description": "Specifies the input mask format.",
|
|
13200
|
-
"attribute": "format",
|
|
13201
|
-
"reflects": true,
|
|
13202
|
-
"inheritedFrom": {
|
|
13203
|
-
"name": "BaseInput",
|
|
13204
|
-
"module": "components/input/src/base-input.js"
|
|
13205
|
-
}
|
|
13206
|
-
},
|
|
13207
13208
|
{
|
|
13208
13209
|
"kind": "field",
|
|
13209
13210
|
"name": "hasFocus",
|
|
@@ -13776,7 +13777,7 @@
|
|
|
13776
13777
|
"type": {
|
|
13777
13778
|
"text": "string"
|
|
13778
13779
|
},
|
|
13779
|
-
"description": "
|
|
13780
|
+
"description": "Overrides LitElement's generated accessor so we can track whether the\nconsumer explicitly set `format`. Locale-derived updates use\n`_setFormatFromLocale` instead, which skips this flag.",
|
|
13780
13781
|
"fieldName": "format",
|
|
13781
13782
|
"inheritedFrom": {
|
|
13782
13783
|
"name": "BaseInput",
|
|
@@ -14352,6 +14353,31 @@
|
|
|
14352
14353
|
},
|
|
14353
14354
|
"readonly": true
|
|
14354
14355
|
},
|
|
14356
|
+
{
|
|
14357
|
+
"kind": "field",
|
|
14358
|
+
"name": "format",
|
|
14359
|
+
"privacy": "public",
|
|
14360
|
+
"type": {
|
|
14361
|
+
"text": "string"
|
|
14362
|
+
},
|
|
14363
|
+
"description": "Overrides LitElement's generated accessor so we can track whether the\nconsumer explicitly set `format`. Locale-derived updates use\n`_setFormatFromLocale` instead, which skips this flag.",
|
|
14364
|
+
"attribute": "format",
|
|
14365
|
+
"reflects": true
|
|
14366
|
+
},
|
|
14367
|
+
{
|
|
14368
|
+
"kind": "method",
|
|
14369
|
+
"name": "_setFormatFromLocale",
|
|
14370
|
+
"parameters": [
|
|
14371
|
+
{
|
|
14372
|
+
"name": "value",
|
|
14373
|
+
"type": {
|
|
14374
|
+
"text": "string"
|
|
14375
|
+
}
|
|
14376
|
+
}
|
|
14377
|
+
],
|
|
14378
|
+
"description": "Sets format without marking it as user-set. Used by locale auto-derive\nso that a subsequent locale change can still update the format.",
|
|
14379
|
+
"privacy": "private"
|
|
14380
|
+
},
|
|
14355
14381
|
{
|
|
14356
14382
|
"kind": "method",
|
|
14357
14383
|
"name": "patchInputEvent",
|
|
@@ -14766,6 +14792,20 @@
|
|
|
14766
14792
|
"attribute": "locale",
|
|
14767
14793
|
"reflects": true
|
|
14768
14794
|
},
|
|
14795
|
+
{
|
|
14796
|
+
"kind": "field",
|
|
14797
|
+
"name": "_format",
|
|
14798
|
+
"default": "undefined"
|
|
14799
|
+
},
|
|
14800
|
+
{
|
|
14801
|
+
"kind": "field",
|
|
14802
|
+
"name": "_userSetFormat",
|
|
14803
|
+
"type": {
|
|
14804
|
+
"text": "boolean"
|
|
14805
|
+
},
|
|
14806
|
+
"privacy": "private",
|
|
14807
|
+
"default": "false"
|
|
14808
|
+
},
|
|
14769
14809
|
{
|
|
14770
14810
|
"kind": "field",
|
|
14771
14811
|
"name": "max",
|
|
@@ -14840,11 +14880,6 @@
|
|
|
14840
14880
|
"module": "components/layoutElement/src/auroElement.js"
|
|
14841
14881
|
}
|
|
14842
14882
|
},
|
|
14843
|
-
{
|
|
14844
|
-
"kind": "field",
|
|
14845
|
-
"name": "_rawMaskValue",
|
|
14846
|
-
"default": "undefined"
|
|
14847
|
-
},
|
|
14848
14883
|
{
|
|
14849
14884
|
"kind": "field",
|
|
14850
14885
|
"name": "required",
|
|
@@ -15069,17 +15104,6 @@
|
|
|
15069
15104
|
"description": "Contains the help text message for the current validity error.",
|
|
15070
15105
|
"attribute": "errorMessage"
|
|
15071
15106
|
},
|
|
15072
|
-
{
|
|
15073
|
-
"kind": "field",
|
|
15074
|
-
"name": "format",
|
|
15075
|
-
"privacy": "public",
|
|
15076
|
-
"type": {
|
|
15077
|
-
"text": "string"
|
|
15078
|
-
},
|
|
15079
|
-
"description": "Specifies the input mask format.",
|
|
15080
|
-
"attribute": "format",
|
|
15081
|
-
"reflects": true
|
|
15082
|
-
},
|
|
15083
15107
|
{
|
|
15084
15108
|
"kind": "field",
|
|
15085
15109
|
"name": "hasFocus",
|
|
@@ -15510,7 +15534,7 @@
|
|
|
15510
15534
|
"type": {
|
|
15511
15535
|
"text": "string"
|
|
15512
15536
|
},
|
|
15513
|
-
"description": "
|
|
15537
|
+
"description": "Overrides LitElement's generated accessor so we can track whether the\nconsumer explicitly set `format`. Locale-derived updates use\n`_setFormatFromLocale` instead, which skips this flag.",
|
|
15514
15538
|
"fieldName": "format"
|
|
15515
15539
|
},
|
|
15516
15540
|
{
|