@aurodesignsystem-dev/auro-formkit 0.0.0-pr1521.1 → 0.0.0-pr1522.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 +3 -3
- package/components/combobox/demo/getting-started.min.js +3 -3
- package/components/combobox/demo/index.min.js +3 -3
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/customize.min.js +2 -2
- package/components/counter/demo/index.min.js +2 -2
- package/components/counter/dist/index.js +2 -2
- package/components/counter/dist/registered.js +2 -2
- package/components/datepicker/demo/customize.min.js +6 -107
- package/components/datepicker/demo/index.min.js +6 -107
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -17
- package/components/datepicker/dist/auro-calendar.d.ts +3 -43
- package/components/datepicker/dist/index.js +6 -107
- package/components/datepicker/dist/registered.js +6 -107
- 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 +16 -117
- package/components/form/demo/getting-started.min.js +16 -117
- package/components/form/demo/index.min.js +16 -117
- package/components/form/demo/registerDemoDeps.min.js +16 -117
- package/components/input/demo/customize.min.js +1 -1
- package/components/input/demo/getting-started.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +40 -0
- 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 +1466 -1498
- 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,500 +504,625 @@
|
|
|
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
|
-
|
|
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"
|
|
542
|
+
},
|
|
543
|
+
{
|
|
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
|
+
}
|
|
553
|
+
},
|
|
554
|
+
{
|
|
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
|
+
}
|
|
564
|
+
},
|
|
565
|
+
{
|
|
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
|
+
}
|
|
575
|
+
},
|
|
576
|
+
{
|
|
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
|
+
}
|
|
609
|
+
},
|
|
610
|
+
{
|
|
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
|
+
}
|
|
628
|
+
}
|
|
629
|
+
},
|
|
630
|
+
{
|
|
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
|
+
}
|
|
649
|
+
},
|
|
650
|
+
{
|
|
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
|
+
}
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"kind": "method",
|
|
663
|
+
"name": "focus",
|
|
664
|
+
"description": "Focuses the combobox trigger input.",
|
|
665
|
+
"return": {
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "void"
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
},
|
|
671
|
+
{
|
|
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
|
+
}
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"kind": "method",
|
|
692
|
+
"name": "reset",
|
|
693
|
+
"description": "Resets component to initial state.",
|
|
694
|
+
"return": {
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "void"
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"kind": "method",
|
|
702
|
+
"name": "clear",
|
|
703
|
+
"description": "Clears the current value of the combobox.",
|
|
704
|
+
"return": {
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "void"
|
|
707
|
+
}
|
|
708
|
+
}
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"kind": "method",
|
|
712
|
+
"name": "validate",
|
|
713
|
+
"parameters": [
|
|
714
|
+
{
|
|
715
|
+
"name": "force",
|
|
716
|
+
"default": "false",
|
|
717
|
+
"description": "Whether to force validation.",
|
|
718
|
+
"optional": true,
|
|
719
|
+
"type": {
|
|
720
|
+
"text": "boolean"
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
],
|
|
724
|
+
"description": "Validates value."
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"kind": "method",
|
|
728
|
+
"name": "transportAssignedNodes",
|
|
729
|
+
"parameters": [
|
|
730
|
+
{
|
|
731
|
+
"name": "slot",
|
|
732
|
+
"description": "The slot element containing the nodes to apply.",
|
|
733
|
+
"type": {
|
|
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"
|
|
749
|
+
}
|
|
750
|
+
}
|
|
751
|
+
],
|
|
752
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
753
|
+
"privacy": "private",
|
|
754
|
+
"return": {
|
|
755
|
+
"type": {
|
|
756
|
+
"text": "void"
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "method",
|
|
762
|
+
"name": "updateActiveOption",
|
|
763
|
+
"parameters": [
|
|
764
|
+
{
|
|
765
|
+
"name": "index",
|
|
766
|
+
"description": "Index of the option to make active.",
|
|
767
|
+
"type": {
|
|
768
|
+
"text": "number"
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
],
|
|
772
|
+
"description": "Updates the active option in the menu."
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"kind": "method",
|
|
776
|
+
"name": "handleSlotChange",
|
|
777
|
+
"parameters": [
|
|
778
|
+
{
|
|
779
|
+
"name": "event",
|
|
780
|
+
"description": "`slotchange` event.",
|
|
781
|
+
"type": {
|
|
782
|
+
"text": "Event"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
],
|
|
786
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
787
|
+
"privacy": "private",
|
|
788
|
+
"return": {
|
|
789
|
+
"type": {
|
|
790
|
+
"text": "void"
|
|
791
|
+
}
|
|
792
|
+
}
|
|
793
|
+
},
|
|
794
|
+
{
|
|
795
|
+
"kind": "field",
|
|
796
|
+
"name": "appearance",
|
|
797
|
+
"privacy": "public",
|
|
798
|
+
"type": {
|
|
799
|
+
"text": "string"
|
|
442
800
|
},
|
|
443
|
-
"description": "
|
|
444
|
-
"
|
|
801
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
802
|
+
"default": "'default'",
|
|
803
|
+
"attribute": "appearance",
|
|
445
804
|
"reflects": true
|
|
446
805
|
},
|
|
447
806
|
{
|
|
448
807
|
"kind": "field",
|
|
449
|
-
"name": "
|
|
808
|
+
"name": "autocomplete",
|
|
450
809
|
"privacy": "public",
|
|
451
810
|
"type": {
|
|
452
|
-
"text": "
|
|
811
|
+
"text": "string"
|
|
453
812
|
},
|
|
454
|
-
"description": "
|
|
455
|
-
"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",
|
|
456
815
|
"reflects": true
|
|
457
816
|
},
|
|
458
817
|
{
|
|
459
818
|
"kind": "field",
|
|
460
|
-
"name": "
|
|
819
|
+
"name": "autoPlacement",
|
|
461
820
|
"privacy": "public",
|
|
462
821
|
"type": {
|
|
463
822
|
"text": "boolean"
|
|
464
823
|
},
|
|
465
|
-
"description": "
|
|
466
|
-
"attribute": "
|
|
824
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
825
|
+
"attribute": "autoPlacement",
|
|
467
826
|
"reflects": true
|
|
468
827
|
},
|
|
469
828
|
{
|
|
470
829
|
"kind": "field",
|
|
471
|
-
"name": "
|
|
472
|
-
"privacy": "
|
|
830
|
+
"name": "availableOptions",
|
|
831
|
+
"privacy": "private",
|
|
473
832
|
"type": {
|
|
474
|
-
"text": "
|
|
833
|
+
"text": "array"
|
|
475
834
|
},
|
|
476
|
-
"description": "
|
|
477
|
-
"attribute": "
|
|
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"
|
|
478
837
|
},
|
|
479
838
|
{
|
|
480
839
|
"kind": "field",
|
|
481
|
-
"name": "
|
|
840
|
+
"name": "behavior",
|
|
482
841
|
"privacy": "public",
|
|
483
842
|
"type": {
|
|
484
|
-
"text": "
|
|
843
|
+
"text": "'filter' | 'suggestion'"
|
|
485
844
|
},
|
|
486
|
-
"description": "
|
|
487
|
-
"
|
|
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",
|
|
848
|
+
"reflects": true
|
|
488
849
|
},
|
|
489
850
|
{
|
|
490
851
|
"kind": "field",
|
|
491
|
-
"name": "
|
|
852
|
+
"name": "checkmark",
|
|
492
853
|
"privacy": "public",
|
|
493
854
|
"type": {
|
|
494
|
-
"text": "
|
|
855
|
+
"text": "boolean"
|
|
495
856
|
},
|
|
496
|
-
"description": "
|
|
497
|
-
"attribute": "
|
|
857
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
858
|
+
"attribute": "checkmark",
|
|
859
|
+
"reflects": true
|
|
498
860
|
},
|
|
499
861
|
{
|
|
500
862
|
"kind": "field",
|
|
501
|
-
"name": "
|
|
863
|
+
"name": "disabled",
|
|
502
864
|
"privacy": "public",
|
|
503
865
|
"type": {
|
|
504
|
-
"text": "
|
|
866
|
+
"text": "boolean"
|
|
505
867
|
},
|
|
506
|
-
"description": "
|
|
507
|
-
"attribute": "
|
|
868
|
+
"description": "If set, disables the combobox.",
|
|
869
|
+
"attribute": "disabled",
|
|
508
870
|
"reflects": true
|
|
509
|
-
}
|
|
510
|
-
],
|
|
511
|
-
"events": [
|
|
871
|
+
},
|
|
512
872
|
{
|
|
513
|
-
"
|
|
873
|
+
"kind": "field",
|
|
874
|
+
"name": "dropdownId",
|
|
875
|
+
"privacy": "private",
|
|
514
876
|
"type": {
|
|
515
|
-
"text": "
|
|
516
|
-
}
|
|
877
|
+
"text": "string"
|
|
878
|
+
},
|
|
879
|
+
"description": "ID for the dropdown."
|
|
517
880
|
},
|
|
518
881
|
{
|
|
519
|
-
"
|
|
520
|
-
"name": "
|
|
521
|
-
|
|
522
|
-
],
|
|
523
|
-
"attributes": [
|
|
524
|
-
{
|
|
525
|
-
"name": "appearance",
|
|
882
|
+
"kind": "field",
|
|
883
|
+
"name": "dropdownOpen",
|
|
884
|
+
"privacy": "private",
|
|
526
885
|
"type": {
|
|
527
|
-
"text": "
|
|
886
|
+
"text": "boolean"
|
|
528
887
|
},
|
|
529
|
-
"description": "
|
|
530
|
-
"default": "'default'",
|
|
531
|
-
"fieldName": "appearance"
|
|
888
|
+
"description": "Whether or not the dropdown is open."
|
|
532
889
|
},
|
|
533
890
|
{
|
|
534
|
-
"
|
|
891
|
+
"kind": "field",
|
|
892
|
+
"name": "dvInputOnly",
|
|
893
|
+
"privacy": "public",
|
|
535
894
|
"type": {
|
|
536
895
|
"text": "boolean"
|
|
537
896
|
},
|
|
538
|
-
"description": "If
|
|
539
|
-
"
|
|
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",
|
|
899
|
+
"reflects": true
|
|
540
900
|
},
|
|
541
901
|
{
|
|
902
|
+
"kind": "field",
|
|
542
903
|
"name": "error",
|
|
904
|
+
"privacy": "public",
|
|
543
905
|
"type": {
|
|
544
906
|
"text": "string"
|
|
545
907
|
},
|
|
546
908
|
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
-
"
|
|
909
|
+
"attribute": "error",
|
|
910
|
+
"reflects": true
|
|
548
911
|
},
|
|
549
912
|
{
|
|
550
|
-
"
|
|
913
|
+
"kind": "field",
|
|
914
|
+
"name": "format",
|
|
915
|
+
"privacy": "public",
|
|
551
916
|
"type": {
|
|
552
|
-
"text": "
|
|
917
|
+
"text": "string"
|
|
553
918
|
},
|
|
554
|
-
"description": "
|
|
555
|
-
"
|
|
919
|
+
"description": "Specifies the input mask format.",
|
|
920
|
+
"attribute": "format",
|
|
921
|
+
"reflects": true
|
|
922
|
+
},
|
|
923
|
+
{
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "inputmode",
|
|
926
|
+
"privacy": "public",
|
|
927
|
+
"type": {
|
|
928
|
+
"text": "string"
|
|
929
|
+
},
|
|
930
|
+
"description": "Exposes inputmode attribute for input.",
|
|
931
|
+
"attribute": "inputmode",
|
|
932
|
+
"reflects": true
|
|
933
|
+
},
|
|
934
|
+
{
|
|
935
|
+
"kind": "field",
|
|
936
|
+
"name": "layout",
|
|
937
|
+
"privacy": "public",
|
|
938
|
+
"type": {
|
|
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"
|
|
948
|
+
}
|
|
556
949
|
},
|
|
557
950
|
{
|
|
558
|
-
"
|
|
951
|
+
"kind": "field",
|
|
952
|
+
"name": "matchWidth",
|
|
953
|
+
"privacy": "private",
|
|
559
954
|
"type": {
|
|
560
955
|
"text": "boolean"
|
|
561
956
|
},
|
|
562
|
-
"description": "If
|
|
563
|
-
"
|
|
957
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
958
|
+
"attribute": "matchWidth",
|
|
959
|
+
"reflects": true
|
|
564
960
|
},
|
|
565
961
|
{
|
|
566
|
-
"
|
|
962
|
+
"kind": "field",
|
|
963
|
+
"name": "noFilter",
|
|
964
|
+
"privacy": "public",
|
|
567
965
|
"type": {
|
|
568
966
|
"text": "boolean"
|
|
569
967
|
},
|
|
570
|
-
"description": "
|
|
571
|
-
"
|
|
968
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
969
|
+
"attribute": "noFilter",
|
|
970
|
+
"reflects": true
|
|
572
971
|
},
|
|
573
972
|
{
|
|
574
|
-
"
|
|
973
|
+
"kind": "field",
|
|
974
|
+
"name": "noFlip",
|
|
975
|
+
"privacy": "public",
|
|
575
976
|
"type": {
|
|
576
977
|
"text": "boolean"
|
|
577
978
|
},
|
|
578
|
-
"description": "
|
|
579
|
-
"
|
|
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
|
|
580
982
|
},
|
|
581
983
|
{
|
|
582
|
-
"
|
|
984
|
+
"kind": "field",
|
|
985
|
+
"name": "shift",
|
|
986
|
+
"privacy": "public",
|
|
583
987
|
"type": {
|
|
584
|
-
"text": "
|
|
988
|
+
"text": "boolean"
|
|
585
989
|
},
|
|
586
|
-
"description": "
|
|
587
|
-
"
|
|
990
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
991
|
+
"attribute": "shift",
|
|
992
|
+
"reflects": true
|
|
588
993
|
},
|
|
589
994
|
{
|
|
590
|
-
"
|
|
995
|
+
"kind": "field",
|
|
996
|
+
"name": "noValidate",
|
|
997
|
+
"privacy": "public",
|
|
591
998
|
"type": {
|
|
592
|
-
"text": "
|
|
999
|
+
"text": "boolean"
|
|
593
1000
|
},
|
|
594
|
-
"description": "
|
|
595
|
-
"
|
|
1001
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1002
|
+
"attribute": "noValidate",
|
|
1003
|
+
"reflects": true
|
|
596
1004
|
},
|
|
597
1005
|
{
|
|
598
|
-
"
|
|
1006
|
+
"kind": "field",
|
|
1007
|
+
"name": "offset",
|
|
1008
|
+
"privacy": "public",
|
|
599
1009
|
"type": {
|
|
600
|
-
"text": "
|
|
1010
|
+
"text": "number"
|
|
601
1011
|
},
|
|
602
|
-
"description": "
|
|
603
|
-
"
|
|
1012
|
+
"description": "Gap between the trigger element and bib.",
|
|
1013
|
+
"default": "0",
|
|
1014
|
+
"attribute": "offset",
|
|
1015
|
+
"reflects": true
|
|
604
1016
|
},
|
|
605
1017
|
{
|
|
606
|
-
"
|
|
1018
|
+
"kind": "field",
|
|
1019
|
+
"name": "onDark",
|
|
1020
|
+
"privacy": "public",
|
|
607
1021
|
"type": {
|
|
608
|
-
"text": "
|
|
1022
|
+
"text": "boolean"
|
|
609
1023
|
},
|
|
610
|
-
"
|
|
611
|
-
"
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
"package": "lit"
|
|
617
|
-
},
|
|
618
|
-
"tagName": "auro-checkbox-group",
|
|
619
|
-
"customElement": true
|
|
620
|
-
}
|
|
621
|
-
],
|
|
622
|
-
"exports": [
|
|
623
|
-
{
|
|
624
|
-
"kind": "js",
|
|
625
|
-
"name": "AuroCheckboxGroup",
|
|
626
|
-
"declaration": {
|
|
627
|
-
"name": "AuroCheckboxGroup",
|
|
628
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
-
}
|
|
630
|
-
}
|
|
631
|
-
]
|
|
632
|
-
},
|
|
633
|
-
{
|
|
634
|
-
"kind": "javascript-module",
|
|
635
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
-
"declarations": [
|
|
637
|
-
{
|
|
638
|
-
"kind": "class",
|
|
639
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
-
"name": "AuroCheckbox",
|
|
641
|
-
"cssParts": [
|
|
642
|
-
{
|
|
643
|
-
"description": "apply css to a specific checkbox.",
|
|
644
|
-
"name": "checkbox"
|
|
645
|
-
},
|
|
646
|
-
{
|
|
647
|
-
"description": "apply css to a specific checkbox's input.",
|
|
648
|
-
"name": "checkbox-input"
|
|
649
|
-
},
|
|
650
|
-
{
|
|
651
|
-
"description": "apply css to a specific checkbox's label.",
|
|
652
|
-
"name": "checkbox-label"
|
|
653
|
-
}
|
|
654
|
-
],
|
|
655
|
-
"slots": [
|
|
656
|
-
{
|
|
657
|
-
"description": "The default slot for the checkbox label.",
|
|
658
|
-
"name": "default"
|
|
659
|
-
}
|
|
660
|
-
],
|
|
661
|
-
"members": [
|
|
662
|
-
{
|
|
663
|
-
"kind": "method",
|
|
664
|
-
"name": "_initializeDefaults"
|
|
665
|
-
},
|
|
666
|
-
{
|
|
667
|
-
"kind": "method",
|
|
668
|
-
"name": "register",
|
|
669
|
-
"static": true,
|
|
670
|
-
"parameters": [
|
|
671
|
-
{
|
|
672
|
-
"name": "name",
|
|
673
|
-
"default": "\"auro-checkbox\"",
|
|
674
|
-
"description": "The name of element that you want to register to.",
|
|
675
|
-
"optional": true,
|
|
676
|
-
"type": {
|
|
677
|
-
"text": "string"
|
|
678
|
-
}
|
|
679
|
-
}
|
|
680
|
-
],
|
|
681
|
-
"description": "This will register this element with the browser."
|
|
682
|
-
},
|
|
683
|
-
{
|
|
684
|
-
"kind": "method",
|
|
685
|
-
"name": "handleChange",
|
|
686
|
-
"parameters": [
|
|
687
|
-
{
|
|
688
|
-
"name": "event",
|
|
689
|
-
"description": "The change event from the checkbox input.",
|
|
690
|
-
"type": {
|
|
691
|
-
"text": "Event"
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
],
|
|
695
|
-
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
696
|
-
"privacy": "private",
|
|
697
|
-
"return": {
|
|
698
|
-
"type": {
|
|
699
|
-
"text": "void"
|
|
700
|
-
}
|
|
701
|
-
}
|
|
702
|
-
},
|
|
703
|
-
{
|
|
704
|
-
"kind": "method",
|
|
705
|
-
"name": "handleInput",
|
|
706
|
-
"parameters": [
|
|
707
|
-
{
|
|
708
|
-
"name": "event",
|
|
709
|
-
"description": "The input event from the checkbox input.",
|
|
710
|
-
"type": {
|
|
711
|
-
"text": "Event"
|
|
712
|
-
}
|
|
713
|
-
}
|
|
714
|
-
],
|
|
715
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
716
|
-
"privacy": "private",
|
|
717
|
-
"return": {
|
|
718
|
-
"type": {
|
|
719
|
-
"text": "void"
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
},
|
|
723
|
-
{
|
|
724
|
-
"kind": "method",
|
|
725
|
-
"name": "handleFocusin",
|
|
726
|
-
"description": "Function to support",
|
|
727
|
-
"privacy": "private",
|
|
728
|
-
"return": {
|
|
729
|
-
"type": {
|
|
730
|
-
"text": "void"
|
|
731
|
-
}
|
|
732
|
-
}
|
|
733
|
-
},
|
|
734
|
-
{
|
|
735
|
-
"kind": "method",
|
|
736
|
-
"name": "generateIconHtml",
|
|
737
|
-
"description": "Function to generate checkmark svg.",
|
|
738
|
-
"privacy": "private",
|
|
739
|
-
"return": {
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "HTMLElement"
|
|
742
|
-
}
|
|
743
|
-
}
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "method",
|
|
747
|
-
"name": "reset",
|
|
748
|
-
"description": "Resets component to initial state.",
|
|
749
|
-
"return": {
|
|
750
|
-
"type": {
|
|
751
|
-
"text": "void"
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"kind": "method",
|
|
757
|
-
"name": "updateAriaLabel",
|
|
758
|
-
"description": "Updates the aria-label based on slot content.",
|
|
759
|
-
"privacy": "private",
|
|
760
|
-
"return": {
|
|
761
|
-
"type": {
|
|
762
|
-
"text": "void"
|
|
763
|
-
}
|
|
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"
|
|
764
1030
|
}
|
|
765
1031
|
},
|
|
766
1032
|
{
|
|
767
|
-
"kind": "
|
|
768
|
-
"name": "
|
|
769
|
-
"
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
}
|
|
776
|
-
}
|
|
777
|
-
],
|
|
778
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
779
|
-
"privacy": "private",
|
|
780
|
-
"return": {
|
|
781
|
-
"type": {
|
|
782
|
-
"text": "void"
|
|
783
|
-
}
|
|
784
|
-
}
|
|
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"
|
|
785
1041
|
},
|
|
786
1042
|
{
|
|
787
1043
|
"kind": "field",
|
|
788
|
-
"name": "
|
|
1044
|
+
"name": "persistInput",
|
|
789
1045
|
"privacy": "public",
|
|
790
1046
|
"type": {
|
|
791
|
-
"text": "
|
|
1047
|
+
"text": "boolean"
|
|
792
1048
|
},
|
|
793
|
-
"description": "
|
|
794
|
-
"
|
|
795
|
-
"attribute": "appearance",
|
|
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",
|
|
796
1051
|
"reflects": true
|
|
797
1052
|
},
|
|
798
1053
|
{
|
|
799
1054
|
"kind": "field",
|
|
800
|
-
"name": "
|
|
1055
|
+
"name": "placement",
|
|
801
1056
|
"privacy": "public",
|
|
802
1057
|
"type": {
|
|
803
|
-
"text": "
|
|
1058
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
804
1059
|
},
|
|
805
|
-
"description": "
|
|
806
|
-
"
|
|
1060
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1061
|
+
"default": "'bottom-start'",
|
|
1062
|
+
"attribute": "placement",
|
|
807
1063
|
"reflects": true
|
|
808
1064
|
},
|
|
809
1065
|
{
|
|
810
1066
|
"kind": "field",
|
|
811
|
-
"name": "
|
|
1067
|
+
"name": "placeholder",
|
|
812
1068
|
"privacy": "public",
|
|
813
1069
|
"type": {
|
|
814
|
-
"text": "
|
|
1070
|
+
"text": "string"
|
|
815
1071
|
},
|
|
816
|
-
"description": "
|
|
817
|
-
"attribute": "
|
|
1072
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1073
|
+
"attribute": "placeholder",
|
|
818
1074
|
"reflects": true
|
|
819
1075
|
},
|
|
820
1076
|
{
|
|
821
1077
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
1078
|
+
"name": "required",
|
|
823
1079
|
"privacy": "public",
|
|
824
1080
|
"type": {
|
|
825
1081
|
"text": "boolean"
|
|
826
1082
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"attribute": "
|
|
1083
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1084
|
+
"attribute": "required",
|
|
829
1085
|
"reflects": true
|
|
830
1086
|
},
|
|
831
1087
|
{
|
|
832
1088
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
1089
|
+
"name": "setCustomValidity",
|
|
834
1090
|
"privacy": "public",
|
|
835
1091
|
"type": {
|
|
836
1092
|
"text": "string"
|
|
837
1093
|
},
|
|
838
|
-
"description": "
|
|
839
|
-
"attribute": "
|
|
840
|
-
"reflects": true
|
|
1094
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1095
|
+
"attribute": "setCustomValidity"
|
|
841
1096
|
},
|
|
842
1097
|
{
|
|
843
1098
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
1099
|
+
"name": "setCustomValidityCustomError",
|
|
1100
|
+
"privacy": "public",
|
|
846
1101
|
"type": {
|
|
847
1102
|
"text": "string"
|
|
848
1103
|
},
|
|
849
|
-
"description": "
|
|
1104
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1105
|
+
"attribute": "setCustomValidityCustomError"
|
|
850
1106
|
},
|
|
851
1107
|
{
|
|
852
1108
|
"kind": "field",
|
|
853
|
-
"name": "
|
|
1109
|
+
"name": "setCustomValidityValueMissing",
|
|
854
1110
|
"privacy": "public",
|
|
855
1111
|
"type": {
|
|
856
1112
|
"text": "string"
|
|
857
1113
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"attribute": "
|
|
1114
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1115
|
+
"attribute": "setCustomValidityValueMissing"
|
|
860
1116
|
},
|
|
861
1117
|
{
|
|
862
1118
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
1119
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
864
1120
|
"privacy": "public",
|
|
865
1121
|
"type": {
|
|
866
|
-
"text": "
|
|
1122
|
+
"text": "string"
|
|
867
1123
|
},
|
|
868
|
-
"description": "
|
|
869
|
-
"attribute": "
|
|
870
|
-
"reflects": true
|
|
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"
|
|
871
1126
|
},
|
|
872
1127
|
{
|
|
873
1128
|
"kind": "field",
|
|
@@ -876,613 +1131,656 @@
|
|
|
876
1131
|
"type": {
|
|
877
1132
|
"text": "boolean"
|
|
878
1133
|
},
|
|
879
|
-
"description": "Indicates whether the
|
|
1134
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
880
1135
|
},
|
|
881
1136
|
{
|
|
882
1137
|
"kind": "field",
|
|
883
|
-
"name": "
|
|
1138
|
+
"name": "triggerIcon",
|
|
1139
|
+
"privacy": "public",
|
|
1140
|
+
"type": {
|
|
1141
|
+
"text": "boolean"
|
|
1142
|
+
},
|
|
1143
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1144
|
+
"attribute": "triggerIcon",
|
|
1145
|
+
"reflects": true
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"kind": "field",
|
|
1149
|
+
"name": "type",
|
|
884
1150
|
"privacy": "public",
|
|
885
1151
|
"type": {
|
|
886
1152
|
"text": "string"
|
|
887
1153
|
},
|
|
888
|
-
"description": "
|
|
889
|
-
"attribute": "
|
|
1154
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1155
|
+
"attribute": "type",
|
|
1156
|
+
"reflects": true
|
|
890
1157
|
},
|
|
891
1158
|
{
|
|
892
1159
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "
|
|
1160
|
+
"name": "typedValue",
|
|
1161
|
+
"privacy": "public",
|
|
895
1162
|
"type": {
|
|
896
|
-
"text": "
|
|
1163
|
+
"text": "string"
|
|
897
1164
|
},
|
|
898
|
-
"description": "
|
|
899
|
-
"attribute": "
|
|
1165
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1166
|
+
"attribute": "typedValue",
|
|
900
1167
|
"reflects": true
|
|
901
1168
|
},
|
|
902
1169
|
{
|
|
903
1170
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
905
|
-
"privacy": "
|
|
1171
|
+
"name": "validity",
|
|
1172
|
+
"privacy": "public",
|
|
906
1173
|
"type": {
|
|
907
1174
|
"text": "string"
|
|
908
1175
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"attribute": "
|
|
1176
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1177
|
+
"attribute": "validity",
|
|
911
1178
|
"reflects": true
|
|
912
1179
|
},
|
|
913
1180
|
{
|
|
914
1181
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
1182
|
+
"name": "value",
|
|
1183
|
+
"privacy": "public",
|
|
917
1184
|
"type": {
|
|
918
1185
|
"text": "string"
|
|
919
1186
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"attribute": "
|
|
1187
|
+
"description": "Value selected for the dropdown menu.",
|
|
1188
|
+
"attribute": "value"
|
|
1189
|
+
},
|
|
1190
|
+
{
|
|
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",
|
|
922
1199
|
"reflects": true
|
|
923
1200
|
},
|
|
924
1201
|
{
|
|
925
1202
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
1203
|
+
"name": "fullscreenBreakpoint",
|
|
1204
|
+
"privacy": "public",
|
|
1205
|
+
"type": {
|
|
1206
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1207
|
+
},
|
|
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
|
|
1212
|
+
},
|
|
1213
|
+
{
|
|
1214
|
+
"kind": "field",
|
|
1215
|
+
"name": "optionActive",
|
|
1216
|
+
"privacy": "private",
|
|
1217
|
+
"type": {
|
|
1218
|
+
"text": "object"
|
|
1219
|
+
},
|
|
1220
|
+
"description": "Specifies the currently active option."
|
|
1221
|
+
},
|
|
1222
|
+
{
|
|
1223
|
+
"kind": "field",
|
|
1224
|
+
"name": "componentHasFocus",
|
|
1225
|
+
"description": "Returns true if the element has focus.",
|
|
927
1226
|
"privacy": "private",
|
|
1227
|
+
"return": {
|
|
1228
|
+
"type": {
|
|
1229
|
+
"text": "boolean"
|
|
1230
|
+
}
|
|
1231
|
+
},
|
|
1232
|
+
"readonly": true,
|
|
1233
|
+
"inheritedFrom": {
|
|
1234
|
+
"name": "AuroElement",
|
|
1235
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1236
|
+
}
|
|
1237
|
+
},
|
|
1238
|
+
{
|
|
1239
|
+
"kind": "method",
|
|
1240
|
+
"name": "resetShapeClasses",
|
|
1241
|
+
"inheritedFrom": {
|
|
1242
|
+
"name": "AuroElement",
|
|
1243
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1244
|
+
}
|
|
1245
|
+
},
|
|
1246
|
+
{
|
|
1247
|
+
"kind": "method",
|
|
1248
|
+
"name": "resetLayoutClasses",
|
|
1249
|
+
"inheritedFrom": {
|
|
1250
|
+
"name": "AuroElement",
|
|
1251
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1252
|
+
}
|
|
1253
|
+
},
|
|
1254
|
+
{
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateComponentArchitecture",
|
|
1257
|
+
"inheritedFrom": {
|
|
1258
|
+
"name": "AuroElement",
|
|
1259
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1260
|
+
}
|
|
1261
|
+
},
|
|
1262
|
+
{
|
|
1263
|
+
"kind": "field",
|
|
1264
|
+
"name": "shape",
|
|
1265
|
+
"privacy": "public",
|
|
928
1266
|
"type": {
|
|
929
1267
|
"text": "string"
|
|
930
1268
|
},
|
|
931
|
-
"
|
|
932
|
-
"
|
|
933
|
-
"
|
|
1269
|
+
"attribute": "shape",
|
|
1270
|
+
"reflects": true,
|
|
1271
|
+
"inheritedFrom": {
|
|
1272
|
+
"name": "AuroElement",
|
|
1273
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1274
|
+
}
|
|
1275
|
+
},
|
|
1276
|
+
{
|
|
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
|
+
}
|
|
934
1289
|
}
|
|
935
1290
|
],
|
|
936
1291
|
"events": [
|
|
937
1292
|
{
|
|
938
|
-
"name": "
|
|
1293
|
+
"name": "inputValue",
|
|
939
1294
|
"type": {
|
|
940
1295
|
"text": "CustomEvent"
|
|
941
|
-
}
|
|
1296
|
+
},
|
|
1297
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
942
1298
|
},
|
|
943
1299
|
{
|
|
944
|
-
"name": "
|
|
1300
|
+
"name": "input",
|
|
945
1301
|
"type": {
|
|
946
1302
|
"text": "CustomEvent"
|
|
947
|
-
}
|
|
1303
|
+
},
|
|
1304
|
+
"description": "Notifies that the component has a new value set."
|
|
948
1305
|
},
|
|
949
1306
|
{
|
|
950
|
-
"name": "
|
|
1307
|
+
"name": "auroCombobox-valueSet",
|
|
951
1308
|
"type": {
|
|
952
1309
|
"text": "CustomEvent"
|
|
953
|
-
}
|
|
954
|
-
|
|
955
|
-
{
|
|
956
|
-
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
-
"name": "change"
|
|
1310
|
+
},
|
|
1311
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
958
1312
|
},
|
|
959
1313
|
{
|
|
960
|
-
"description": "Notifies
|
|
961
|
-
"name": "
|
|
1314
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1315
|
+
"name": "auroFormElement-validated"
|
|
962
1316
|
}
|
|
963
1317
|
],
|
|
964
1318
|
"attributes": [
|
|
965
1319
|
{
|
|
966
1320
|
"name": "appearance",
|
|
967
1321
|
"type": {
|
|
968
|
-
"text": "
|
|
1322
|
+
"text": "string"
|
|
969
1323
|
},
|
|
970
1324
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
1325
|
"default": "'default'",
|
|
972
1326
|
"fieldName": "appearance"
|
|
973
1327
|
},
|
|
974
1328
|
{
|
|
975
|
-
"name": "
|
|
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"
|
|
1335
|
+
},
|
|
1336
|
+
{
|
|
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"
|
|
1343
|
+
},
|
|
1344
|
+
{
|
|
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"
|
|
1351
|
+
},
|
|
1352
|
+
{
|
|
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"
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"name": "checkmark",
|
|
976
1363
|
"type": {
|
|
977
1364
|
"text": "boolean"
|
|
978
1365
|
},
|
|
979
|
-
"description": "
|
|
980
|
-
"fieldName": "
|
|
1366
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1367
|
+
"fieldName": "checkmark"
|
|
981
1368
|
},
|
|
982
1369
|
{
|
|
983
1370
|
"name": "disabled",
|
|
984
1371
|
"type": {
|
|
985
1372
|
"text": "boolean"
|
|
986
1373
|
},
|
|
987
|
-
"description": "If set
|
|
1374
|
+
"description": "If set, disables the combobox.",
|
|
988
1375
|
"fieldName": "disabled"
|
|
989
1376
|
},
|
|
990
1377
|
{
|
|
991
|
-
"name": "
|
|
1378
|
+
"name": "dvInputOnly",
|
|
992
1379
|
"type": {
|
|
993
1380
|
"text": "boolean"
|
|
994
1381
|
},
|
|
995
|
-
"description": "If
|
|
996
|
-
"fieldName": "
|
|
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"
|
|
997
1384
|
},
|
|
998
1385
|
{
|
|
999
|
-
"name": "
|
|
1386
|
+
"name": "error",
|
|
1000
1387
|
"type": {
|
|
1001
1388
|
"text": "string"
|
|
1002
1389
|
},
|
|
1003
|
-
"description": "
|
|
1004
|
-
"fieldName": "
|
|
1390
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1391
|
+
"fieldName": "error"
|
|
1005
1392
|
},
|
|
1006
1393
|
{
|
|
1007
|
-
"name": "
|
|
1394
|
+
"name": "format",
|
|
1008
1395
|
"type": {
|
|
1009
1396
|
"text": "string"
|
|
1010
1397
|
},
|
|
1011
|
-
"description": "
|
|
1012
|
-
"fieldName": "
|
|
1398
|
+
"description": "Specifies the input mask format.",
|
|
1399
|
+
"fieldName": "format"
|
|
1013
1400
|
},
|
|
1014
1401
|
{
|
|
1015
|
-
"name": "
|
|
1402
|
+
"name": "inputmode",
|
|
1016
1403
|
"type": {
|
|
1017
|
-
"text": "
|
|
1404
|
+
"text": "string"
|
|
1018
1405
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"fieldName": "
|
|
1406
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1407
|
+
"fieldName": "inputmode"
|
|
1021
1408
|
},
|
|
1022
1409
|
{
|
|
1023
|
-
"name": "
|
|
1410
|
+
"name": "layout",
|
|
1024
1411
|
"type": {
|
|
1025
1412
|
"text": "string"
|
|
1026
1413
|
},
|
|
1027
|
-
"description": "Sets the
|
|
1028
|
-
"
|
|
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"
|
|
1420
|
+
}
|
|
1029
1421
|
},
|
|
1030
1422
|
{
|
|
1031
|
-
"name": "
|
|
1423
|
+
"name": "matchWidth",
|
|
1032
1424
|
"type": {
|
|
1033
|
-
"text": "
|
|
1425
|
+
"text": "boolean"
|
|
1034
1426
|
},
|
|
1035
|
-
"description": "
|
|
1036
|
-
"fieldName": "
|
|
1427
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1428
|
+
"fieldName": "matchWidth"
|
|
1037
1429
|
},
|
|
1038
1430
|
{
|
|
1039
|
-
"name": "
|
|
1431
|
+
"name": "noFilter",
|
|
1040
1432
|
"type": {
|
|
1041
|
-
"text": "
|
|
1433
|
+
"text": "boolean"
|
|
1042
1434
|
},
|
|
1043
|
-
"description": "
|
|
1044
|
-
"fieldName": "
|
|
1435
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1436
|
+
"fieldName": "noFilter"
|
|
1045
1437
|
},
|
|
1046
1438
|
{
|
|
1047
|
-
"name": "
|
|
1439
|
+
"name": "noFlip",
|
|
1048
1440
|
"type": {
|
|
1049
|
-
"text": "
|
|
1441
|
+
"text": "boolean"
|
|
1050
1442
|
},
|
|
1051
|
-
"description": "
|
|
1052
|
-
"fieldName": "
|
|
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"
|
|
1053
1445
|
},
|
|
1054
1446
|
{
|
|
1055
|
-
"name": "
|
|
1447
|
+
"name": "shift",
|
|
1056
1448
|
"type": {
|
|
1057
|
-
"text": "
|
|
1449
|
+
"text": "boolean"
|
|
1058
1450
|
},
|
|
1059
|
-
"description": "
|
|
1060
|
-
"fieldName": "
|
|
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": ""
|
|
1451
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1452
|
+
"fieldName": "shift"
|
|
1123
1453
|
},
|
|
1124
1454
|
{
|
|
1455
|
+
"name": "noValidate",
|
|
1125
1456
|
"type": {
|
|
1126
|
-
"text": "
|
|
1457
|
+
"text": "boolean"
|
|
1127
1458
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1130
|
-
},
|
|
1131
|
-
{
|
|
1132
|
-
"description": "Sets aria-label on clear button",
|
|
1133
|
-
"name": "ariaLabel.input.clear"
|
|
1134
|
-
},
|
|
1135
|
-
{
|
|
1136
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
-
"name": "ariaLabel.bib.close"
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"description": "Defines the headline to display above menu-options",
|
|
1141
|
-
"name": "bib.fullscreen.headline"
|
|
1459
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1460
|
+
"fieldName": "noValidate"
|
|
1142
1461
|
},
|
|
1143
1462
|
{
|
|
1144
|
-
"
|
|
1145
|
-
"
|
|
1463
|
+
"name": "offset",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "number"
|
|
1466
|
+
},
|
|
1467
|
+
"description": "Gap between the trigger element and bib.",
|
|
1468
|
+
"default": "0",
|
|
1469
|
+
"fieldName": "offset"
|
|
1146
1470
|
},
|
|
1147
1471
|
{
|
|
1148
|
-
"
|
|
1149
|
-
"
|
|
1472
|
+
"name": "onDark",
|
|
1473
|
+
"type": {
|
|
1474
|
+
"text": "boolean"
|
|
1475
|
+
},
|
|
1476
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1477
|
+
"fieldName": "onDark"
|
|
1150
1478
|
},
|
|
1151
1479
|
{
|
|
1152
|
-
"
|
|
1153
|
-
"
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
"kind": "method",
|
|
1159
|
-
"name": "_initializeDefaults",
|
|
1160
|
-
"privacy": "private",
|
|
1161
|
-
"return": {
|
|
1162
|
-
"type": {
|
|
1163
|
-
"text": "void"
|
|
1164
|
-
}
|
|
1165
|
-
}
|
|
1480
|
+
"name": "optionSelected",
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "HTMLElement"
|
|
1483
|
+
},
|
|
1484
|
+
"description": "Specifies the current selected option.",
|
|
1485
|
+
"fieldName": "optionSelected"
|
|
1166
1486
|
},
|
|
1167
1487
|
{
|
|
1168
|
-
"
|
|
1169
|
-
"
|
|
1170
|
-
|
|
1171
|
-
{
|
|
1172
|
-
"name": "fn",
|
|
1173
|
-
"description": "Callback to run.",
|
|
1174
|
-
"type": {
|
|
1175
|
-
"text": "Function"
|
|
1176
|
-
}
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"name": "ms",
|
|
1180
|
-
"description": "Delay in milliseconds.",
|
|
1181
|
-
"type": {
|
|
1182
|
-
"text": "number"
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
],
|
|
1186
|
-
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1187
|
-
"return": {
|
|
1188
|
-
"type": {
|
|
1189
|
-
"text": "number"
|
|
1190
|
-
}
|
|
1488
|
+
"name": "persistInput",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "boolean"
|
|
1191
1491
|
},
|
|
1192
|
-
"
|
|
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"
|
|
1193
1494
|
},
|
|
1194
1495
|
{
|
|
1195
|
-
"
|
|
1196
|
-
"
|
|
1197
|
-
|
|
1198
|
-
"return": {
|
|
1199
|
-
"type": {
|
|
1200
|
-
"text": "string|undefined"
|
|
1201
|
-
}
|
|
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'"
|
|
1202
1499
|
},
|
|
1203
|
-
"
|
|
1500
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1501
|
+
"default": "'bottom-start'",
|
|
1502
|
+
"fieldName": "placement"
|
|
1204
1503
|
},
|
|
1205
1504
|
{
|
|
1206
|
-
"
|
|
1207
|
-
"
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
}
|
|
1213
|
-
}
|
|
1505
|
+
"name": "placeholder",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "string"
|
|
1508
|
+
},
|
|
1509
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1510
|
+
"fieldName": "placeholder"
|
|
1214
1511
|
},
|
|
1215
1512
|
{
|
|
1216
|
-
"
|
|
1217
|
-
"
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
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."
|
|
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"
|
|
1231
1519
|
},
|
|
1232
1520
|
{
|
|
1233
|
-
"
|
|
1234
|
-
"
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
"
|
|
1238
|
-
|
|
1239
|
-
"text": "void"
|
|
1240
|
-
}
|
|
1241
|
-
}
|
|
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"
|
|
1242
1527
|
},
|
|
1243
1528
|
{
|
|
1244
|
-
"
|
|
1245
|
-
"
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
"
|
|
1249
|
-
|
|
1250
|
-
"text": "void"
|
|
1251
|
-
}
|
|
1252
|
-
}
|
|
1529
|
+
"name": "setCustomValidityCustomError",
|
|
1530
|
+
"type": {
|
|
1531
|
+
"text": "string"
|
|
1532
|
+
},
|
|
1533
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1534
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1253
1535
|
},
|
|
1254
1536
|
{
|
|
1255
|
-
"
|
|
1256
|
-
"
|
|
1257
|
-
|
|
1258
|
-
|
|
1537
|
+
"name": "setCustomValidityValueMissing",
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "string"
|
|
1540
|
+
},
|
|
1541
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1542
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1259
1543
|
},
|
|
1260
1544
|
{
|
|
1261
|
-
"
|
|
1262
|
-
"
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
"
|
|
1266
|
-
|
|
1267
|
-
"text": "void"
|
|
1268
|
-
}
|
|
1269
|
-
}
|
|
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"
|
|
1270
1551
|
},
|
|
1271
1552
|
{
|
|
1272
|
-
"
|
|
1273
|
-
"
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
"type": {
|
|
1279
|
-
"text": "string"
|
|
1280
|
-
}
|
|
1281
|
-
}
|
|
1282
|
-
],
|
|
1283
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1284
|
-
"privacy": "private"
|
|
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"
|
|
1285
1559
|
},
|
|
1286
1560
|
{
|
|
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
|
-
}
|
|
1561
|
+
"name": "type",
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "string"
|
|
1303
1564
|
},
|
|
1304
|
-
"
|
|
1565
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1566
|
+
"fieldName": "type"
|
|
1305
1567
|
},
|
|
1306
1568
|
{
|
|
1307
|
-
"
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
"
|
|
1312
|
-
|
|
1313
|
-
"text": "void"
|
|
1314
|
-
}
|
|
1315
|
-
}
|
|
1569
|
+
"name": "typedValue",
|
|
1570
|
+
"type": {
|
|
1571
|
+
"text": "string"
|
|
1572
|
+
},
|
|
1573
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1574
|
+
"fieldName": "typedValue"
|
|
1316
1575
|
},
|
|
1317
1576
|
{
|
|
1318
|
-
"
|
|
1319
|
-
"
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
"
|
|
1323
|
-
|
|
1324
|
-
"text": "void"
|
|
1325
|
-
}
|
|
1326
|
-
}
|
|
1577
|
+
"name": "validity",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "string"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1582
|
+
"fieldName": "validity"
|
|
1327
1583
|
},
|
|
1328
1584
|
{
|
|
1329
|
-
"
|
|
1330
|
-
"
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
}
|
|
1336
|
-
}
|
|
1585
|
+
"name": "value",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "Value selected for the dropdown menu.",
|
|
1590
|
+
"fieldName": "value"
|
|
1337
1591
|
},
|
|
1338
1592
|
{
|
|
1339
|
-
"
|
|
1340
|
-
"
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
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"
|
|
1347
1599
|
},
|
|
1348
1600
|
{
|
|
1349
|
-
"
|
|
1350
|
-
"
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
}
|
|
1357
|
-
}
|
|
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"
|
|
1358
1608
|
},
|
|
1359
1609
|
{
|
|
1360
|
-
"
|
|
1361
|
-
"
|
|
1362
|
-
|
|
1610
|
+
"name": "shape",
|
|
1611
|
+
"type": {
|
|
1612
|
+
"text": "string"
|
|
1613
|
+
},
|
|
1614
|
+
"fieldName": "shape",
|
|
1615
|
+
"inheritedFrom": {
|
|
1616
|
+
"name": "AuroElement",
|
|
1617
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1618
|
+
}
|
|
1363
1619
|
},
|
|
1364
1620
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1621
|
+
"name": "size",
|
|
1622
|
+
"type": {
|
|
1623
|
+
"text": "string"
|
|
1624
|
+
},
|
|
1625
|
+
"fieldName": "size",
|
|
1626
|
+
"inheritedFrom": {
|
|
1627
|
+
"name": "AuroElement",
|
|
1628
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1629
|
+
}
|
|
1368
1630
|
},
|
|
1369
1631
|
{
|
|
1370
|
-
"
|
|
1371
|
-
"
|
|
1372
|
-
|
|
1373
|
-
|
|
1632
|
+
"name": "ondark",
|
|
1633
|
+
"type": {
|
|
1634
|
+
"text": "boolean"
|
|
1635
|
+
},
|
|
1636
|
+
"fieldName": "onDark",
|
|
1637
|
+
"inheritedFrom": {
|
|
1638
|
+
"name": "AuroElement",
|
|
1639
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
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": [
|
|
1374
1725
|
{
|
|
1375
|
-
"
|
|
1376
|
-
"name": "
|
|
1377
|
-
"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.",
|
|
1378
|
-
"privacy": "private"
|
|
1726
|
+
"description": "Allows for the legend to be overridden.",
|
|
1727
|
+
"name": "legend"
|
|
1379
1728
|
},
|
|
1380
1729
|
{
|
|
1381
|
-
"
|
|
1382
|
-
"name": "
|
|
1383
|
-
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1384
|
-
"privacy": "private"
|
|
1730
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1731
|
+
"name": "optionalLabel"
|
|
1385
1732
|
},
|
|
1386
1733
|
{
|
|
1387
|
-
"
|
|
1388
|
-
"name": "
|
|
1389
|
-
"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.",
|
|
1390
|
-
"privacy": "private",
|
|
1391
|
-
"return": {
|
|
1392
|
-
"type": {
|
|
1393
|
-
"text": "ShadowRoot"
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1734
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1735
|
+
"name": "helpText"
|
|
1396
1736
|
},
|
|
1397
1737
|
{
|
|
1398
|
-
"
|
|
1399
|
-
"name": "
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
"type": {
|
|
1404
|
-
"text": "void"
|
|
1405
|
-
}
|
|
1406
|
-
}
|
|
1407
|
-
},
|
|
1738
|
+
"description": "The default slot for the checkbox items.",
|
|
1739
|
+
"name": "default"
|
|
1740
|
+
}
|
|
1741
|
+
],
|
|
1742
|
+
"members": [
|
|
1408
1743
|
{
|
|
1409
1744
|
"kind": "method",
|
|
1410
|
-
"name": "
|
|
1411
|
-
"description": "Binds all behavior needed to the input after rendering.",
|
|
1412
|
-
"privacy": "private",
|
|
1413
|
-
"return": {
|
|
1414
|
-
"type": {
|
|
1415
|
-
"text": "void"
|
|
1416
|
-
}
|
|
1417
|
-
}
|
|
1745
|
+
"name": "_initializeDefaults"
|
|
1418
1746
|
},
|
|
1419
1747
|
{
|
|
1420
1748
|
"kind": "method",
|
|
1421
|
-
"name": "
|
|
1749
|
+
"name": "register",
|
|
1750
|
+
"static": true,
|
|
1422
1751
|
"parameters": [
|
|
1423
1752
|
{
|
|
1424
|
-
"name": "
|
|
1425
|
-
"
|
|
1426
|
-
"
|
|
1427
|
-
|
|
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",
|
|
1753
|
+
"name": "name",
|
|
1754
|
+
"default": "\"auro-checkbox-group\"",
|
|
1755
|
+
"description": "The name of the element that you want to register.",
|
|
1756
|
+
"optional": true,
|
|
1440
1757
|
"type": {
|
|
1441
|
-
"text": "
|
|
1758
|
+
"text": "string"
|
|
1442
1759
|
}
|
|
1443
1760
|
}
|
|
1444
1761
|
],
|
|
1445
|
-
"description": "
|
|
1446
|
-
"privacy": "private",
|
|
1447
|
-
"return": {
|
|
1448
|
-
"type": {
|
|
1449
|
-
"text": "void"
|
|
1450
|
-
}
|
|
1451
|
-
}
|
|
1762
|
+
"description": "This will register this element with the browser."
|
|
1452
1763
|
},
|
|
1453
1764
|
{
|
|
1454
1765
|
"kind": "method",
|
|
1455
|
-
"name": "
|
|
1766
|
+
"name": "handleValueUpdate",
|
|
1456
1767
|
"parameters": [
|
|
1457
1768
|
{
|
|
1458
|
-
"name": "
|
|
1459
|
-
"description": "The
|
|
1769
|
+
"name": "value",
|
|
1770
|
+
"description": "The value of the checkbox.",
|
|
1460
1771
|
"type": {
|
|
1461
|
-
"text": "
|
|
1772
|
+
"text": "String"
|
|
1462
1773
|
}
|
|
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
|
-
}
|
|
1472
|
-
},
|
|
1473
|
-
{
|
|
1474
|
-
"kind": "method",
|
|
1475
|
-
"name": "handleTriggerInputValueChange",
|
|
1476
|
-
"parameters": [
|
|
1774
|
+
},
|
|
1477
1775
|
{
|
|
1478
|
-
"name": "
|
|
1479
|
-
"description": "The
|
|
1776
|
+
"name": "selected",
|
|
1777
|
+
"description": "The checked state of the checkbox.",
|
|
1480
1778
|
"type": {
|
|
1481
|
-
"text": "
|
|
1779
|
+
"text": "Boolean"
|
|
1482
1780
|
}
|
|
1483
1781
|
}
|
|
1484
1782
|
],
|
|
1485
|
-
"description": "
|
|
1783
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1486
1784
|
"privacy": "private",
|
|
1487
1785
|
"return": {
|
|
1488
1786
|
"type": {
|
|
@@ -1492,8 +1790,8 @@
|
|
|
1492
1790
|
},
|
|
1493
1791
|
{
|
|
1494
1792
|
"kind": "method",
|
|
1495
|
-
"name": "
|
|
1496
|
-
"description": "
|
|
1793
|
+
"name": "handlePreselectedItems",
|
|
1794
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1497
1795
|
"privacy": "private",
|
|
1498
1796
|
"return": {
|
|
1499
1797
|
"type": {
|
|
@@ -1503,27 +1801,9 @@
|
|
|
1503
1801
|
},
|
|
1504
1802
|
{
|
|
1505
1803
|
"kind": "method",
|
|
1506
|
-
"name": "
|
|
1507
|
-
"description": "
|
|
1508
|
-
"
|
|
1509
|
-
"type": {
|
|
1510
|
-
"text": "void"
|
|
1511
|
-
}
|
|
1512
|
-
}
|
|
1513
|
-
},
|
|
1514
|
-
{
|
|
1515
|
-
"kind": "method",
|
|
1516
|
-
"name": "setMenuValue",
|
|
1517
|
-
"parameters": [
|
|
1518
|
-
{
|
|
1519
|
-
"name": "value",
|
|
1520
|
-
"description": "The value to set on the menu.",
|
|
1521
|
-
"type": {
|
|
1522
|
-
"text": "string"
|
|
1523
|
-
}
|
|
1524
|
-
}
|
|
1525
|
-
],
|
|
1526
|
-
"description": "Sets the menu value if menu is available.",
|
|
1804
|
+
"name": "handleItems",
|
|
1805
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1806
|
+
"privacy": "private",
|
|
1527
1807
|
"return": {
|
|
1528
1808
|
"type": {
|
|
1529
1809
|
"text": "void"
|
|
@@ -1542,165 +1822,32 @@
|
|
|
1542
1822
|
},
|
|
1543
1823
|
{
|
|
1544
1824
|
"kind": "method",
|
|
1545
|
-
"name": "
|
|
1546
|
-
"description": "Clears the current value of the combobox.",
|
|
1547
|
-
"return": {
|
|
1548
|
-
"type": {
|
|
1549
|
-
"text": "void"
|
|
1550
|
-
}
|
|
1551
|
-
}
|
|
1552
|
-
},
|
|
1553
|
-
{
|
|
1554
|
-
"kind": "method",
|
|
1555
|
-
"name": "validate",
|
|
1556
|
-
"parameters": [
|
|
1557
|
-
{
|
|
1558
|
-
"name": "force",
|
|
1559
|
-
"default": "false",
|
|
1560
|
-
"description": "Whether to force validation.",
|
|
1561
|
-
"optional": true,
|
|
1562
|
-
"type": {
|
|
1563
|
-
"text": "boolean"
|
|
1564
|
-
}
|
|
1565
|
-
}
|
|
1566
|
-
],
|
|
1567
|
-
"description": "Validates value."
|
|
1568
|
-
},
|
|
1569
|
-
{
|
|
1570
|
-
"kind": "method",
|
|
1571
|
-
"name": "transportAssignedNodes",
|
|
1572
|
-
"parameters": [
|
|
1573
|
-
{
|
|
1574
|
-
"name": "slot",
|
|
1575
|
-
"description": "The slot element containing the nodes to apply.",
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "HTMLSlotElement"
|
|
1578
|
-
}
|
|
1579
|
-
},
|
|
1580
|
-
{
|
|
1581
|
-
"name": "target",
|
|
1582
|
-
"description": "The target element to apply the nodes to.",
|
|
1583
|
-
"type": {
|
|
1584
|
-
"text": "HTMLElement"
|
|
1585
|
-
}
|
|
1586
|
-
},
|
|
1587
|
-
{
|
|
1588
|
-
"name": "newSlotName",
|
|
1589
|
-
"description": "The new slot name for the applied nodes.",
|
|
1590
|
-
"type": {
|
|
1591
|
-
"text": "string"
|
|
1592
|
-
}
|
|
1593
|
-
}
|
|
1594
|
-
],
|
|
1595
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1596
|
-
"privacy": "private",
|
|
1597
|
-
"return": {
|
|
1598
|
-
"type": {
|
|
1599
|
-
"text": "void"
|
|
1600
|
-
}
|
|
1601
|
-
}
|
|
1602
|
-
},
|
|
1603
|
-
{
|
|
1604
|
-
"kind": "method",
|
|
1605
|
-
"name": "updateActiveOption",
|
|
1606
|
-
"parameters": [
|
|
1607
|
-
{
|
|
1608
|
-
"name": "index",
|
|
1609
|
-
"description": "Index of the option to make active.",
|
|
1610
|
-
"type": {
|
|
1611
|
-
"text": "number"
|
|
1612
|
-
}
|
|
1613
|
-
}
|
|
1614
|
-
],
|
|
1615
|
-
"description": "Updates the active option in the menu."
|
|
1616
|
-
},
|
|
1617
|
-
{
|
|
1618
|
-
"kind": "method",
|
|
1619
|
-
"name": "handleSlotChange",
|
|
1825
|
+
"name": "validate",
|
|
1620
1826
|
"parameters": [
|
|
1621
1827
|
{
|
|
1622
|
-
"name": "
|
|
1623
|
-
"
|
|
1828
|
+
"name": "force",
|
|
1829
|
+
"default": "false",
|
|
1830
|
+
"description": "Whether to force validation.",
|
|
1831
|
+
"optional": true,
|
|
1624
1832
|
"type": {
|
|
1625
|
-
"text": "
|
|
1833
|
+
"text": "boolean"
|
|
1626
1834
|
}
|
|
1627
1835
|
}
|
|
1628
1836
|
],
|
|
1629
|
-
"description": "
|
|
1630
|
-
"privacy": "private",
|
|
1631
|
-
"return": {
|
|
1632
|
-
"type": {
|
|
1633
|
-
"text": "void"
|
|
1634
|
-
}
|
|
1635
|
-
}
|
|
1837
|
+
"description": "Validates value."
|
|
1636
1838
|
},
|
|
1637
1839
|
{
|
|
1638
1840
|
"kind": "field",
|
|
1639
1841
|
"name": "appearance",
|
|
1640
1842
|
"privacy": "public",
|
|
1641
1843
|
"type": {
|
|
1642
|
-
"text": "
|
|
1844
|
+
"text": "'default' | 'inverse'"
|
|
1643
1845
|
},
|
|
1644
1846
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1645
1847
|
"default": "'default'",
|
|
1646
1848
|
"attribute": "appearance",
|
|
1647
1849
|
"reflects": true
|
|
1648
1850
|
},
|
|
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
1851
|
{
|
|
1705
1852
|
"kind": "field",
|
|
1706
1853
|
"name": "disabled",
|
|
@@ -1708,39 +1855,10 @@
|
|
|
1708
1855
|
"type": {
|
|
1709
1856
|
"text": "boolean"
|
|
1710
1857
|
},
|
|
1711
|
-
"description": "If set, disables the
|
|
1858
|
+
"description": "If set, disables the checkbox group.",
|
|
1712
1859
|
"attribute": "disabled",
|
|
1713
1860
|
"reflects": true
|
|
1714
1861
|
},
|
|
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
1862
|
{
|
|
1745
1863
|
"kind": "field",
|
|
1746
1864
|
"name": "error",
|
|
@@ -1754,807 +1872,689 @@
|
|
|
1754
1872
|
},
|
|
1755
1873
|
{
|
|
1756
1874
|
"kind": "field",
|
|
1757
|
-
"name": "
|
|
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
|
|
1776
|
-
},
|
|
1777
|
-
{
|
|
1778
|
-
"kind": "field",
|
|
1779
|
-
"name": "layout",
|
|
1780
|
-
"privacy": "public",
|
|
1781
|
-
"type": {
|
|
1782
|
-
"text": "string"
|
|
1783
|
-
},
|
|
1784
|
-
"description": "Sets the layout of the combobox.",
|
|
1785
|
-
"default": "'classic'",
|
|
1786
|
-
"attribute": "layout",
|
|
1787
|
-
"reflects": true,
|
|
1788
|
-
"inheritedFrom": {
|
|
1789
|
-
"name": "AuroElement",
|
|
1790
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1791
|
-
}
|
|
1792
|
-
},
|
|
1793
|
-
{
|
|
1794
|
-
"kind": "field",
|
|
1795
|
-
"name": "matchWidth",
|
|
1796
|
-
"privacy": "private",
|
|
1797
|
-
"type": {
|
|
1798
|
-
"text": "boolean"
|
|
1799
|
-
},
|
|
1800
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1801
|
-
"attribute": "matchWidth",
|
|
1802
|
-
"reflects": true
|
|
1803
|
-
},
|
|
1804
|
-
{
|
|
1805
|
-
"kind": "field",
|
|
1806
|
-
"name": "noFilter",
|
|
1875
|
+
"name": "horizontal",
|
|
1807
1876
|
"privacy": "public",
|
|
1808
1877
|
"type": {
|
|
1809
1878
|
"text": "boolean"
|
|
1810
1879
|
},
|
|
1811
|
-
"description": "If set,
|
|
1812
|
-
"attribute": "
|
|
1880
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1881
|
+
"attribute": "horizontal",
|
|
1813
1882
|
"reflects": true
|
|
1814
1883
|
},
|
|
1815
1884
|
{
|
|
1816
1885
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1886
|
+
"name": "noValidate",
|
|
1818
1887
|
"privacy": "public",
|
|
1819
1888
|
"type": {
|
|
1820
1889
|
"text": "boolean"
|
|
1821
1890
|
},
|
|
1822
|
-
"description": "If
|
|
1823
|
-
"attribute": "
|
|
1891
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1892
|
+
"attribute": "noValidate",
|
|
1824
1893
|
"reflects": true
|
|
1825
1894
|
},
|
|
1826
1895
|
{
|
|
1827
1896
|
"kind": "field",
|
|
1828
|
-
"name": "
|
|
1897
|
+
"name": "onDark",
|
|
1829
1898
|
"privacy": "public",
|
|
1830
1899
|
"type": {
|
|
1831
1900
|
"text": "boolean"
|
|
1832
1901
|
},
|
|
1833
|
-
"description": "
|
|
1834
|
-
"attribute": "
|
|
1902
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1903
|
+
"attribute": "onDark",
|
|
1835
1904
|
"reflects": true
|
|
1836
1905
|
},
|
|
1837
1906
|
{
|
|
1838
1907
|
"kind": "field",
|
|
1839
|
-
"name": "
|
|
1908
|
+
"name": "required",
|
|
1840
1909
|
"privacy": "public",
|
|
1841
1910
|
"type": {
|
|
1842
1911
|
"text": "boolean"
|
|
1843
1912
|
},
|
|
1844
|
-
"description": "
|
|
1845
|
-
"attribute": "
|
|
1913
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1914
|
+
"attribute": "required",
|
|
1846
1915
|
"reflects": true
|
|
1847
1916
|
},
|
|
1848
1917
|
{
|
|
1849
1918
|
"kind": "field",
|
|
1850
|
-
"name": "
|
|
1919
|
+
"name": "setCustomValidity",
|
|
1851
1920
|
"privacy": "public",
|
|
1852
1921
|
"type": {
|
|
1853
|
-
"text": "
|
|
1922
|
+
"text": "string"
|
|
1854
1923
|
},
|
|
1855
|
-
"description": "
|
|
1856
|
-
"
|
|
1857
|
-
"attribute": "offset",
|
|
1858
|
-
"reflects": true
|
|
1924
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1925
|
+
"attribute": "setCustomValidity"
|
|
1859
1926
|
},
|
|
1860
1927
|
{
|
|
1861
1928
|
"kind": "field",
|
|
1862
|
-
"name": "
|
|
1929
|
+
"name": "setCustomValidityCustomError",
|
|
1863
1930
|
"privacy": "public",
|
|
1864
1931
|
"type": {
|
|
1865
|
-
"text": "
|
|
1932
|
+
"text": "string"
|
|
1866
1933
|
},
|
|
1867
|
-
"
|
|
1868
|
-
"
|
|
1869
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1870
|
-
"inheritedFrom": {
|
|
1871
|
-
"name": "AuroElement",
|
|
1872
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1873
|
-
}
|
|
1934
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1935
|
+
"attribute": "setCustomValidityCustomError"
|
|
1874
1936
|
},
|
|
1875
1937
|
{
|
|
1876
1938
|
"kind": "field",
|
|
1877
|
-
"name": "
|
|
1939
|
+
"name": "setCustomValidityValueMissing",
|
|
1878
1940
|
"privacy": "public",
|
|
1879
1941
|
"type": {
|
|
1880
|
-
"text": "
|
|
1942
|
+
"text": "string"
|
|
1881
1943
|
},
|
|
1882
|
-
"description": "
|
|
1883
|
-
"attribute": "
|
|
1944
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1945
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1884
1946
|
},
|
|
1885
1947
|
{
|
|
1886
1948
|
"kind": "field",
|
|
1887
|
-
"name": "
|
|
1949
|
+
"name": "validity",
|
|
1888
1950
|
"privacy": "public",
|
|
1889
1951
|
"type": {
|
|
1890
|
-
"text": "
|
|
1952
|
+
"text": "string"
|
|
1891
1953
|
},
|
|
1892
|
-
"description": "
|
|
1893
|
-
"attribute": "
|
|
1954
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1955
|
+
"attribute": "validity",
|
|
1894
1956
|
"reflects": true
|
|
1895
|
-
}
|
|
1957
|
+
}
|
|
1958
|
+
],
|
|
1959
|
+
"events": [
|
|
1896
1960
|
{
|
|
1897
|
-
"
|
|
1898
|
-
"name": "placement",
|
|
1899
|
-
"privacy": "public",
|
|
1961
|
+
"name": "input",
|
|
1900
1962
|
"type": {
|
|
1901
|
-
"text": "
|
|
1902
|
-
}
|
|
1903
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1904
|
-
"default": "'bottom-start'",
|
|
1905
|
-
"attribute": "placement",
|
|
1906
|
-
"reflects": true
|
|
1963
|
+
"text": "CustomEvent"
|
|
1964
|
+
}
|
|
1907
1965
|
},
|
|
1908
1966
|
{
|
|
1909
|
-
"
|
|
1910
|
-
"name": "
|
|
1911
|
-
|
|
1967
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1968
|
+
"name": "auroFormElement-validated"
|
|
1969
|
+
}
|
|
1970
|
+
],
|
|
1971
|
+
"attributes": [
|
|
1972
|
+
{
|
|
1973
|
+
"name": "appearance",
|
|
1912
1974
|
"type": {
|
|
1913
|
-
"text": "
|
|
1975
|
+
"text": "'default' | 'inverse'"
|
|
1914
1976
|
},
|
|
1915
|
-
"description": "
|
|
1916
|
-
"
|
|
1917
|
-
"
|
|
1977
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1978
|
+
"default": "'default'",
|
|
1979
|
+
"fieldName": "appearance"
|
|
1918
1980
|
},
|
|
1919
1981
|
{
|
|
1920
|
-
"
|
|
1921
|
-
"name": "required",
|
|
1922
|
-
"privacy": "public",
|
|
1982
|
+
"name": "disabled",
|
|
1923
1983
|
"type": {
|
|
1924
1984
|
"text": "boolean"
|
|
1925
1985
|
},
|
|
1926
|
-
"description": "
|
|
1927
|
-
"
|
|
1928
|
-
"reflects": true
|
|
1986
|
+
"description": "If set, disables the checkbox group.",
|
|
1987
|
+
"fieldName": "disabled"
|
|
1929
1988
|
},
|
|
1930
1989
|
{
|
|
1931
|
-
"
|
|
1932
|
-
"name": "setCustomValidity",
|
|
1933
|
-
"privacy": "public",
|
|
1990
|
+
"name": "error",
|
|
1934
1991
|
"type": {
|
|
1935
1992
|
"text": "string"
|
|
1936
1993
|
},
|
|
1937
|
-
"description": "
|
|
1938
|
-
"
|
|
1994
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1995
|
+
"fieldName": "error"
|
|
1939
1996
|
},
|
|
1940
1997
|
{
|
|
1941
|
-
"
|
|
1942
|
-
"name": "setCustomValidityCustomError",
|
|
1943
|
-
"privacy": "public",
|
|
1998
|
+
"name": "horizontal",
|
|
1944
1999
|
"type": {
|
|
1945
|
-
"text": "
|
|
2000
|
+
"text": "boolean"
|
|
1946
2001
|
},
|
|
1947
|
-
"description": "
|
|
1948
|
-
"
|
|
2002
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
2003
|
+
"fieldName": "horizontal"
|
|
1949
2004
|
},
|
|
1950
2005
|
{
|
|
1951
|
-
"
|
|
1952
|
-
"name": "setCustomValidityValueMissing",
|
|
1953
|
-
"privacy": "public",
|
|
2006
|
+
"name": "noValidate",
|
|
1954
2007
|
"type": {
|
|
1955
|
-
"text": "
|
|
2008
|
+
"text": "boolean"
|
|
1956
2009
|
},
|
|
1957
|
-
"description": "
|
|
1958
|
-
"
|
|
2010
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2011
|
+
"fieldName": "noValidate"
|
|
1959
2012
|
},
|
|
1960
2013
|
{
|
|
1961
|
-
"
|
|
1962
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1963
|
-
"privacy": "public",
|
|
2014
|
+
"name": "onDark",
|
|
1964
2015
|
"type": {
|
|
1965
|
-
"text": "
|
|
2016
|
+
"text": "boolean"
|
|
1966
2017
|
},
|
|
1967
|
-
"description": "
|
|
1968
|
-
"
|
|
2018
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2019
|
+
"fieldName": "onDark"
|
|
1969
2020
|
},
|
|
1970
2021
|
{
|
|
1971
|
-
"
|
|
1972
|
-
"name": "touched",
|
|
1973
|
-
"privacy": "private",
|
|
2022
|
+
"name": "required",
|
|
1974
2023
|
"type": {
|
|
1975
2024
|
"text": "boolean"
|
|
1976
2025
|
},
|
|
1977
|
-
"description": "
|
|
2026
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
2027
|
+
"fieldName": "required"
|
|
1978
2028
|
},
|
|
1979
2029
|
{
|
|
1980
|
-
"
|
|
1981
|
-
"name": "triggerIcon",
|
|
1982
|
-
"privacy": "public",
|
|
2030
|
+
"name": "setCustomValidity",
|
|
1983
2031
|
"type": {
|
|
1984
|
-
"text": "
|
|
2032
|
+
"text": "string"
|
|
1985
2033
|
},
|
|
1986
|
-
"description": "
|
|
1987
|
-
"
|
|
1988
|
-
"reflects": true
|
|
2034
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2035
|
+
"fieldName": "setCustomValidity"
|
|
1989
2036
|
},
|
|
1990
2037
|
{
|
|
1991
|
-
"
|
|
1992
|
-
"name": "type",
|
|
1993
|
-
"privacy": "public",
|
|
2038
|
+
"name": "setCustomValidityCustomError",
|
|
1994
2039
|
"type": {
|
|
1995
2040
|
"text": "string"
|
|
1996
2041
|
},
|
|
1997
|
-
"description": "
|
|
1998
|
-
"
|
|
1999
|
-
"reflects": true
|
|
2042
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2043
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2000
2044
|
},
|
|
2001
2045
|
{
|
|
2002
|
-
"
|
|
2003
|
-
"name": "typedValue",
|
|
2004
|
-
"privacy": "public",
|
|
2046
|
+
"name": "setCustomValidityValueMissing",
|
|
2005
2047
|
"type": {
|
|
2006
2048
|
"text": "string"
|
|
2007
2049
|
},
|
|
2008
|
-
"description": "
|
|
2009
|
-
"
|
|
2010
|
-
"reflects": true
|
|
2050
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2051
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2011
2052
|
},
|
|
2012
2053
|
{
|
|
2013
|
-
"kind": "field",
|
|
2014
2054
|
"name": "validity",
|
|
2015
|
-
"privacy": "public",
|
|
2016
2055
|
"type": {
|
|
2017
2056
|
"text": "string"
|
|
2018
2057
|
},
|
|
2019
2058
|
"description": "Specifies the `validityState` this element is in.",
|
|
2020
|
-
"
|
|
2021
|
-
|
|
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"
|
|
2022
2093
|
},
|
|
2023
2094
|
{
|
|
2024
|
-
"
|
|
2025
|
-
"name": "
|
|
2026
|
-
"privacy": "public",
|
|
2027
|
-
"type": {
|
|
2028
|
-
"text": "string"
|
|
2029
|
-
},
|
|
2030
|
-
"description": "Value selected for the dropdown menu.",
|
|
2031
|
-
"attribute": "value"
|
|
2095
|
+
"description": "apply css to a specific checkbox's input.",
|
|
2096
|
+
"name": "checkbox-input"
|
|
2032
2097
|
},
|
|
2033
2098
|
{
|
|
2034
|
-
"
|
|
2035
|
-
"name": "
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
"description": "
|
|
2041
|
-
"
|
|
2042
|
-
|
|
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"
|
|
2043
2113
|
},
|
|
2044
2114
|
{
|
|
2045
|
-
"kind": "
|
|
2046
|
-
"name": "
|
|
2047
|
-
"
|
|
2048
|
-
"
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
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."
|
|
2055
2130
|
},
|
|
2056
2131
|
{
|
|
2057
|
-
"kind": "
|
|
2058
|
-
"name": "
|
|
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.",
|
|
2059
2144
|
"privacy": "private",
|
|
2060
|
-
"
|
|
2061
|
-
"
|
|
2062
|
-
|
|
2063
|
-
|
|
2145
|
+
"return": {
|
|
2146
|
+
"type": {
|
|
2147
|
+
"text": "void"
|
|
2148
|
+
}
|
|
2149
|
+
}
|
|
2064
2150
|
},
|
|
2065
2151
|
{
|
|
2066
|
-
"kind": "
|
|
2067
|
-
"name": "
|
|
2068
|
-
"
|
|
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.",
|
|
2069
2164
|
"privacy": "private",
|
|
2070
2165
|
"return": {
|
|
2071
2166
|
"type": {
|
|
2072
|
-
"text": "
|
|
2167
|
+
"text": "void"
|
|
2073
2168
|
}
|
|
2074
|
-
},
|
|
2075
|
-
"readonly": true,
|
|
2076
|
-
"inheritedFrom": {
|
|
2077
|
-
"name": "AuroElement",
|
|
2078
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2079
2169
|
}
|
|
2080
2170
|
},
|
|
2081
2171
|
{
|
|
2082
2172
|
"kind": "method",
|
|
2083
|
-
"name": "
|
|
2084
|
-
"
|
|
2085
|
-
|
|
2086
|
-
|
|
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
|
+
}
|
|
2087
2191
|
}
|
|
2088
2192
|
},
|
|
2089
2193
|
{
|
|
2090
2194
|
"kind": "method",
|
|
2091
|
-
"name": "
|
|
2092
|
-
"
|
|
2093
|
-
|
|
2094
|
-
"
|
|
2195
|
+
"name": "reset",
|
|
2196
|
+
"description": "Resets component to initial state.",
|
|
2197
|
+
"return": {
|
|
2198
|
+
"type": {
|
|
2199
|
+
"text": "void"
|
|
2200
|
+
}
|
|
2095
2201
|
}
|
|
2096
2202
|
},
|
|
2097
2203
|
{
|
|
2098
2204
|
"kind": "method",
|
|
2099
|
-
"name": "
|
|
2100
|
-
"
|
|
2101
|
-
|
|
2102
|
-
|
|
2205
|
+
"name": "updateAriaLabel",
|
|
2206
|
+
"description": "Updates the aria-label based on slot content.",
|
|
2207
|
+
"privacy": "private",
|
|
2208
|
+
"return": {
|
|
2209
|
+
"type": {
|
|
2210
|
+
"text": "void"
|
|
2211
|
+
}
|
|
2103
2212
|
}
|
|
2104
2213
|
},
|
|
2105
2214
|
{
|
|
2106
|
-
"kind": "
|
|
2107
|
-
"name": "
|
|
2108
|
-
"
|
|
2109
|
-
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
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
|
+
}
|
|
2117
2232
|
}
|
|
2118
2233
|
},
|
|
2119
2234
|
{
|
|
2120
2235
|
"kind": "field",
|
|
2121
|
-
"name": "size",
|
|
2122
|
-
"privacy": "public",
|
|
2123
|
-
"type": {
|
|
2124
|
-
"text": "string"
|
|
2125
|
-
},
|
|
2126
|
-
"attribute": "size",
|
|
2127
|
-
"reflects": true,
|
|
2128
|
-
"inheritedFrom": {
|
|
2129
|
-
"name": "AuroElement",
|
|
2130
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2131
|
-
}
|
|
2132
|
-
}
|
|
2133
|
-
],
|
|
2134
|
-
"events": [
|
|
2135
|
-
{
|
|
2136
|
-
"name": "inputValue",
|
|
2137
|
-
"type": {
|
|
2138
|
-
"text": "CustomEvent"
|
|
2139
|
-
},
|
|
2140
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2141
|
-
},
|
|
2142
|
-
{
|
|
2143
|
-
"name": "input",
|
|
2144
|
-
"type": {
|
|
2145
|
-
"text": "CustomEvent"
|
|
2146
|
-
},
|
|
2147
|
-
"description": "Notifies that the component has a new value set."
|
|
2148
|
-
},
|
|
2149
|
-
{
|
|
2150
|
-
"name": "auroCombobox-valueSet",
|
|
2151
|
-
"type": {
|
|
2152
|
-
"text": "CustomEvent"
|
|
2153
|
-
},
|
|
2154
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2155
|
-
},
|
|
2156
|
-
{
|
|
2157
|
-
"description": "Notifies that the component value(s) have been validated.",
|
|
2158
|
-
"name": "auroFormElement-validated"
|
|
2159
|
-
}
|
|
2160
|
-
],
|
|
2161
|
-
"attributes": [
|
|
2162
|
-
{
|
|
2163
2236
|
"name": "appearance",
|
|
2237
|
+
"privacy": "public",
|
|
2164
2238
|
"type": {
|
|
2165
|
-
"text": "
|
|
2239
|
+
"text": "'default' | 'inverse'"
|
|
2166
2240
|
},
|
|
2167
2241
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2168
2242
|
"default": "'default'",
|
|
2169
|
-
"
|
|
2170
|
-
|
|
2171
|
-
{
|
|
2172
|
-
"name": "autocomplete",
|
|
2173
|
-
"type": {
|
|
2174
|
-
"text": "string"
|
|
2175
|
-
},
|
|
2176
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2177
|
-
"fieldName": "autocomplete"
|
|
2178
|
-
},
|
|
2179
|
-
{
|
|
2180
|
-
"name": "autoPlacement",
|
|
2181
|
-
"type": {
|
|
2182
|
-
"text": "boolean"
|
|
2183
|
-
},
|
|
2184
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2185
|
-
"fieldName": "autoPlacement"
|
|
2186
|
-
},
|
|
2187
|
-
{
|
|
2188
|
-
"name": "availableOptions",
|
|
2189
|
-
"type": {
|
|
2190
|
-
"text": "array"
|
|
2191
|
-
},
|
|
2192
|
-
"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).",
|
|
2193
|
-
"fieldName": "availableOptions"
|
|
2194
|
-
},
|
|
2195
|
-
{
|
|
2196
|
-
"name": "behavior",
|
|
2197
|
-
"type": {
|
|
2198
|
-
"text": "'filter' | 'suggestion'"
|
|
2199
|
-
},
|
|
2200
|
-
"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.",
|
|
2201
|
-
"default": "'suggestion'",
|
|
2202
|
-
"fieldName": "behavior"
|
|
2243
|
+
"attribute": "appearance",
|
|
2244
|
+
"reflects": true
|
|
2203
2245
|
},
|
|
2204
2246
|
{
|
|
2205
|
-
"
|
|
2247
|
+
"kind": "field",
|
|
2248
|
+
"name": "checked",
|
|
2249
|
+
"privacy": "public",
|
|
2206
2250
|
"type": {
|
|
2207
2251
|
"text": "boolean"
|
|
2208
2252
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2253
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2254
|
+
"attribute": "checked",
|
|
2255
|
+
"reflects": true
|
|
2211
2256
|
},
|
|
2212
2257
|
{
|
|
2258
|
+
"kind": "field",
|
|
2213
2259
|
"name": "disabled",
|
|
2260
|
+
"privacy": "public",
|
|
2214
2261
|
"type": {
|
|
2215
2262
|
"text": "boolean"
|
|
2216
2263
|
},
|
|
2217
|
-
"description": "If set,
|
|
2218
|
-
"
|
|
2219
|
-
|
|
2220
|
-
{
|
|
2221
|
-
"name": "dvInputOnly",
|
|
2222
|
-
"type": {
|
|
2223
|
-
"text": "boolean"
|
|
2224
|
-
},
|
|
2225
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2226
|
-
"fieldName": "dvInputOnly"
|
|
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"
|
|
2280
|
-
},
|
|
2281
|
-
{
|
|
2282
|
-
"name": "noFlip",
|
|
2283
|
-
"type": {
|
|
2284
|
-
"text": "boolean"
|
|
2285
|
-
},
|
|
2286
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2287
|
-
"fieldName": "noFlip"
|
|
2306
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2307
|
+
"attribute": "name"
|
|
2288
2308
|
},
|
|
2289
2309
|
{
|
|
2290
|
-
"
|
|
2310
|
+
"kind": "field",
|
|
2311
|
+
"name": "onDark",
|
|
2312
|
+
"privacy": "public",
|
|
2291
2313
|
"type": {
|
|
2292
2314
|
"text": "boolean"
|
|
2293
2315
|
},
|
|
2294
|
-
"description": "
|
|
2295
|
-
"
|
|
2316
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2317
|
+
"attribute": "onDark",
|
|
2318
|
+
"reflects": true
|
|
2296
2319
|
},
|
|
2297
2320
|
{
|
|
2298
|
-
"
|
|
2321
|
+
"kind": "field",
|
|
2322
|
+
"name": "touched",
|
|
2323
|
+
"privacy": "private",
|
|
2299
2324
|
"type": {
|
|
2300
2325
|
"text": "boolean"
|
|
2301
2326
|
},
|
|
2302
|
-
"description": "
|
|
2303
|
-
"fieldName": "noValidate"
|
|
2304
|
-
},
|
|
2305
|
-
{
|
|
2306
|
-
"name": "offset",
|
|
2307
|
-
"type": {
|
|
2308
|
-
"text": "number"
|
|
2309
|
-
},
|
|
2310
|
-
"description": "Gap between the trigger element and bib.",
|
|
2311
|
-
"default": "0",
|
|
2312
|
-
"fieldName": "offset"
|
|
2327
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2313
2328
|
},
|
|
2314
2329
|
{
|
|
2315
|
-
"
|
|
2330
|
+
"kind": "field",
|
|
2331
|
+
"name": "value",
|
|
2332
|
+
"privacy": "public",
|
|
2316
2333
|
"type": {
|
|
2317
|
-
"text": "
|
|
2334
|
+
"text": "string"
|
|
2318
2335
|
},
|
|
2319
|
-
"description": "
|
|
2320
|
-
"
|
|
2336
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2337
|
+
"attribute": "value"
|
|
2321
2338
|
},
|
|
2322
2339
|
{
|
|
2323
|
-
"
|
|
2340
|
+
"kind": "field",
|
|
2341
|
+
"name": "tabIndex",
|
|
2342
|
+
"privacy": "private",
|
|
2324
2343
|
"type": {
|
|
2325
|
-
"text": "
|
|
2344
|
+
"text": "number"
|
|
2326
2345
|
},
|
|
2327
|
-
"description": "
|
|
2328
|
-
"
|
|
2346
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2347
|
+
"attribute": "tabindex",
|
|
2348
|
+
"reflects": true
|
|
2329
2349
|
},
|
|
2330
2350
|
{
|
|
2331
|
-
"
|
|
2351
|
+
"kind": "field",
|
|
2352
|
+
"name": "ariaChecked",
|
|
2353
|
+
"privacy": "private",
|
|
2332
2354
|
"type": {
|
|
2333
|
-
"text": "
|
|
2355
|
+
"text": "string"
|
|
2334
2356
|
},
|
|
2335
|
-
"description": "
|
|
2336
|
-
"
|
|
2357
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2358
|
+
"attribute": "aria-checked",
|
|
2359
|
+
"reflects": true
|
|
2337
2360
|
},
|
|
2338
2361
|
{
|
|
2339
|
-
"
|
|
2362
|
+
"kind": "field",
|
|
2363
|
+
"name": "ariaDisabled",
|
|
2364
|
+
"privacy": "private",
|
|
2340
2365
|
"type": {
|
|
2341
|
-
"text": "
|
|
2366
|
+
"text": "string"
|
|
2342
2367
|
},
|
|
2343
|
-
"description": "
|
|
2344
|
-
"
|
|
2345
|
-
"
|
|
2368
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2369
|
+
"attribute": "aria-disabled",
|
|
2370
|
+
"reflects": true
|
|
2346
2371
|
},
|
|
2347
2372
|
{
|
|
2348
|
-
"
|
|
2373
|
+
"kind": "field",
|
|
2374
|
+
"name": "role",
|
|
2375
|
+
"privacy": "private",
|
|
2349
2376
|
"type": {
|
|
2350
2377
|
"text": "string"
|
|
2351
2378
|
},
|
|
2352
|
-
"description": "
|
|
2353
|
-
"
|
|
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": [
|
|
2385
|
+
{
|
|
2386
|
+
"name": "auroCheckbox-input",
|
|
2387
|
+
"type": {
|
|
2388
|
+
"text": "CustomEvent"
|
|
2389
|
+
}
|
|
2354
2390
|
},
|
|
2355
2391
|
{
|
|
2356
|
-
"name": "
|
|
2392
|
+
"name": "auroCheckbox-focusin",
|
|
2357
2393
|
"type": {
|
|
2358
|
-
"text": "
|
|
2359
|
-
}
|
|
2360
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2361
|
-
"fieldName": "required"
|
|
2394
|
+
"text": "CustomEvent"
|
|
2395
|
+
}
|
|
2362
2396
|
},
|
|
2363
2397
|
{
|
|
2364
|
-
"name": "
|
|
2398
|
+
"name": "auroCheckbox-focusout",
|
|
2365
2399
|
"type": {
|
|
2366
|
-
"text": "
|
|
2367
|
-
}
|
|
2368
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2369
|
-
"fieldName": "setCustomValidity"
|
|
2400
|
+
"text": "CustomEvent"
|
|
2401
|
+
}
|
|
2370
2402
|
},
|
|
2371
2403
|
{
|
|
2372
|
-
"
|
|
2404
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2405
|
+
"name": "change"
|
|
2406
|
+
},
|
|
2407
|
+
{
|
|
2408
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
2409
|
+
"name": "input"
|
|
2410
|
+
}
|
|
2411
|
+
],
|
|
2412
|
+
"attributes": [
|
|
2413
|
+
{
|
|
2414
|
+
"name": "appearance",
|
|
2373
2415
|
"type": {
|
|
2374
|
-
"text": "
|
|
2416
|
+
"text": "'default' | 'inverse'"
|
|
2375
2417
|
},
|
|
2376
|
-
"description": "
|
|
2377
|
-
"
|
|
2418
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2419
|
+
"default": "'default'",
|
|
2420
|
+
"fieldName": "appearance"
|
|
2378
2421
|
},
|
|
2379
2422
|
{
|
|
2380
|
-
"name": "
|
|
2423
|
+
"name": "checked",
|
|
2381
2424
|
"type": {
|
|
2382
|
-
"text": "
|
|
2425
|
+
"text": "boolean"
|
|
2383
2426
|
},
|
|
2384
|
-
"description": "
|
|
2385
|
-
"fieldName": "
|
|
2427
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2428
|
+
"fieldName": "checked"
|
|
2386
2429
|
},
|
|
2387
2430
|
{
|
|
2388
|
-
"name": "
|
|
2431
|
+
"name": "disabled",
|
|
2389
2432
|
"type": {
|
|
2390
|
-
"text": "
|
|
2433
|
+
"text": "boolean"
|
|
2391
2434
|
},
|
|
2392
|
-
"description": "
|
|
2393
|
-
"fieldName": "
|
|
2435
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2436
|
+
"fieldName": "disabled"
|
|
2394
2437
|
},
|
|
2395
2438
|
{
|
|
2396
|
-
"name": "
|
|
2439
|
+
"name": "error",
|
|
2397
2440
|
"type": {
|
|
2398
2441
|
"text": "boolean"
|
|
2399
2442
|
},
|
|
2400
|
-
"description": "If set, the
|
|
2401
|
-
"fieldName": "
|
|
2443
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2444
|
+
"fieldName": "error"
|
|
2402
2445
|
},
|
|
2403
2446
|
{
|
|
2404
|
-
"name": "
|
|
2447
|
+
"name": "id",
|
|
2405
2448
|
"type": {
|
|
2406
2449
|
"text": "string"
|
|
2407
2450
|
},
|
|
2408
|
-
"description": "
|
|
2409
|
-
"fieldName": "
|
|
2451
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2452
|
+
"fieldName": "id"
|
|
2410
2453
|
},
|
|
2411
2454
|
{
|
|
2412
|
-
"name": "
|
|
2455
|
+
"name": "name",
|
|
2413
2456
|
"type": {
|
|
2414
2457
|
"text": "string"
|
|
2415
2458
|
},
|
|
2416
|
-
"description": "
|
|
2417
|
-
"fieldName": "
|
|
2459
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2460
|
+
"fieldName": "name"
|
|
2418
2461
|
},
|
|
2419
2462
|
{
|
|
2420
|
-
"name": "
|
|
2463
|
+
"name": "onDark",
|
|
2421
2464
|
"type": {
|
|
2422
|
-
"text": "
|
|
2465
|
+
"text": "boolean"
|
|
2423
2466
|
},
|
|
2424
|
-
"description": "
|
|
2425
|
-
"fieldName": "
|
|
2467
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2468
|
+
"fieldName": "onDark"
|
|
2426
2469
|
},
|
|
2427
2470
|
{
|
|
2428
2471
|
"name": "value",
|
|
2429
2472
|
"type": {
|
|
2430
2473
|
"text": "string"
|
|
2431
2474
|
},
|
|
2432
|
-
"description": "
|
|
2475
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2433
2476
|
"fieldName": "value"
|
|
2434
2477
|
},
|
|
2435
2478
|
{
|
|
2436
|
-
"name": "
|
|
2437
|
-
"type": {
|
|
2438
|
-
"text": "boolean"
|
|
2439
|
-
},
|
|
2440
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2441
|
-
"fieldName": "largeFullscreenHeadline"
|
|
2442
|
-
},
|
|
2443
|
-
{
|
|
2444
|
-
"name": "fullscreenBreakpoint",
|
|
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",
|
|
@@ -4709,16 +4709,6 @@
|
|
|
4709
4709
|
}
|
|
4710
4710
|
}
|
|
4711
4711
|
},
|
|
4712
|
-
{
|
|
4713
|
-
"kind": "method",
|
|
4714
|
-
"name": "applyCommittedRangeClasses",
|
|
4715
|
-
"description": "Re-applies the committed-range classes (inRange / rangeDepartDate /\nrangeReturnDate) imperatively from the cell's current `day`,\n`dateFrom`, and `dateTo`. Used after month navigation flushes:\nclassMap in `renderCellButton` tracks its own previous state, so a\npreceding imperative `classList.remove` (from\n`clearRangePreviewClasses`) leaves classMap thinking the class is\nstill applied. On re-render with the same class-value, classMap emits\nno delta and the class stays missing in the DOM. Re-toggling\nimperatively resyncs the DOM with the committed range.\n\nDelegates to the same `isInRange` / `isDepartDate` / `isReturnDate`\nhelpers `renderCellButton` uses, so the two code paths cannot drift\n(including whatever timestamp normalization those helpers apply).",
|
|
4716
|
-
"return": {
|
|
4717
|
-
"type": {
|
|
4718
|
-
"text": "void"
|
|
4719
|
-
}
|
|
4720
|
-
}
|
|
4721
|
-
},
|
|
4722
4712
|
{
|
|
4723
4713
|
"kind": "method",
|
|
4724
4714
|
"name": "renderCellButton"
|
|
@@ -5797,7 +5787,7 @@
|
|
|
5797
5787
|
"description": "Optional settings.",
|
|
5798
5788
|
"optional": true,
|
|
5799
5789
|
"type": {
|
|
5800
|
-
"text": "@param {boolean} [options.force=false] - When true, clears classes even\n * when both dateFrom and dateTo are set. Used by month nav handlers
|
|
5790
|
+
"text": "@param {boolean} [options.force=false] - When true, clears classes even\n * when both dateFrom and dateTo are set. Used by month nav handlers\n * since the subsequent re-render re-applies classMap-managed classes,\n * while `lastHoveredDate` (not in classMap) would otherwise persist.\n * "
|
|
5801
5791
|
}
|
|
5802
5792
|
}
|
|
5803
5793
|
],
|
|
@@ -5809,28 +5799,6 @@
|
|
|
5809
5799
|
}
|
|
5810
5800
|
}
|
|
5811
5801
|
},
|
|
5812
|
-
{
|
|
5813
|
-
"kind": "method",
|
|
5814
|
-
"name": "refreshCommittedRangeClasses",
|
|
5815
|
-
"description": "Re-applies the committed-range classes across every focusable cell\nafter a month navigation. classMap in the cell tracks its own\nprevious state: once `clearRangePreview({ force: true })` strips\n`inRange`/`rangeDepartDate` imperatively before the re-render,\nclassMap's next diff sees the same class-value it emitted before and\nproduces no delta, leaving the DOM without the classes even though a\nfull range is committed. Re-applying imperatively resyncs the two\nmonths' cells with `dateFrom`/`dateTo`.\n\nIterates `getAllFocusableCells()` — out-of-range cells (blocked by\n`min`/`max`) can never carry range classes anyway, so skipping them\nis correct and cheaper than a whole-grid walk.\n\nThe cell's `applyCommittedRangeClasses` reuses the same\n`isInRange`/`isDepartDate`/`isReturnDate` helpers `renderCellButton`\nuses, so we don't parse dateFrom/dateTo here — the helpers already\nnormalize their inputs (midnight-truncation, string→int) internally.",
|
|
5816
|
-
"privacy": "private",
|
|
5817
|
-
"return": {
|
|
5818
|
-
"type": {
|
|
5819
|
-
"text": "void"
|
|
5820
|
-
}
|
|
5821
|
-
}
|
|
5822
|
-
},
|
|
5823
|
-
{
|
|
5824
|
-
"kind": "method",
|
|
5825
|
-
"name": "scheduleCommittedRangeClassRefresh",
|
|
5826
|
-
"description": "Schedules `refreshCommittedRangeClasses` to run after the month\nre-render has flushed and the cells' button caches have refreshed.\nBoth `handlePrevMonth` and `handleNextMonth` need this exact call\nshape; keeping it in one place prevents them from drifting apart.\n\nBails synchronously when a full committed range isn't set — otherwise\nevery prev/next click in single-date mode (or before the user picks\nboth dates in range mode) pays for an unused double-rAF hop.",
|
|
5827
|
-
"privacy": "private",
|
|
5828
|
-
"return": {
|
|
5829
|
-
"type": {
|
|
5830
|
-
"text": "void"
|
|
5831
|
-
}
|
|
5832
|
-
}
|
|
5833
|
-
},
|
|
5834
5802
|
{
|
|
5835
5803
|
"kind": "method",
|
|
5836
5804
|
"name": "hoveredDateChanged",
|