@aurodesignsystem-dev/auro-formkit 0.0.0-pr1395.0 → 0.0.0-pr1395.2
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/api.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/api.min.js +151 -40
- package/components/combobox/demo/index.min.js +151 -40
- package/components/combobox/dist/index.js +3 -3
- package/components/combobox/dist/registered.js +3 -3
- package/components/counter/demo/api.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/api.min.js +74 -13
- package/components/datepicker/demo/index.min.js +74 -13
- package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +4 -0
- package/components/datepicker/dist/index.js +74 -13
- package/components/datepicker/dist/registered.js +74 -13
- package/components/dropdown/demo/api.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/api.min.js +240 -63
- package/components/form/demo/index.min.js +240 -63
- package/components/input/demo/api.min.js +1 -1
- package/components/input/demo/index.min.js +1 -1
- package/components/input/dist/index.js +1 -1
- package/components/input/dist/registered.js +1 -1
- package/components/menu/demo/api.md +1 -1
- package/components/menu/demo/api.min.js +148 -37
- package/components/menu/demo/index.min.js +148 -37
- package/components/menu/dist/auro-menu.context.d.ts +15 -3
- package/components/menu/dist/auro-menu.d.ts +1 -1
- package/components/menu/dist/index.js +148 -37
- package/components/menu/dist/registered.js +148 -37
- package/components/radio/demo/api.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/api.min.js +158 -42
- package/components/select/demo/index.min.js +158 -42
- package/components/select/dist/index.js +10 -5
- package/components/select/dist/registered.js +10 -5
- package/custom-elements.json +1514 -1429
- package/package.json +11 -4
package/custom-elements.json
CHANGED
|
@@ -248,80 +248,34 @@
|
|
|
248
248
|
},
|
|
249
249
|
{
|
|
250
250
|
"kind": "javascript-module",
|
|
251
|
-
"path": "components/
|
|
251
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
252
252
|
"declarations": [
|
|
253
253
|
{
|
|
254
254
|
"kind": "class",
|
|
255
|
-
"description": "The `auro-
|
|
256
|
-
"name": "
|
|
255
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
256
|
+
"name": "AuroCheckboxGroup",
|
|
257
257
|
"slots": [
|
|
258
258
|
{
|
|
259
|
-
"description": "
|
|
260
|
-
"name": ""
|
|
259
|
+
"description": "Allows for the legend to be overridden.",
|
|
260
|
+
"name": "legend"
|
|
261
261
|
},
|
|
262
262
|
{
|
|
263
|
-
"type": {
|
|
264
|
-
"text": "HTMLSlotElement"
|
|
265
|
-
},
|
|
266
263
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
267
264
|
"name": "optionalLabel"
|
|
268
265
|
},
|
|
269
266
|
{
|
|
270
|
-
"description": "
|
|
271
|
-
"name": "ariaLabel.input.clear"
|
|
272
|
-
},
|
|
273
|
-
{
|
|
274
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
275
|
-
"name": "ariaLabel.bib.close"
|
|
276
|
-
},
|
|
277
|
-
{
|
|
278
|
-
"description": "Defines the headline to display above menu-options",
|
|
279
|
-
"name": "bib.fullscreen.headline"
|
|
280
|
-
},
|
|
281
|
-
{
|
|
282
|
-
"description": "Defines the content of the label.",
|
|
283
|
-
"name": "label"
|
|
284
|
-
},
|
|
285
|
-
{
|
|
286
|
-
"description": "Defines the content of the helpText.",
|
|
267
|
+
"description": "Allows for the helper text to be overridden.",
|
|
287
268
|
"name": "helpText"
|
|
288
269
|
},
|
|
289
270
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
271
|
+
"description": "The default slot for the checkbox items.",
|
|
272
|
+
"name": "default"
|
|
292
273
|
}
|
|
293
274
|
],
|
|
294
275
|
"members": [
|
|
295
276
|
{
|
|
296
277
|
"kind": "method",
|
|
297
|
-
"name": "_initializeDefaults"
|
|
298
|
-
"privacy": "private",
|
|
299
|
-
"return": {
|
|
300
|
-
"type": {
|
|
301
|
-
"text": "void"
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
},
|
|
305
|
-
{
|
|
306
|
-
"kind": "field",
|
|
307
|
-
"name": "inputValue",
|
|
308
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
309
|
-
"return": {
|
|
310
|
-
"type": {
|
|
311
|
-
"text": "string|undefined"
|
|
312
|
-
}
|
|
313
|
-
},
|
|
314
|
-
"readonly": true
|
|
315
|
-
},
|
|
316
|
-
{
|
|
317
|
-
"kind": "method",
|
|
318
|
-
"name": "isValid",
|
|
319
|
-
"description": "Checks if the element is valid.",
|
|
320
|
-
"return": {
|
|
321
|
-
"type": {
|
|
322
|
-
"text": "boolean"
|
|
323
|
-
}
|
|
324
|
-
}
|
|
278
|
+
"name": "_initializeDefaults"
|
|
325
279
|
},
|
|
326
280
|
{
|
|
327
281
|
"kind": "method",
|
|
@@ -330,7 +284,7 @@
|
|
|
330
284
|
"parameters": [
|
|
331
285
|
{
|
|
332
286
|
"name": "name",
|
|
333
|
-
"default": "
|
|
287
|
+
"default": "\"auro-checkbox-group\"",
|
|
334
288
|
"description": "The name of the element that you want to register.",
|
|
335
289
|
"optional": true,
|
|
336
290
|
"type": {
|
|
@@ -342,40 +296,24 @@
|
|
|
342
296
|
},
|
|
343
297
|
{
|
|
344
298
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
347
|
-
"privacy": "private"
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
"kind": "method",
|
|
351
|
-
"name": "syncValuesAndStates",
|
|
352
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
353
|
-
"privacy": "private",
|
|
354
|
-
"return": {
|
|
355
|
-
"type": {
|
|
356
|
-
"text": "void"
|
|
357
|
-
}
|
|
358
|
-
}
|
|
359
|
-
},
|
|
360
|
-
{
|
|
361
|
-
"kind": "method",
|
|
362
|
-
"name": "updateTriggerTextDisplay",
|
|
299
|
+
"name": "handleValueUpdate",
|
|
363
300
|
"parameters": [
|
|
364
301
|
{
|
|
365
|
-
"name": "
|
|
366
|
-
"description": "The
|
|
302
|
+
"name": "value",
|
|
303
|
+
"description": "The value of the checkbox.",
|
|
367
304
|
"type": {
|
|
368
|
-
"text": "
|
|
305
|
+
"text": "String"
|
|
306
|
+
}
|
|
307
|
+
},
|
|
308
|
+
{
|
|
309
|
+
"name": "selected",
|
|
310
|
+
"description": "The checked state of the checkbox.",
|
|
311
|
+
"type": {
|
|
312
|
+
"text": "Boolean"
|
|
369
313
|
}
|
|
370
314
|
}
|
|
371
315
|
],
|
|
372
|
-
"description": "
|
|
373
|
-
"privacy": "private"
|
|
374
|
-
},
|
|
375
|
-
{
|
|
376
|
-
"kind": "method",
|
|
377
|
-
"name": "handleMenuOptions",
|
|
378
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
316
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
379
317
|
"privacy": "private",
|
|
380
318
|
"return": {
|
|
381
319
|
"type": {
|
|
@@ -385,8 +323,8 @@
|
|
|
385
323
|
},
|
|
386
324
|
{
|
|
387
325
|
"kind": "method",
|
|
388
|
-
"name": "
|
|
389
|
-
"description": "
|
|
326
|
+
"name": "handlePreselectedItems",
|
|
327
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
390
328
|
"privacy": "private",
|
|
391
329
|
"return": {
|
|
392
330
|
"type": {
|
|
@@ -396,8 +334,9 @@
|
|
|
396
334
|
},
|
|
397
335
|
{
|
|
398
336
|
"kind": "method",
|
|
399
|
-
"name": "
|
|
400
|
-
"description": "
|
|
337
|
+
"name": "handleItems",
|
|
338
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
339
|
+
"privacy": "private",
|
|
401
340
|
"return": {
|
|
402
341
|
"type": {
|
|
403
342
|
"text": "void"
|
|
@@ -406,8 +345,8 @@
|
|
|
406
345
|
},
|
|
407
346
|
{
|
|
408
347
|
"kind": "method",
|
|
409
|
-
"name": "
|
|
410
|
-
"description": "
|
|
348
|
+
"name": "reset",
|
|
349
|
+
"description": "Resets component to initial state.",
|
|
411
350
|
"return": {
|
|
412
351
|
"type": {
|
|
413
352
|
"text": "void"
|
|
@@ -416,942 +355,647 @@
|
|
|
416
355
|
},
|
|
417
356
|
{
|
|
418
357
|
"kind": "method",
|
|
419
|
-
"name": "
|
|
420
|
-
"
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
"
|
|
358
|
+
"name": "validate",
|
|
359
|
+
"parameters": [
|
|
360
|
+
{
|
|
361
|
+
"name": "force",
|
|
362
|
+
"default": "false",
|
|
363
|
+
"description": "Whether to force validation.",
|
|
364
|
+
"optional": true,
|
|
365
|
+
"type": {
|
|
366
|
+
"text": "boolean"
|
|
367
|
+
}
|
|
425
368
|
}
|
|
426
|
-
|
|
369
|
+
],
|
|
370
|
+
"description": "Validates value."
|
|
427
371
|
},
|
|
428
372
|
{
|
|
429
|
-
"kind": "
|
|
430
|
-
"name": "
|
|
431
|
-
"privacy": "
|
|
373
|
+
"kind": "field",
|
|
374
|
+
"name": "appearance",
|
|
375
|
+
"privacy": "public",
|
|
376
|
+
"type": {
|
|
377
|
+
"text": "'default' | 'inverse'"
|
|
378
|
+
},
|
|
379
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
380
|
+
"default": "'default'",
|
|
381
|
+
"attribute": "appearance",
|
|
382
|
+
"reflects": true
|
|
432
383
|
},
|
|
433
384
|
{
|
|
434
|
-
"kind": "
|
|
435
|
-
"name": "
|
|
436
|
-
"privacy": "
|
|
385
|
+
"kind": "field",
|
|
386
|
+
"name": "disabled",
|
|
387
|
+
"privacy": "public",
|
|
388
|
+
"type": {
|
|
389
|
+
"text": "boolean"
|
|
390
|
+
},
|
|
391
|
+
"description": "If set, disables the checkbox group.",
|
|
392
|
+
"attribute": "disabled",
|
|
393
|
+
"reflects": true
|
|
437
394
|
},
|
|
438
395
|
{
|
|
439
|
-
"kind": "
|
|
440
|
-
"name": "
|
|
441
|
-
"
|
|
442
|
-
"
|
|
396
|
+
"kind": "field",
|
|
397
|
+
"name": "error",
|
|
398
|
+
"privacy": "public",
|
|
399
|
+
"type": {
|
|
400
|
+
"text": "string"
|
|
401
|
+
},
|
|
402
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
403
|
+
"attribute": "error",
|
|
404
|
+
"reflects": true
|
|
443
405
|
},
|
|
444
406
|
{
|
|
445
|
-
"kind": "
|
|
446
|
-
"name": "
|
|
447
|
-
"
|
|
448
|
-
"
|
|
407
|
+
"kind": "field",
|
|
408
|
+
"name": "horizontal",
|
|
409
|
+
"privacy": "public",
|
|
410
|
+
"type": {
|
|
411
|
+
"text": "boolean"
|
|
412
|
+
},
|
|
413
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
414
|
+
"attribute": "horizontal",
|
|
415
|
+
"reflects": true
|
|
449
416
|
},
|
|
450
417
|
{
|
|
451
|
-
"kind": "
|
|
452
|
-
"name": "
|
|
453
|
-
"
|
|
454
|
-
"
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
418
|
+
"kind": "field",
|
|
419
|
+
"name": "noValidate",
|
|
420
|
+
"privacy": "public",
|
|
421
|
+
"type": {
|
|
422
|
+
"text": "boolean"
|
|
423
|
+
},
|
|
424
|
+
"description": "If set, disables auto-validation on blur.",
|
|
425
|
+
"attribute": "noValidate",
|
|
426
|
+
"reflects": true
|
|
460
427
|
},
|
|
461
428
|
{
|
|
462
|
-
"kind": "
|
|
463
|
-
"name": "
|
|
464
|
-
"
|
|
465
|
-
"
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
},
|
|
472
|
-
{
|
|
473
|
-
"kind": "method",
|
|
474
|
-
"name": "handleMenuLoadingChange",
|
|
475
|
-
"parameters": [
|
|
476
|
-
{
|
|
477
|
-
"name": "event",
|
|
478
|
-
"description": "The event object containing details about the loading state change.",
|
|
479
|
-
"type": {
|
|
480
|
-
"text": "CustomEvent"
|
|
481
|
-
}
|
|
482
|
-
},
|
|
483
|
-
{
|
|
484
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
485
|
-
"name": "event.detail.loading",
|
|
486
|
-
"type": {
|
|
487
|
-
"text": "boolean"
|
|
488
|
-
}
|
|
489
|
-
},
|
|
490
|
-
{
|
|
491
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
492
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
493
|
-
"type": {
|
|
494
|
-
"text": "boolean"
|
|
495
|
-
}
|
|
496
|
-
}
|
|
497
|
-
],
|
|
498
|
-
"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.",
|
|
499
|
-
"privacy": "private",
|
|
500
|
-
"return": {
|
|
501
|
-
"type": {
|
|
502
|
-
"text": "void"
|
|
503
|
-
}
|
|
504
|
-
}
|
|
505
|
-
},
|
|
506
|
-
{
|
|
507
|
-
"kind": "method",
|
|
508
|
-
"name": "handleInputValueChange",
|
|
509
|
-
"parameters": [
|
|
510
|
-
{
|
|
511
|
-
"name": "event",
|
|
512
|
-
"description": "The input event triggered by the input element.",
|
|
513
|
-
"type": {
|
|
514
|
-
"text": "Event"
|
|
515
|
-
}
|
|
516
|
-
}
|
|
517
|
-
],
|
|
518
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
519
|
-
"privacy": "private",
|
|
520
|
-
"return": {
|
|
521
|
-
"type": {
|
|
522
|
-
"text": "void"
|
|
523
|
-
}
|
|
524
|
-
}
|
|
525
|
-
},
|
|
526
|
-
{
|
|
527
|
-
"kind": "method",
|
|
528
|
-
"name": "configureCombobox",
|
|
529
|
-
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
530
|
-
"privacy": "private",
|
|
531
|
-
"return": {
|
|
532
|
-
"type": {
|
|
533
|
-
"text": "void"
|
|
534
|
-
}
|
|
535
|
-
}
|
|
536
|
-
},
|
|
537
|
-
{
|
|
538
|
-
"kind": "method",
|
|
539
|
-
"name": "focus",
|
|
540
|
-
"description": "Focuses the combobox trigger input.",
|
|
541
|
-
"return": {
|
|
542
|
-
"type": {
|
|
543
|
-
"text": "void"
|
|
544
|
-
}
|
|
545
|
-
}
|
|
546
|
-
},
|
|
547
|
-
{
|
|
548
|
-
"kind": "method",
|
|
549
|
-
"name": "setMenuValue",
|
|
550
|
-
"parameters": [
|
|
551
|
-
{
|
|
552
|
-
"name": "value",
|
|
553
|
-
"description": "The value to set on the menu.",
|
|
554
|
-
"type": {
|
|
555
|
-
"text": "string"
|
|
556
|
-
}
|
|
557
|
-
}
|
|
558
|
-
],
|
|
559
|
-
"description": "Sets the menu value if menu is available.",
|
|
560
|
-
"return": {
|
|
561
|
-
"type": {
|
|
562
|
-
"text": "void"
|
|
563
|
-
}
|
|
564
|
-
}
|
|
565
|
-
},
|
|
566
|
-
{
|
|
567
|
-
"kind": "method",
|
|
568
|
-
"name": "reset",
|
|
569
|
-
"description": "Resets component to initial state.",
|
|
570
|
-
"return": {
|
|
571
|
-
"type": {
|
|
572
|
-
"text": "void"
|
|
573
|
-
}
|
|
574
|
-
}
|
|
575
|
-
},
|
|
576
|
-
{
|
|
577
|
-
"kind": "method",
|
|
578
|
-
"name": "clear",
|
|
579
|
-
"description": "Clears the current value of the combobox.",
|
|
580
|
-
"return": {
|
|
581
|
-
"type": {
|
|
582
|
-
"text": "void"
|
|
583
|
-
}
|
|
584
|
-
}
|
|
585
|
-
},
|
|
586
|
-
{
|
|
587
|
-
"kind": "method",
|
|
588
|
-
"name": "validate",
|
|
589
|
-
"parameters": [
|
|
590
|
-
{
|
|
591
|
-
"name": "force",
|
|
592
|
-
"default": "false",
|
|
593
|
-
"description": "Whether to force validation.",
|
|
594
|
-
"optional": true,
|
|
595
|
-
"type": {
|
|
596
|
-
"text": "boolean"
|
|
597
|
-
}
|
|
598
|
-
}
|
|
599
|
-
],
|
|
600
|
-
"description": "Validates value."
|
|
601
|
-
},
|
|
602
|
-
{
|
|
603
|
-
"kind": "method",
|
|
604
|
-
"name": "transportAssignedNodes",
|
|
605
|
-
"parameters": [
|
|
606
|
-
{
|
|
607
|
-
"name": "slot",
|
|
608
|
-
"description": "The slot element containing the nodes to apply.",
|
|
609
|
-
"type": {
|
|
610
|
-
"text": "HTMLSlotElement"
|
|
611
|
-
}
|
|
612
|
-
},
|
|
613
|
-
{
|
|
614
|
-
"name": "target",
|
|
615
|
-
"description": "The target element to apply the nodes to.",
|
|
616
|
-
"type": {
|
|
617
|
-
"text": "HTMLElement"
|
|
618
|
-
}
|
|
619
|
-
},
|
|
620
|
-
{
|
|
621
|
-
"name": "newSlotName",
|
|
622
|
-
"description": "The new slot name for the applied nodes.",
|
|
623
|
-
"type": {
|
|
624
|
-
"text": "string"
|
|
625
|
-
}
|
|
626
|
-
}
|
|
627
|
-
],
|
|
628
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
629
|
-
"privacy": "private",
|
|
630
|
-
"return": {
|
|
631
|
-
"type": {
|
|
632
|
-
"text": "void"
|
|
633
|
-
}
|
|
634
|
-
}
|
|
635
|
-
},
|
|
636
|
-
{
|
|
637
|
-
"kind": "method",
|
|
638
|
-
"name": "updateActiveOption",
|
|
639
|
-
"parameters": [
|
|
640
|
-
{
|
|
641
|
-
"name": "index",
|
|
642
|
-
"description": "Index of the option to make active.",
|
|
643
|
-
"type": {
|
|
644
|
-
"text": "number"
|
|
645
|
-
}
|
|
646
|
-
}
|
|
647
|
-
],
|
|
648
|
-
"description": "Updates the active option in the menu."
|
|
649
|
-
},
|
|
650
|
-
{
|
|
651
|
-
"kind": "method",
|
|
652
|
-
"name": "handleSlotChange",
|
|
653
|
-
"parameters": [
|
|
654
|
-
{
|
|
655
|
-
"name": "event",
|
|
656
|
-
"description": "`slotchange` event.",
|
|
657
|
-
"type": {
|
|
658
|
-
"text": "Event"
|
|
659
|
-
}
|
|
660
|
-
}
|
|
661
|
-
],
|
|
662
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
663
|
-
"privacy": "private",
|
|
664
|
-
"return": {
|
|
665
|
-
"type": {
|
|
666
|
-
"text": "void"
|
|
667
|
-
}
|
|
668
|
-
}
|
|
429
|
+
"kind": "field",
|
|
430
|
+
"name": "onDark",
|
|
431
|
+
"privacy": "public",
|
|
432
|
+
"type": {
|
|
433
|
+
"text": "boolean"
|
|
434
|
+
},
|
|
435
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
436
|
+
"attribute": "onDark",
|
|
437
|
+
"reflects": true
|
|
669
438
|
},
|
|
670
439
|
{
|
|
671
440
|
"kind": "field",
|
|
672
|
-
"name": "
|
|
441
|
+
"name": "required",
|
|
673
442
|
"privacy": "public",
|
|
674
443
|
"type": {
|
|
675
|
-
"text": "
|
|
444
|
+
"text": "boolean"
|
|
676
445
|
},
|
|
677
|
-
"description": "
|
|
678
|
-
"
|
|
679
|
-
"attribute": "appearance",
|
|
446
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
447
|
+
"attribute": "required",
|
|
680
448
|
"reflects": true
|
|
681
449
|
},
|
|
682
450
|
{
|
|
683
451
|
"kind": "field",
|
|
684
|
-
"name": "
|
|
452
|
+
"name": "setCustomValidity",
|
|
685
453
|
"privacy": "public",
|
|
686
454
|
"type": {
|
|
687
455
|
"text": "string"
|
|
688
456
|
},
|
|
689
|
-
"description": "
|
|
690
|
-
"attribute": "
|
|
691
|
-
"reflects": true
|
|
457
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
458
|
+
"attribute": "setCustomValidity"
|
|
692
459
|
},
|
|
693
460
|
{
|
|
694
461
|
"kind": "field",
|
|
695
|
-
"name": "
|
|
462
|
+
"name": "setCustomValidityCustomError",
|
|
696
463
|
"privacy": "public",
|
|
697
464
|
"type": {
|
|
698
|
-
"text": "
|
|
465
|
+
"text": "string"
|
|
699
466
|
},
|
|
700
|
-
"description": "
|
|
701
|
-
"attribute": "
|
|
702
|
-
"reflects": true
|
|
467
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
468
|
+
"attribute": "setCustomValidityCustomError"
|
|
703
469
|
},
|
|
704
470
|
{
|
|
705
471
|
"kind": "field",
|
|
706
|
-
"name": "
|
|
707
|
-
"privacy": "
|
|
472
|
+
"name": "setCustomValidityValueMissing",
|
|
473
|
+
"privacy": "public",
|
|
708
474
|
"type": {
|
|
709
|
-
"text": "
|
|
475
|
+
"text": "string"
|
|
710
476
|
},
|
|
711
|
-
"description": "
|
|
712
|
-
"attribute": "
|
|
477
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
478
|
+
"attribute": "setCustomValidityValueMissing"
|
|
713
479
|
},
|
|
714
480
|
{
|
|
715
481
|
"kind": "field",
|
|
716
|
-
"name": "
|
|
482
|
+
"name": "validity",
|
|
717
483
|
"privacy": "public",
|
|
718
484
|
"type": {
|
|
719
|
-
"text": "
|
|
485
|
+
"text": "string"
|
|
720
486
|
},
|
|
721
|
-
"description": "
|
|
722
|
-
"
|
|
723
|
-
"attribute": "behavior",
|
|
487
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
488
|
+
"attribute": "validity",
|
|
724
489
|
"reflects": true
|
|
490
|
+
}
|
|
491
|
+
],
|
|
492
|
+
"events": [
|
|
493
|
+
{
|
|
494
|
+
"name": "input",
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "CustomEvent"
|
|
497
|
+
}
|
|
725
498
|
},
|
|
726
499
|
{
|
|
727
|
-
"
|
|
728
|
-
"name": "
|
|
729
|
-
|
|
500
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
501
|
+
"name": "auroFormElement-validated"
|
|
502
|
+
}
|
|
503
|
+
],
|
|
504
|
+
"attributes": [
|
|
505
|
+
{
|
|
506
|
+
"name": "appearance",
|
|
730
507
|
"type": {
|
|
731
|
-
"text": "
|
|
508
|
+
"text": "'default' | 'inverse'"
|
|
732
509
|
},
|
|
733
|
-
"description": "
|
|
734
|
-
"
|
|
735
|
-
"
|
|
510
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
511
|
+
"default": "'default'",
|
|
512
|
+
"fieldName": "appearance"
|
|
736
513
|
},
|
|
737
514
|
{
|
|
738
|
-
"kind": "field",
|
|
739
515
|
"name": "disabled",
|
|
740
|
-
"privacy": "public",
|
|
741
516
|
"type": {
|
|
742
517
|
"text": "boolean"
|
|
743
518
|
},
|
|
744
|
-
"description": "If set, disables the
|
|
745
|
-
"
|
|
746
|
-
"reflects": true
|
|
519
|
+
"description": "If set, disables the checkbox group.",
|
|
520
|
+
"fieldName": "disabled"
|
|
747
521
|
},
|
|
748
522
|
{
|
|
749
|
-
"
|
|
750
|
-
"name": "dropdownId",
|
|
751
|
-
"privacy": "private",
|
|
523
|
+
"name": "error",
|
|
752
524
|
"type": {
|
|
753
525
|
"text": "string"
|
|
754
526
|
},
|
|
755
|
-
"description": "
|
|
527
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
528
|
+
"fieldName": "error"
|
|
756
529
|
},
|
|
757
530
|
{
|
|
758
|
-
"
|
|
759
|
-
"name": "dropdownOpen",
|
|
760
|
-
"privacy": "private",
|
|
531
|
+
"name": "horizontal",
|
|
761
532
|
"type": {
|
|
762
533
|
"text": "boolean"
|
|
763
534
|
},
|
|
764
|
-
"description": "
|
|
765
|
-
|
|
766
|
-
{
|
|
767
|
-
"kind": "field",
|
|
768
|
-
"name": "dvInputOnly",
|
|
769
|
-
"privacy": "public",
|
|
770
|
-
"type": {
|
|
771
|
-
"text": "boolean"
|
|
772
|
-
},
|
|
773
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
774
|
-
"attribute": "dvInputOnly",
|
|
775
|
-
"reflects": true
|
|
776
|
-
},
|
|
777
|
-
{
|
|
778
|
-
"kind": "field",
|
|
779
|
-
"name": "error",
|
|
780
|
-
"privacy": "public",
|
|
781
|
-
"type": {
|
|
782
|
-
"text": "string"
|
|
783
|
-
},
|
|
784
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
785
|
-
"attribute": "error",
|
|
786
|
-
"reflects": true
|
|
787
|
-
},
|
|
788
|
-
{
|
|
789
|
-
"kind": "field",
|
|
790
|
-
"name": "format",
|
|
791
|
-
"privacy": "public",
|
|
792
|
-
"type": {
|
|
793
|
-
"text": "string"
|
|
794
|
-
},
|
|
795
|
-
"description": "Specifies the input mask format.",
|
|
796
|
-
"attribute": "format",
|
|
797
|
-
"reflects": true
|
|
798
|
-
},
|
|
799
|
-
{
|
|
800
|
-
"kind": "field",
|
|
801
|
-
"name": "inputmode",
|
|
802
|
-
"privacy": "public",
|
|
803
|
-
"type": {
|
|
804
|
-
"text": "string"
|
|
805
|
-
},
|
|
806
|
-
"description": "Exposes inputmode attribute for input.",
|
|
807
|
-
"attribute": "inputmode",
|
|
808
|
-
"reflects": true
|
|
809
|
-
},
|
|
810
|
-
{
|
|
811
|
-
"kind": "field",
|
|
812
|
-
"name": "layout",
|
|
813
|
-
"privacy": "public",
|
|
814
|
-
"type": {
|
|
815
|
-
"text": "string"
|
|
816
|
-
},
|
|
817
|
-
"description": "Sets the layout of the combobox.",
|
|
818
|
-
"default": "'classic'",
|
|
819
|
-
"attribute": "layout",
|
|
820
|
-
"reflects": true,
|
|
821
|
-
"inheritedFrom": {
|
|
822
|
-
"name": "AuroElement",
|
|
823
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
824
|
-
}
|
|
825
|
-
},
|
|
826
|
-
{
|
|
827
|
-
"kind": "field",
|
|
828
|
-
"name": "matchWidth",
|
|
829
|
-
"privacy": "private",
|
|
830
|
-
"type": {
|
|
831
|
-
"text": "boolean"
|
|
832
|
-
},
|
|
833
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
834
|
-
"attribute": "matchWidth",
|
|
835
|
-
"reflects": true
|
|
836
|
-
},
|
|
837
|
-
{
|
|
838
|
-
"kind": "field",
|
|
839
|
-
"name": "noFilter",
|
|
840
|
-
"privacy": "public",
|
|
841
|
-
"type": {
|
|
842
|
-
"text": "boolean"
|
|
843
|
-
},
|
|
844
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
845
|
-
"attribute": "noFilter",
|
|
846
|
-
"reflects": true
|
|
847
|
-
},
|
|
848
|
-
{
|
|
849
|
-
"kind": "field",
|
|
850
|
-
"name": "noFlip",
|
|
851
|
-
"privacy": "public",
|
|
852
|
-
"type": {
|
|
853
|
-
"text": "boolean"
|
|
854
|
-
},
|
|
855
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
856
|
-
"attribute": "noFlip",
|
|
857
|
-
"reflects": true
|
|
858
|
-
},
|
|
859
|
-
{
|
|
860
|
-
"kind": "field",
|
|
861
|
-
"name": "shift",
|
|
862
|
-
"privacy": "public",
|
|
863
|
-
"type": {
|
|
864
|
-
"text": "boolean"
|
|
865
|
-
},
|
|
866
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
867
|
-
"attribute": "shift",
|
|
868
|
-
"reflects": true
|
|
535
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
536
|
+
"fieldName": "horizontal"
|
|
869
537
|
},
|
|
870
538
|
{
|
|
871
|
-
"kind": "field",
|
|
872
539
|
"name": "noValidate",
|
|
873
|
-
"privacy": "public",
|
|
874
540
|
"type": {
|
|
875
541
|
"text": "boolean"
|
|
876
542
|
},
|
|
877
543
|
"description": "If set, disables auto-validation on blur.",
|
|
878
|
-
"
|
|
879
|
-
"reflects": true
|
|
880
|
-
},
|
|
881
|
-
{
|
|
882
|
-
"kind": "field",
|
|
883
|
-
"name": "offset",
|
|
884
|
-
"privacy": "public",
|
|
885
|
-
"type": {
|
|
886
|
-
"text": "number"
|
|
887
|
-
},
|
|
888
|
-
"description": "Gap between the trigger element and bib.",
|
|
889
|
-
"default": "0",
|
|
890
|
-
"attribute": "offset",
|
|
891
|
-
"reflects": true
|
|
544
|
+
"fieldName": "noValidate"
|
|
892
545
|
},
|
|
893
546
|
{
|
|
894
|
-
"kind": "field",
|
|
895
547
|
"name": "onDark",
|
|
896
|
-
"privacy": "public",
|
|
897
548
|
"type": {
|
|
898
549
|
"text": "boolean"
|
|
899
550
|
},
|
|
900
|
-
"attribute": "onDark",
|
|
901
|
-
"reflects": true,
|
|
902
551
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
903
|
-
"
|
|
904
|
-
"name": "AuroElement",
|
|
905
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
906
|
-
}
|
|
907
|
-
},
|
|
908
|
-
{
|
|
909
|
-
"kind": "field",
|
|
910
|
-
"name": "optionSelected",
|
|
911
|
-
"privacy": "public",
|
|
912
|
-
"type": {
|
|
913
|
-
"text": "HTMLElement"
|
|
914
|
-
},
|
|
915
|
-
"description": "Specifies the current selected option.",
|
|
916
|
-
"attribute": "optionSelected"
|
|
917
|
-
},
|
|
918
|
-
{
|
|
919
|
-
"kind": "field",
|
|
920
|
-
"name": "persistInput",
|
|
921
|
-
"privacy": "public",
|
|
922
|
-
"type": {
|
|
923
|
-
"text": "boolean"
|
|
924
|
-
},
|
|
925
|
-
"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.",
|
|
926
|
-
"attribute": "persistInput",
|
|
927
|
-
"reflects": true
|
|
928
|
-
},
|
|
929
|
-
{
|
|
930
|
-
"kind": "field",
|
|
931
|
-
"name": "placement",
|
|
932
|
-
"privacy": "public",
|
|
933
|
-
"type": {
|
|
934
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
935
|
-
},
|
|
936
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
937
|
-
"default": "'bottom-start'",
|
|
938
|
-
"attribute": "placement",
|
|
939
|
-
"reflects": true
|
|
940
|
-
},
|
|
941
|
-
{
|
|
942
|
-
"kind": "field",
|
|
943
|
-
"name": "placeholder",
|
|
944
|
-
"privacy": "public",
|
|
945
|
-
"type": {
|
|
946
|
-
"text": "string"
|
|
947
|
-
},
|
|
948
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
949
|
-
"attribute": "placeholder",
|
|
950
|
-
"reflects": true
|
|
552
|
+
"fieldName": "onDark"
|
|
951
553
|
},
|
|
952
554
|
{
|
|
953
|
-
"kind": "field",
|
|
954
555
|
"name": "required",
|
|
955
|
-
"privacy": "public",
|
|
956
556
|
"type": {
|
|
957
557
|
"text": "boolean"
|
|
958
558
|
},
|
|
959
|
-
"description": "Populates the `required` attribute on the
|
|
960
|
-
"
|
|
961
|
-
"reflects": true
|
|
559
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
560
|
+
"fieldName": "required"
|
|
962
561
|
},
|
|
963
562
|
{
|
|
964
|
-
"kind": "field",
|
|
965
563
|
"name": "setCustomValidity",
|
|
966
|
-
"privacy": "public",
|
|
967
564
|
"type": {
|
|
968
565
|
"text": "string"
|
|
969
566
|
},
|
|
970
567
|
"description": "Sets a custom help text message to display for all validityStates.",
|
|
971
|
-
"
|
|
568
|
+
"fieldName": "setCustomValidity"
|
|
972
569
|
},
|
|
973
570
|
{
|
|
974
|
-
"kind": "field",
|
|
975
571
|
"name": "setCustomValidityCustomError",
|
|
976
|
-
"privacy": "public",
|
|
977
572
|
"type": {
|
|
978
573
|
"text": "string"
|
|
979
574
|
},
|
|
980
575
|
"description": "Custom help text message to display when validity = `customError`.",
|
|
981
|
-
"
|
|
576
|
+
"fieldName": "setCustomValidityCustomError"
|
|
982
577
|
},
|
|
983
578
|
{
|
|
984
|
-
"kind": "field",
|
|
985
579
|
"name": "setCustomValidityValueMissing",
|
|
986
|
-
"privacy": "public",
|
|
987
580
|
"type": {
|
|
988
581
|
"text": "string"
|
|
989
582
|
},
|
|
990
583
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
991
|
-
"
|
|
584
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
992
585
|
},
|
|
993
586
|
{
|
|
994
|
-
"
|
|
995
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
996
|
-
"privacy": "public",
|
|
587
|
+
"name": "validity",
|
|
997
588
|
"type": {
|
|
998
589
|
"text": "string"
|
|
999
590
|
},
|
|
1000
|
-
"description": "
|
|
1001
|
-
"
|
|
1002
|
-
}
|
|
591
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
592
|
+
"fieldName": "validity"
|
|
593
|
+
}
|
|
594
|
+
],
|
|
595
|
+
"superclass": {
|
|
596
|
+
"name": "LitElement",
|
|
597
|
+
"package": "lit"
|
|
598
|
+
},
|
|
599
|
+
"tagName": "auro-checkbox-group",
|
|
600
|
+
"customElement": true
|
|
601
|
+
}
|
|
602
|
+
],
|
|
603
|
+
"exports": [
|
|
604
|
+
{
|
|
605
|
+
"kind": "js",
|
|
606
|
+
"name": "AuroCheckboxGroup",
|
|
607
|
+
"declaration": {
|
|
608
|
+
"name": "AuroCheckboxGroup",
|
|
609
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
610
|
+
}
|
|
611
|
+
}
|
|
612
|
+
]
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"kind": "javascript-module",
|
|
616
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
617
|
+
"declarations": [
|
|
618
|
+
{
|
|
619
|
+
"kind": "class",
|
|
620
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
621
|
+
"name": "AuroCheckbox",
|
|
622
|
+
"cssParts": [
|
|
1003
623
|
{
|
|
1004
|
-
"
|
|
1005
|
-
"name": "
|
|
1006
|
-
"privacy": "private",
|
|
1007
|
-
"type": {
|
|
1008
|
-
"text": "boolean"
|
|
1009
|
-
},
|
|
1010
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
624
|
+
"description": "apply css to a specific checkbox.",
|
|
625
|
+
"name": "checkbox"
|
|
1011
626
|
},
|
|
1012
627
|
{
|
|
1013
|
-
"
|
|
1014
|
-
"name": "
|
|
1015
|
-
"privacy": "public",
|
|
1016
|
-
"type": {
|
|
1017
|
-
"text": "boolean"
|
|
1018
|
-
},
|
|
1019
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1020
|
-
"attribute": "triggerIcon",
|
|
1021
|
-
"reflects": true
|
|
628
|
+
"description": "apply css to a specific checkbox's input.",
|
|
629
|
+
"name": "checkbox-input"
|
|
1022
630
|
},
|
|
1023
631
|
{
|
|
1024
|
-
"
|
|
1025
|
-
"name": "
|
|
1026
|
-
|
|
1027
|
-
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
"description": "
|
|
1031
|
-
"
|
|
1032
|
-
|
|
632
|
+
"description": "apply css to a specific checkbox's label.",
|
|
633
|
+
"name": "checkbox-label"
|
|
634
|
+
}
|
|
635
|
+
],
|
|
636
|
+
"slots": [
|
|
637
|
+
{
|
|
638
|
+
"description": "The default slot for the checkbox label.",
|
|
639
|
+
"name": "default"
|
|
640
|
+
}
|
|
641
|
+
],
|
|
642
|
+
"members": [
|
|
643
|
+
{
|
|
644
|
+
"kind": "method",
|
|
645
|
+
"name": "_initializeDefaults"
|
|
646
|
+
},
|
|
647
|
+
{
|
|
648
|
+
"kind": "method",
|
|
649
|
+
"name": "register",
|
|
650
|
+
"static": true,
|
|
651
|
+
"parameters": [
|
|
652
|
+
{
|
|
653
|
+
"name": "name",
|
|
654
|
+
"default": "\"auro-checkbox\"",
|
|
655
|
+
"description": "The name of element that you want to register to.",
|
|
656
|
+
"optional": true,
|
|
657
|
+
"type": {
|
|
658
|
+
"text": "string"
|
|
659
|
+
}
|
|
660
|
+
}
|
|
661
|
+
],
|
|
662
|
+
"description": "This will register this element with the browser."
|
|
663
|
+
},
|
|
664
|
+
{
|
|
665
|
+
"kind": "method",
|
|
666
|
+
"name": "handleChange",
|
|
667
|
+
"parameters": [
|
|
668
|
+
{
|
|
669
|
+
"name": "event",
|
|
670
|
+
"description": "The change event from the checkbox input.",
|
|
671
|
+
"type": {
|
|
672
|
+
"text": "Event"
|
|
673
|
+
}
|
|
674
|
+
}
|
|
675
|
+
],
|
|
676
|
+
"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.",
|
|
677
|
+
"privacy": "private",
|
|
678
|
+
"return": {
|
|
679
|
+
"type": {
|
|
680
|
+
"text": "void"
|
|
681
|
+
}
|
|
682
|
+
}
|
|
683
|
+
},
|
|
684
|
+
{
|
|
685
|
+
"kind": "method",
|
|
686
|
+
"name": "handleInput",
|
|
687
|
+
"parameters": [
|
|
688
|
+
{
|
|
689
|
+
"name": "event",
|
|
690
|
+
"description": "The input event from the checkbox input.",
|
|
691
|
+
"type": {
|
|
692
|
+
"text": "Event"
|
|
693
|
+
}
|
|
694
|
+
}
|
|
695
|
+
],
|
|
696
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
697
|
+
"privacy": "private",
|
|
698
|
+
"return": {
|
|
699
|
+
"type": {
|
|
700
|
+
"text": "void"
|
|
701
|
+
}
|
|
702
|
+
}
|
|
703
|
+
},
|
|
704
|
+
{
|
|
705
|
+
"kind": "method",
|
|
706
|
+
"name": "handleFocusin",
|
|
707
|
+
"description": "Function to support",
|
|
708
|
+
"privacy": "private",
|
|
709
|
+
"return": {
|
|
710
|
+
"type": {
|
|
711
|
+
"text": "void"
|
|
712
|
+
}
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
{
|
|
716
|
+
"kind": "method",
|
|
717
|
+
"name": "generateIconHtml",
|
|
718
|
+
"description": "Function to generate checkmark svg.",
|
|
719
|
+
"privacy": "private",
|
|
720
|
+
"return": {
|
|
721
|
+
"type": {
|
|
722
|
+
"text": "HTMLElement"
|
|
723
|
+
}
|
|
724
|
+
}
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"kind": "method",
|
|
728
|
+
"name": "reset",
|
|
729
|
+
"description": "Resets component to initial state.",
|
|
730
|
+
"return": {
|
|
731
|
+
"type": {
|
|
732
|
+
"text": "void"
|
|
733
|
+
}
|
|
734
|
+
}
|
|
735
|
+
},
|
|
736
|
+
{
|
|
737
|
+
"kind": "method",
|
|
738
|
+
"name": "updateAriaLabel",
|
|
739
|
+
"description": "Updates the aria-label based on slot content.",
|
|
740
|
+
"privacy": "private",
|
|
741
|
+
"return": {
|
|
742
|
+
"type": {
|
|
743
|
+
"text": "void"
|
|
744
|
+
}
|
|
745
|
+
}
|
|
746
|
+
},
|
|
747
|
+
{
|
|
748
|
+
"kind": "method",
|
|
749
|
+
"name": "handleKeyDown",
|
|
750
|
+
"parameters": [
|
|
751
|
+
{
|
|
752
|
+
"name": "event",
|
|
753
|
+
"description": "The keydown event from the checkbox input.",
|
|
754
|
+
"type": {
|
|
755
|
+
"text": "KeyboardEvent"
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
],
|
|
759
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
760
|
+
"privacy": "private",
|
|
761
|
+
"return": {
|
|
762
|
+
"type": {
|
|
763
|
+
"text": "void"
|
|
764
|
+
}
|
|
765
|
+
}
|
|
1033
766
|
},
|
|
1034
767
|
{
|
|
1035
768
|
"kind": "field",
|
|
1036
|
-
"name": "
|
|
769
|
+
"name": "appearance",
|
|
1037
770
|
"privacy": "public",
|
|
1038
771
|
"type": {
|
|
1039
|
-
"text": "
|
|
772
|
+
"text": "'default' | 'inverse'"
|
|
1040
773
|
},
|
|
1041
|
-
"description": "
|
|
1042
|
-
"
|
|
774
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
775
|
+
"default": "'default'",
|
|
776
|
+
"attribute": "appearance",
|
|
1043
777
|
"reflects": true
|
|
1044
778
|
},
|
|
1045
779
|
{
|
|
1046
780
|
"kind": "field",
|
|
1047
|
-
"name": "
|
|
781
|
+
"name": "checked",
|
|
1048
782
|
"privacy": "public",
|
|
1049
783
|
"type": {
|
|
1050
|
-
"text": "
|
|
784
|
+
"text": "boolean"
|
|
1051
785
|
},
|
|
1052
|
-
"description": "
|
|
1053
|
-
"attribute": "
|
|
786
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
787
|
+
"attribute": "checked",
|
|
1054
788
|
"reflects": true
|
|
1055
789
|
},
|
|
1056
790
|
{
|
|
1057
791
|
"kind": "field",
|
|
1058
|
-
"name": "
|
|
792
|
+
"name": "disabled",
|
|
1059
793
|
"privacy": "public",
|
|
1060
794
|
"type": {
|
|
1061
|
-
"text": "
|
|
795
|
+
"text": "boolean"
|
|
1062
796
|
},
|
|
1063
|
-
"description": "
|
|
1064
|
-
"attribute": "
|
|
797
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
798
|
+
"attribute": "disabled",
|
|
799
|
+
"reflects": true
|
|
1065
800
|
},
|
|
1066
801
|
{
|
|
1067
802
|
"kind": "field",
|
|
1068
|
-
"name": "
|
|
803
|
+
"name": "error",
|
|
1069
804
|
"privacy": "public",
|
|
1070
805
|
"type": {
|
|
1071
806
|
"text": "boolean"
|
|
1072
807
|
},
|
|
1073
|
-
"description": "If
|
|
1074
|
-
"attribute": "
|
|
808
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
809
|
+
"attribute": "error",
|
|
1075
810
|
"reflects": true
|
|
1076
811
|
},
|
|
1077
812
|
{
|
|
1078
813
|
"kind": "field",
|
|
1079
|
-
"name": "
|
|
814
|
+
"name": "id",
|
|
1080
815
|
"privacy": "public",
|
|
1081
816
|
"type": {
|
|
1082
|
-
"text": "
|
|
817
|
+
"text": "string"
|
|
1083
818
|
},
|
|
1084
|
-
"description": "
|
|
1085
|
-
"
|
|
1086
|
-
"attribute": "fullscreenBreakpoint",
|
|
1087
|
-
"reflects": true
|
|
819
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
820
|
+
"attribute": "id"
|
|
1088
821
|
},
|
|
1089
822
|
{
|
|
1090
823
|
"kind": "field",
|
|
1091
|
-
"name": "
|
|
824
|
+
"name": "inputId",
|
|
1092
825
|
"privacy": "private",
|
|
1093
826
|
"type": {
|
|
1094
|
-
"text": "
|
|
827
|
+
"text": "string"
|
|
1095
828
|
},
|
|
1096
|
-
"description": "
|
|
829
|
+
"description": "The id for input node."
|
|
1097
830
|
},
|
|
1098
831
|
{
|
|
1099
832
|
"kind": "field",
|
|
1100
|
-
"name": "
|
|
1101
|
-
"privacy": "
|
|
833
|
+
"name": "name",
|
|
834
|
+
"privacy": "public",
|
|
1102
835
|
"type": {
|
|
1103
|
-
"text": "
|
|
836
|
+
"text": "string"
|
|
1104
837
|
},
|
|
1105
|
-
"description": "
|
|
838
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
839
|
+
"attribute": "name"
|
|
1106
840
|
},
|
|
1107
841
|
{
|
|
1108
842
|
"kind": "field",
|
|
1109
|
-
"name": "
|
|
1110
|
-
"
|
|
1111
|
-
"
|
|
1112
|
-
|
|
1113
|
-
"type": {
|
|
1114
|
-
"text": "boolean"
|
|
1115
|
-
}
|
|
843
|
+
"name": "onDark",
|
|
844
|
+
"privacy": "public",
|
|
845
|
+
"type": {
|
|
846
|
+
"text": "boolean"
|
|
1116
847
|
},
|
|
1117
|
-
"
|
|
1118
|
-
"
|
|
1119
|
-
|
|
1120
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1121
|
-
}
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"kind": "method",
|
|
1125
|
-
"name": "resetShapeClasses",
|
|
1126
|
-
"inheritedFrom": {
|
|
1127
|
-
"name": "AuroElement",
|
|
1128
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1129
|
-
}
|
|
1130
|
-
},
|
|
1131
|
-
{
|
|
1132
|
-
"kind": "method",
|
|
1133
|
-
"name": "resetLayoutClasses",
|
|
1134
|
-
"inheritedFrom": {
|
|
1135
|
-
"name": "AuroElement",
|
|
1136
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1137
|
-
}
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"kind": "method",
|
|
1141
|
-
"name": "updateComponentArchitecture",
|
|
1142
|
-
"inheritedFrom": {
|
|
1143
|
-
"name": "AuroElement",
|
|
1144
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1145
|
-
}
|
|
848
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
849
|
+
"attribute": "onDark",
|
|
850
|
+
"reflects": true
|
|
1146
851
|
},
|
|
1147
852
|
{
|
|
1148
853
|
"kind": "field",
|
|
1149
|
-
"name": "
|
|
1150
|
-
"privacy": "
|
|
854
|
+
"name": "touched",
|
|
855
|
+
"privacy": "private",
|
|
1151
856
|
"type": {
|
|
1152
|
-
"text": "
|
|
857
|
+
"text": "boolean"
|
|
1153
858
|
},
|
|
1154
|
-
"
|
|
1155
|
-
"reflects": true,
|
|
1156
|
-
"inheritedFrom": {
|
|
1157
|
-
"name": "AuroElement",
|
|
1158
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1159
|
-
}
|
|
859
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
1160
860
|
},
|
|
1161
861
|
{
|
|
1162
862
|
"kind": "field",
|
|
1163
|
-
"name": "
|
|
863
|
+
"name": "value",
|
|
1164
864
|
"privacy": "public",
|
|
1165
865
|
"type": {
|
|
1166
866
|
"text": "string"
|
|
1167
867
|
},
|
|
1168
|
-
"
|
|
1169
|
-
"
|
|
1170
|
-
"inheritedFrom": {
|
|
1171
|
-
"name": "AuroElement",
|
|
1172
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1173
|
-
}
|
|
1174
|
-
}
|
|
1175
|
-
],
|
|
1176
|
-
"events": [
|
|
1177
|
-
{
|
|
1178
|
-
"name": "inputValue",
|
|
1179
|
-
"type": {
|
|
1180
|
-
"text": "CustomEvent"
|
|
1181
|
-
},
|
|
1182
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1183
|
-
},
|
|
1184
|
-
{
|
|
1185
|
-
"name": "input",
|
|
1186
|
-
"type": {
|
|
1187
|
-
"text": "CustomEvent"
|
|
1188
|
-
},
|
|
1189
|
-
"description": "Notifies that the component has a new value set."
|
|
868
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
869
|
+
"attribute": "value"
|
|
1190
870
|
},
|
|
1191
871
|
{
|
|
1192
|
-
"
|
|
872
|
+
"kind": "field",
|
|
873
|
+
"name": "tabIndex",
|
|
874
|
+
"privacy": "private",
|
|
1193
875
|
"type": {
|
|
1194
|
-
"text": "
|
|
876
|
+
"text": "number"
|
|
1195
877
|
},
|
|
1196
|
-
"description": "
|
|
878
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
879
|
+
"attribute": "tabindex",
|
|
880
|
+
"reflects": true
|
|
1197
881
|
},
|
|
1198
882
|
{
|
|
1199
|
-
"
|
|
1200
|
-
"name": "
|
|
1201
|
-
|
|
1202
|
-
],
|
|
1203
|
-
"attributes": [
|
|
1204
|
-
{
|
|
1205
|
-
"name": "appearance",
|
|
883
|
+
"kind": "field",
|
|
884
|
+
"name": "ariaChecked",
|
|
885
|
+
"privacy": "private",
|
|
1206
886
|
"type": {
|
|
1207
887
|
"text": "string"
|
|
1208
888
|
},
|
|
1209
|
-
"description": "
|
|
1210
|
-
"
|
|
1211
|
-
"
|
|
889
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
890
|
+
"attribute": "aria-checked",
|
|
891
|
+
"reflects": true
|
|
1212
892
|
},
|
|
1213
893
|
{
|
|
1214
|
-
"
|
|
894
|
+
"kind": "field",
|
|
895
|
+
"name": "ariaDisabled",
|
|
896
|
+
"privacy": "private",
|
|
1215
897
|
"type": {
|
|
1216
898
|
"text": "string"
|
|
1217
899
|
},
|
|
1218
|
-
"description": "
|
|
1219
|
-
"
|
|
1220
|
-
|
|
1221
|
-
{
|
|
1222
|
-
"name": "autoPlacement",
|
|
1223
|
-
"type": {
|
|
1224
|
-
"text": "boolean"
|
|
1225
|
-
},
|
|
1226
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1227
|
-
"fieldName": "autoPlacement"
|
|
1228
|
-
},
|
|
1229
|
-
{
|
|
1230
|
-
"name": "availableOptions",
|
|
1231
|
-
"type": {
|
|
1232
|
-
"text": "array"
|
|
1233
|
-
},
|
|
1234
|
-
"description": "Array of available options to display in the dropdown.",
|
|
1235
|
-
"fieldName": "availableOptions"
|
|
1236
|
-
},
|
|
1237
|
-
{
|
|
1238
|
-
"name": "behavior",
|
|
1239
|
-
"type": {
|
|
1240
|
-
"text": "'filter' | 'suggestion'"
|
|
1241
|
-
},
|
|
1242
|
-
"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.",
|
|
1243
|
-
"default": "'suggestion'",
|
|
1244
|
-
"fieldName": "behavior"
|
|
1245
|
-
},
|
|
1246
|
-
{
|
|
1247
|
-
"name": "checkmark",
|
|
1248
|
-
"type": {
|
|
1249
|
-
"text": "boolean"
|
|
1250
|
-
},
|
|
1251
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1252
|
-
"fieldName": "checkmark"
|
|
900
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
901
|
+
"attribute": "aria-disabled",
|
|
902
|
+
"reflects": true
|
|
1253
903
|
},
|
|
1254
904
|
{
|
|
1255
|
-
"
|
|
905
|
+
"kind": "field",
|
|
906
|
+
"name": "role",
|
|
907
|
+
"privacy": "private",
|
|
1256
908
|
"type": {
|
|
1257
|
-
"text": "
|
|
909
|
+
"text": "string"
|
|
1258
910
|
},
|
|
1259
|
-
"description": "
|
|
1260
|
-
"
|
|
1261
|
-
|
|
911
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
912
|
+
"attribute": "role",
|
|
913
|
+
"reflects": true
|
|
914
|
+
}
|
|
915
|
+
],
|
|
916
|
+
"events": [
|
|
1262
917
|
{
|
|
1263
|
-
"name": "
|
|
918
|
+
"name": "auroCheckbox-input",
|
|
1264
919
|
"type": {
|
|
1265
|
-
"text": "
|
|
1266
|
-
}
|
|
1267
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1268
|
-
"fieldName": "dvInputOnly"
|
|
920
|
+
"text": "CustomEvent"
|
|
921
|
+
}
|
|
1269
922
|
},
|
|
1270
923
|
{
|
|
1271
|
-
"name": "
|
|
924
|
+
"name": "auroCheckbox-focusin",
|
|
1272
925
|
"type": {
|
|
1273
|
-
"text": "
|
|
1274
|
-
}
|
|
1275
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1276
|
-
"fieldName": "error"
|
|
926
|
+
"text": "CustomEvent"
|
|
927
|
+
}
|
|
1277
928
|
},
|
|
1278
929
|
{
|
|
1279
|
-
"name": "
|
|
930
|
+
"name": "auroCheckbox-focusout",
|
|
1280
931
|
"type": {
|
|
1281
|
-
"text": "
|
|
1282
|
-
}
|
|
1283
|
-
"description": "Specifies the input mask format.",
|
|
1284
|
-
"fieldName": "format"
|
|
932
|
+
"text": "CustomEvent"
|
|
933
|
+
}
|
|
1285
934
|
},
|
|
1286
935
|
{
|
|
1287
|
-
"name": "inputmode",
|
|
1288
936
|
"type": {
|
|
1289
|
-
"text": "
|
|
937
|
+
"text": "CustomEvent<any>"
|
|
1290
938
|
},
|
|
1291
|
-
"description": "
|
|
1292
|
-
"
|
|
939
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
940
|
+
"name": "change"
|
|
1293
941
|
},
|
|
1294
942
|
{
|
|
1295
|
-
"name": "layout",
|
|
1296
943
|
"type": {
|
|
1297
|
-
"text": "
|
|
944
|
+
"text": "InputEvent"
|
|
1298
945
|
},
|
|
1299
|
-
"description": "
|
|
1300
|
-
"
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1305
|
-
}
|
|
1306
|
-
},
|
|
946
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
947
|
+
"name": "input"
|
|
948
|
+
}
|
|
949
|
+
],
|
|
950
|
+
"attributes": [
|
|
1307
951
|
{
|
|
1308
|
-
"name": "
|
|
952
|
+
"name": "appearance",
|
|
1309
953
|
"type": {
|
|
1310
|
-
"text": "
|
|
954
|
+
"text": "'default' | 'inverse'"
|
|
1311
955
|
},
|
|
1312
|
-
"description": "
|
|
1313
|
-
"
|
|
956
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
957
|
+
"default": "'default'",
|
|
958
|
+
"fieldName": "appearance"
|
|
1314
959
|
},
|
|
1315
960
|
{
|
|
1316
|
-
"name": "
|
|
961
|
+
"name": "checked",
|
|
1317
962
|
"type": {
|
|
1318
963
|
"text": "boolean"
|
|
1319
964
|
},
|
|
1320
|
-
"description": "If set,
|
|
1321
|
-
"fieldName": "
|
|
965
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
966
|
+
"fieldName": "checked"
|
|
1322
967
|
},
|
|
1323
968
|
{
|
|
1324
|
-
"name": "
|
|
969
|
+
"name": "disabled",
|
|
1325
970
|
"type": {
|
|
1326
971
|
"text": "boolean"
|
|
1327
972
|
},
|
|
1328
|
-
"description": "If
|
|
1329
|
-
"fieldName": "
|
|
973
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
974
|
+
"fieldName": "disabled"
|
|
1330
975
|
},
|
|
1331
976
|
{
|
|
1332
|
-
"name": "
|
|
977
|
+
"name": "error",
|
|
1333
978
|
"type": {
|
|
1334
979
|
"text": "boolean"
|
|
1335
980
|
},
|
|
1336
|
-
"description": "If
|
|
1337
|
-
"fieldName": "
|
|
981
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
982
|
+
"fieldName": "error"
|
|
1338
983
|
},
|
|
1339
984
|
{
|
|
1340
|
-
"name": "
|
|
985
|
+
"name": "id",
|
|
1341
986
|
"type": {
|
|
1342
|
-
"text": "
|
|
987
|
+
"text": "string"
|
|
1343
988
|
},
|
|
1344
|
-
"description": "
|
|
1345
|
-
"fieldName": "
|
|
989
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
990
|
+
"fieldName": "id"
|
|
1346
991
|
},
|
|
1347
992
|
{
|
|
1348
|
-
"name": "
|
|
993
|
+
"name": "name",
|
|
1349
994
|
"type": {
|
|
1350
|
-
"text": "
|
|
995
|
+
"text": "string"
|
|
1351
996
|
},
|
|
1352
|
-
"description": "
|
|
1353
|
-
"
|
|
1354
|
-
"fieldName": "offset"
|
|
997
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
998
|
+
"fieldName": "name"
|
|
1355
999
|
},
|
|
1356
1000
|
{
|
|
1357
1001
|
"name": "onDark",
|
|
@@ -1362,272 +1006,170 @@
|
|
|
1362
1006
|
"fieldName": "onDark"
|
|
1363
1007
|
},
|
|
1364
1008
|
{
|
|
1365
|
-
"name": "
|
|
1366
|
-
"type": {
|
|
1367
|
-
"text": "HTMLElement"
|
|
1368
|
-
},
|
|
1369
|
-
"description": "Specifies the current selected option.",
|
|
1370
|
-
"fieldName": "optionSelected"
|
|
1371
|
-
},
|
|
1372
|
-
{
|
|
1373
|
-
"name": "persistInput",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
},
|
|
1377
|
-
"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.",
|
|
1378
|
-
"fieldName": "persistInput"
|
|
1379
|
-
},
|
|
1380
|
-
{
|
|
1381
|
-
"name": "placement",
|
|
1382
|
-
"type": {
|
|
1383
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1384
|
-
},
|
|
1385
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1386
|
-
"default": "'bottom-start'",
|
|
1387
|
-
"fieldName": "placement"
|
|
1388
|
-
},
|
|
1389
|
-
{
|
|
1390
|
-
"name": "placeholder",
|
|
1009
|
+
"name": "value",
|
|
1391
1010
|
"type": {
|
|
1392
1011
|
"text": "string"
|
|
1393
1012
|
},
|
|
1394
|
-
"description": "
|
|
1395
|
-
"fieldName": "
|
|
1013
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1014
|
+
"fieldName": "value"
|
|
1396
1015
|
},
|
|
1397
1016
|
{
|
|
1398
|
-
"name": "
|
|
1017
|
+
"name": "tabindex",
|
|
1399
1018
|
"type": {
|
|
1400
|
-
"text": "
|
|
1019
|
+
"text": "number"
|
|
1401
1020
|
},
|
|
1402
|
-
"description": "
|
|
1403
|
-
"fieldName": "
|
|
1021
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1022
|
+
"fieldName": "tabIndex"
|
|
1404
1023
|
},
|
|
1405
1024
|
{
|
|
1406
|
-
"name": "
|
|
1025
|
+
"name": "aria-checked",
|
|
1407
1026
|
"type": {
|
|
1408
1027
|
"text": "string"
|
|
1409
1028
|
},
|
|
1410
|
-
"description": "
|
|
1411
|
-
"fieldName": "
|
|
1029
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1030
|
+
"fieldName": "ariaChecked"
|
|
1412
1031
|
},
|
|
1413
1032
|
{
|
|
1414
|
-
"name": "
|
|
1033
|
+
"name": "aria-disabled",
|
|
1415
1034
|
"type": {
|
|
1416
1035
|
"text": "string"
|
|
1417
1036
|
},
|
|
1418
|
-
"description": "
|
|
1419
|
-
"fieldName": "
|
|
1037
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1038
|
+
"fieldName": "ariaDisabled"
|
|
1420
1039
|
},
|
|
1421
1040
|
{
|
|
1422
|
-
"name": "
|
|
1041
|
+
"name": "role",
|
|
1423
1042
|
"type": {
|
|
1424
1043
|
"text": "string"
|
|
1425
1044
|
},
|
|
1426
|
-
"description": "
|
|
1427
|
-
"fieldName": "
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1431
|
-
"type": {
|
|
1432
|
-
"text": "string"
|
|
1433
|
-
},
|
|
1434
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1435
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1436
|
-
},
|
|
1437
|
-
{
|
|
1438
|
-
"name": "triggerIcon",
|
|
1439
|
-
"type": {
|
|
1440
|
-
"text": "boolean"
|
|
1441
|
-
},
|
|
1442
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1443
|
-
"fieldName": "triggerIcon"
|
|
1444
|
-
},
|
|
1445
|
-
{
|
|
1446
|
-
"name": "type",
|
|
1447
|
-
"type": {
|
|
1448
|
-
"text": "string"
|
|
1449
|
-
},
|
|
1450
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1451
|
-
"fieldName": "type"
|
|
1452
|
-
},
|
|
1453
|
-
{
|
|
1454
|
-
"name": "typedValue",
|
|
1455
|
-
"type": {
|
|
1456
|
-
"text": "string"
|
|
1457
|
-
},
|
|
1458
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1459
|
-
"fieldName": "typedValue"
|
|
1460
|
-
},
|
|
1461
|
-
{
|
|
1462
|
-
"name": "validity",
|
|
1463
|
-
"type": {
|
|
1464
|
-
"text": "string"
|
|
1465
|
-
},
|
|
1466
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1467
|
-
"fieldName": "validity"
|
|
1468
|
-
},
|
|
1469
|
-
{
|
|
1470
|
-
"name": "value",
|
|
1471
|
-
"type": {
|
|
1472
|
-
"text": "string"
|
|
1473
|
-
},
|
|
1474
|
-
"description": "Value selected for the dropdown menu.",
|
|
1475
|
-
"fieldName": "value"
|
|
1476
|
-
},
|
|
1477
|
-
{
|
|
1478
|
-
"name": "largeFullscreenHeadline",
|
|
1479
|
-
"type": {
|
|
1480
|
-
"text": "boolean"
|
|
1481
|
-
},
|
|
1482
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1483
|
-
"fieldName": "largeFullscreenHeadline"
|
|
1484
|
-
},
|
|
1485
|
-
{
|
|
1486
|
-
"name": "fullscreenBreakpoint",
|
|
1487
|
-
"type": {
|
|
1488
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1489
|
-
},
|
|
1490
|
-
"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.",
|
|
1491
|
-
"default": "'sm'",
|
|
1492
|
-
"fieldName": "fullscreenBreakpoint"
|
|
1493
|
-
},
|
|
1494
|
-
{
|
|
1495
|
-
"name": "shape",
|
|
1496
|
-
"type": {
|
|
1497
|
-
"text": "string"
|
|
1498
|
-
},
|
|
1499
|
-
"fieldName": "shape",
|
|
1500
|
-
"inheritedFrom": {
|
|
1501
|
-
"name": "AuroElement",
|
|
1502
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1503
|
-
}
|
|
1504
|
-
},
|
|
1505
|
-
{
|
|
1506
|
-
"name": "size",
|
|
1507
|
-
"type": {
|
|
1508
|
-
"text": "string"
|
|
1509
|
-
},
|
|
1510
|
-
"fieldName": "size",
|
|
1511
|
-
"inheritedFrom": {
|
|
1512
|
-
"name": "AuroElement",
|
|
1513
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1514
|
-
}
|
|
1515
|
-
},
|
|
1516
|
-
{
|
|
1517
|
-
"name": "ondark",
|
|
1518
|
-
"type": {
|
|
1519
|
-
"text": "boolean"
|
|
1520
|
-
},
|
|
1521
|
-
"fieldName": "onDark",
|
|
1522
|
-
"inheritedFrom": {
|
|
1523
|
-
"name": "AuroElement",
|
|
1524
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1525
|
-
}
|
|
1045
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1046
|
+
"fieldName": "role"
|
|
1526
1047
|
}
|
|
1527
1048
|
],
|
|
1528
1049
|
"superclass": {
|
|
1529
|
-
"name": "
|
|
1530
|
-
"
|
|
1050
|
+
"name": "LitElement",
|
|
1051
|
+
"package": "lit"
|
|
1531
1052
|
},
|
|
1532
|
-
"tagName": "auro-
|
|
1053
|
+
"tagName": "auro-checkbox",
|
|
1533
1054
|
"customElement": true
|
|
1534
1055
|
}
|
|
1535
1056
|
],
|
|
1536
1057
|
"exports": [
|
|
1537
1058
|
{
|
|
1538
1059
|
"kind": "js",
|
|
1539
|
-
"name": "
|
|
1060
|
+
"name": "AuroCheckbox",
|
|
1540
1061
|
"declaration": {
|
|
1541
|
-
"name": "
|
|
1542
|
-
"module": "components/
|
|
1062
|
+
"name": "AuroCheckbox",
|
|
1063
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1543
1064
|
}
|
|
1544
1065
|
}
|
|
1545
1066
|
]
|
|
1546
1067
|
},
|
|
1547
1068
|
{
|
|
1548
1069
|
"kind": "javascript-module",
|
|
1549
|
-
"path": "components/
|
|
1550
|
-
"declarations": [
|
|
1551
|
-
{
|
|
1552
|
-
"kind": "variable",
|
|
1553
|
-
"name": "comboboxKeyboardStrategy",
|
|
1554
|
-
"type": {
|
|
1555
|
-
"text": "object"
|
|
1556
|
-
},
|
|
1557
|
-
"default": "{ async Enter(component, evt, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, _evt, ctx) { if (!ctx.isExpanded) { return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
|
|
1558
|
-
}
|
|
1559
|
-
],
|
|
1070
|
+
"path": "components/checkbox/src/index.js",
|
|
1071
|
+
"declarations": [],
|
|
1560
1072
|
"exports": [
|
|
1561
1073
|
{
|
|
1562
1074
|
"kind": "js",
|
|
1563
|
-
"name": "
|
|
1075
|
+
"name": "AuroCheckbox",
|
|
1564
1076
|
"declaration": {
|
|
1565
|
-
"name": "
|
|
1566
|
-
"module": "components/
|
|
1077
|
+
"name": "AuroCheckbox",
|
|
1078
|
+
"module": "components/checkbox/src/index.js"
|
|
1567
1079
|
}
|
|
1568
|
-
}
|
|
1569
|
-
]
|
|
1570
|
-
},
|
|
1571
|
-
{
|
|
1572
|
-
"kind": "javascript-module",
|
|
1573
|
-
"path": "components/combobox/src/index.js",
|
|
1574
|
-
"declarations": [],
|
|
1575
|
-
"exports": [
|
|
1080
|
+
},
|
|
1576
1081
|
{
|
|
1577
1082
|
"kind": "js",
|
|
1578
|
-
"name": "
|
|
1083
|
+
"name": "AuroCheckboxGroup",
|
|
1579
1084
|
"declaration": {
|
|
1580
|
-
"name": "
|
|
1581
|
-
"module": "components/
|
|
1085
|
+
"name": "AuroCheckboxGroup",
|
|
1086
|
+
"module": "components/checkbox/src/index.js"
|
|
1582
1087
|
}
|
|
1583
1088
|
}
|
|
1584
1089
|
]
|
|
1585
1090
|
},
|
|
1586
1091
|
{
|
|
1587
1092
|
"kind": "javascript-module",
|
|
1588
|
-
"path": "components/
|
|
1093
|
+
"path": "components/checkbox/src/registered.js",
|
|
1589
1094
|
"declarations": [],
|
|
1590
|
-
"exports": [
|
|
1591
|
-
{
|
|
1592
|
-
"kind": "js",
|
|
1593
|
-
"name": "AuroCombobox",
|
|
1594
|
-
"declaration": {
|
|
1595
|
-
"name": "AuroCombobox",
|
|
1596
|
-
"module": "components/combobox/src/registered.js"
|
|
1597
|
-
}
|
|
1598
|
-
}
|
|
1599
|
-
]
|
|
1095
|
+
"exports": []
|
|
1600
1096
|
},
|
|
1601
1097
|
{
|
|
1602
1098
|
"kind": "javascript-module",
|
|
1603
|
-
"path": "components/
|
|
1099
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1604
1100
|
"declarations": [
|
|
1605
1101
|
{
|
|
1606
1102
|
"kind": "class",
|
|
1607
|
-
"description": "The `auro-
|
|
1608
|
-
"name": "
|
|
1103
|
+
"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.",
|
|
1104
|
+
"name": "AuroCombobox",
|
|
1609
1105
|
"slots": [
|
|
1610
1106
|
{
|
|
1611
|
-
"description": "
|
|
1612
|
-
"name": "
|
|
1107
|
+
"description": "Default slot for the menu content.",
|
|
1108
|
+
"name": ""
|
|
1613
1109
|
},
|
|
1614
1110
|
{
|
|
1111
|
+
"type": {
|
|
1112
|
+
"text": "HTMLSlotElement"
|
|
1113
|
+
},
|
|
1615
1114
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1616
1115
|
"name": "optionalLabel"
|
|
1617
1116
|
},
|
|
1618
1117
|
{
|
|
1619
|
-
"description": "
|
|
1118
|
+
"description": "Sets aria-label on clear button",
|
|
1119
|
+
"name": "ariaLabel.input.clear"
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1123
|
+
"name": "ariaLabel.bib.close"
|
|
1124
|
+
},
|
|
1125
|
+
{
|
|
1126
|
+
"description": "Defines the headline to display above menu-options",
|
|
1127
|
+
"name": "bib.fullscreen.headline"
|
|
1128
|
+
},
|
|
1129
|
+
{
|
|
1130
|
+
"description": "Defines the content of the label.",
|
|
1131
|
+
"name": "label"
|
|
1132
|
+
},
|
|
1133
|
+
{
|
|
1134
|
+
"description": "Defines the content of the helpText.",
|
|
1620
1135
|
"name": "helpText"
|
|
1621
1136
|
},
|
|
1622
1137
|
{
|
|
1623
|
-
"description": "
|
|
1624
|
-
"name": "
|
|
1138
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1139
|
+
"name": "displayValue"
|
|
1625
1140
|
}
|
|
1626
1141
|
],
|
|
1627
1142
|
"members": [
|
|
1628
1143
|
{
|
|
1629
1144
|
"kind": "method",
|
|
1630
|
-
"name": "_initializeDefaults"
|
|
1145
|
+
"name": "_initializeDefaults",
|
|
1146
|
+
"privacy": "private",
|
|
1147
|
+
"return": {
|
|
1148
|
+
"type": {
|
|
1149
|
+
"text": "void"
|
|
1150
|
+
}
|
|
1151
|
+
}
|
|
1152
|
+
},
|
|
1153
|
+
{
|
|
1154
|
+
"kind": "field",
|
|
1155
|
+
"name": "inputValue",
|
|
1156
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1157
|
+
"return": {
|
|
1158
|
+
"type": {
|
|
1159
|
+
"text": "string|undefined"
|
|
1160
|
+
}
|
|
1161
|
+
},
|
|
1162
|
+
"readonly": true
|
|
1163
|
+
},
|
|
1164
|
+
{
|
|
1165
|
+
"kind": "method",
|
|
1166
|
+
"name": "isValid",
|
|
1167
|
+
"description": "Checks if the element is valid.",
|
|
1168
|
+
"return": {
|
|
1169
|
+
"type": {
|
|
1170
|
+
"text": "boolean"
|
|
1171
|
+
}
|
|
1172
|
+
}
|
|
1631
1173
|
},
|
|
1632
1174
|
{
|
|
1633
1175
|
"kind": "method",
|
|
@@ -1636,7 +1178,7 @@
|
|
|
1636
1178
|
"parameters": [
|
|
1637
1179
|
{
|
|
1638
1180
|
"name": "name",
|
|
1639
|
-
"default": "
|
|
1181
|
+
"default": "'auro-combobox'",
|
|
1640
1182
|
"description": "The name of the element that you want to register.",
|
|
1641
1183
|
"optional": true,
|
|
1642
1184
|
"type": {
|
|
@@ -1648,24 +1190,14 @@
|
|
|
1648
1190
|
},
|
|
1649
1191
|
{
|
|
1650
1192
|
"kind": "method",
|
|
1651
|
-
"name": "
|
|
1652
|
-
"
|
|
1653
|
-
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
},
|
|
1660
|
-
{
|
|
1661
|
-
"name": "selected",
|
|
1662
|
-
"description": "The checked state of the checkbox.",
|
|
1663
|
-
"type": {
|
|
1664
|
-
"text": "Boolean"
|
|
1665
|
-
}
|
|
1666
|
-
}
|
|
1667
|
-
],
|
|
1668
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
1193
|
+
"name": "updateFilter",
|
|
1194
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1195
|
+
"privacy": "private"
|
|
1196
|
+
},
|
|
1197
|
+
{
|
|
1198
|
+
"kind": "method",
|
|
1199
|
+
"name": "syncValuesAndStates",
|
|
1200
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1669
1201
|
"privacy": "private",
|
|
1670
1202
|
"return": {
|
|
1671
1203
|
"type": {
|
|
@@ -1674,777 +1206,1245 @@
|
|
|
1674
1206
|
}
|
|
1675
1207
|
},
|
|
1676
1208
|
{
|
|
1677
|
-
"kind": "method",
|
|
1678
|
-
"name": "
|
|
1679
|
-
"
|
|
1209
|
+
"kind": "method",
|
|
1210
|
+
"name": "updateTriggerTextDisplay",
|
|
1211
|
+
"parameters": [
|
|
1212
|
+
{
|
|
1213
|
+
"name": "label",
|
|
1214
|
+
"description": "The label of the selected option.",
|
|
1215
|
+
"type": {
|
|
1216
|
+
"text": "string"
|
|
1217
|
+
}
|
|
1218
|
+
}
|
|
1219
|
+
],
|
|
1220
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1221
|
+
"privacy": "private"
|
|
1222
|
+
},
|
|
1223
|
+
{
|
|
1224
|
+
"kind": "method",
|
|
1225
|
+
"name": "handleMenuOptions",
|
|
1226
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1227
|
+
"privacy": "private",
|
|
1228
|
+
"return": {
|
|
1229
|
+
"type": {
|
|
1230
|
+
"text": "void"
|
|
1231
|
+
}
|
|
1232
|
+
}
|
|
1233
|
+
},
|
|
1234
|
+
{
|
|
1235
|
+
"kind": "method",
|
|
1236
|
+
"name": "generateOptionsArray",
|
|
1237
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1238
|
+
"privacy": "private",
|
|
1239
|
+
"return": {
|
|
1240
|
+
"type": {
|
|
1241
|
+
"text": "void"
|
|
1242
|
+
}
|
|
1243
|
+
}
|
|
1244
|
+
},
|
|
1245
|
+
{
|
|
1246
|
+
"kind": "method",
|
|
1247
|
+
"name": "hideBib",
|
|
1248
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1249
|
+
"return": {
|
|
1250
|
+
"type": {
|
|
1251
|
+
"text": "void"
|
|
1252
|
+
}
|
|
1253
|
+
}
|
|
1254
|
+
},
|
|
1255
|
+
{
|
|
1256
|
+
"kind": "method",
|
|
1257
|
+
"name": "showBib",
|
|
1258
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1259
|
+
"return": {
|
|
1260
|
+
"type": {
|
|
1261
|
+
"text": "void"
|
|
1262
|
+
}
|
|
1263
|
+
}
|
|
1264
|
+
},
|
|
1265
|
+
{
|
|
1266
|
+
"kind": "method",
|
|
1267
|
+
"name": "configureDropdown",
|
|
1268
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1269
|
+
"privacy": "private",
|
|
1270
|
+
"return": {
|
|
1271
|
+
"type": {
|
|
1272
|
+
"text": "void"
|
|
1273
|
+
}
|
|
1274
|
+
}
|
|
1275
|
+
},
|
|
1276
|
+
{
|
|
1277
|
+
"kind": "method",
|
|
1278
|
+
"name": "setClearBtnFocus",
|
|
1279
|
+
"privacy": "private"
|
|
1280
|
+
},
|
|
1281
|
+
{
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "setInputFocus",
|
|
1284
|
+
"privacy": "private"
|
|
1285
|
+
},
|
|
1286
|
+
{
|
|
1287
|
+
"kind": "method",
|
|
1288
|
+
"name": "updateBibDialogRole",
|
|
1289
|
+
"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.",
|
|
1290
|
+
"privacy": "private"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"kind": "method",
|
|
1294
|
+
"name": "updateMenuShapeSize",
|
|
1295
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1296
|
+
"privacy": "private"
|
|
1297
|
+
},
|
|
1298
|
+
{
|
|
1299
|
+
"kind": "method",
|
|
1300
|
+
"name": "configureMenu",
|
|
1301
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1302
|
+
"privacy": "private",
|
|
1303
|
+
"return": {
|
|
1304
|
+
"type": {
|
|
1305
|
+
"text": "void"
|
|
1306
|
+
}
|
|
1307
|
+
}
|
|
1308
|
+
},
|
|
1309
|
+
{
|
|
1310
|
+
"kind": "method",
|
|
1311
|
+
"name": "configureInput",
|
|
1312
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1313
|
+
"privacy": "private",
|
|
1314
|
+
"return": {
|
|
1315
|
+
"type": {
|
|
1316
|
+
"text": "void"
|
|
1317
|
+
}
|
|
1318
|
+
}
|
|
1319
|
+
},
|
|
1320
|
+
{
|
|
1321
|
+
"kind": "method",
|
|
1322
|
+
"name": "handleMenuLoadingChange",
|
|
1323
|
+
"parameters": [
|
|
1324
|
+
{
|
|
1325
|
+
"name": "event",
|
|
1326
|
+
"description": "The event object containing details about the loading state change.",
|
|
1327
|
+
"type": {
|
|
1328
|
+
"text": "CustomEvent"
|
|
1329
|
+
}
|
|
1330
|
+
},
|
|
1331
|
+
{
|
|
1332
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1333
|
+
"name": "event.detail.loading",
|
|
1334
|
+
"type": {
|
|
1335
|
+
"text": "boolean"
|
|
1336
|
+
}
|
|
1337
|
+
},
|
|
1338
|
+
{
|
|
1339
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1340
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1341
|
+
"type": {
|
|
1342
|
+
"text": "boolean"
|
|
1343
|
+
}
|
|
1344
|
+
}
|
|
1345
|
+
],
|
|
1346
|
+
"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.",
|
|
1347
|
+
"privacy": "private",
|
|
1348
|
+
"return": {
|
|
1349
|
+
"type": {
|
|
1350
|
+
"text": "void"
|
|
1351
|
+
}
|
|
1352
|
+
}
|
|
1353
|
+
},
|
|
1354
|
+
{
|
|
1355
|
+
"kind": "method",
|
|
1356
|
+
"name": "handleInputValueChange",
|
|
1357
|
+
"parameters": [
|
|
1358
|
+
{
|
|
1359
|
+
"name": "event",
|
|
1360
|
+
"description": "The input event triggered by the input element.",
|
|
1361
|
+
"type": {
|
|
1362
|
+
"text": "Event"
|
|
1363
|
+
}
|
|
1364
|
+
}
|
|
1365
|
+
],
|
|
1366
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1367
|
+
"privacy": "private",
|
|
1368
|
+
"return": {
|
|
1369
|
+
"type": {
|
|
1370
|
+
"text": "void"
|
|
1371
|
+
}
|
|
1372
|
+
}
|
|
1373
|
+
},
|
|
1374
|
+
{
|
|
1375
|
+
"kind": "method",
|
|
1376
|
+
"name": "configureCombobox",
|
|
1377
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1378
|
+
"privacy": "private",
|
|
1379
|
+
"return": {
|
|
1380
|
+
"type": {
|
|
1381
|
+
"text": "void"
|
|
1382
|
+
}
|
|
1383
|
+
}
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"kind": "method",
|
|
1387
|
+
"name": "focus",
|
|
1388
|
+
"description": "Focuses the combobox trigger input.",
|
|
1389
|
+
"return": {
|
|
1390
|
+
"type": {
|
|
1391
|
+
"text": "void"
|
|
1392
|
+
}
|
|
1393
|
+
}
|
|
1394
|
+
},
|
|
1395
|
+
{
|
|
1396
|
+
"kind": "method",
|
|
1397
|
+
"name": "setMenuValue",
|
|
1398
|
+
"parameters": [
|
|
1399
|
+
{
|
|
1400
|
+
"name": "value",
|
|
1401
|
+
"description": "The value to set on the menu.",
|
|
1402
|
+
"type": {
|
|
1403
|
+
"text": "string"
|
|
1404
|
+
}
|
|
1405
|
+
}
|
|
1406
|
+
],
|
|
1407
|
+
"description": "Sets the menu value if menu is available.",
|
|
1408
|
+
"return": {
|
|
1409
|
+
"type": {
|
|
1410
|
+
"text": "void"
|
|
1411
|
+
}
|
|
1412
|
+
}
|
|
1413
|
+
},
|
|
1414
|
+
{
|
|
1415
|
+
"kind": "method",
|
|
1416
|
+
"name": "reset",
|
|
1417
|
+
"description": "Resets component to initial state.",
|
|
1418
|
+
"return": {
|
|
1419
|
+
"type": {
|
|
1420
|
+
"text": "void"
|
|
1421
|
+
}
|
|
1422
|
+
}
|
|
1423
|
+
},
|
|
1424
|
+
{
|
|
1425
|
+
"kind": "method",
|
|
1426
|
+
"name": "clear",
|
|
1427
|
+
"description": "Clears the current value of the combobox.",
|
|
1428
|
+
"return": {
|
|
1429
|
+
"type": {
|
|
1430
|
+
"text": "void"
|
|
1431
|
+
}
|
|
1432
|
+
}
|
|
1433
|
+
},
|
|
1434
|
+
{
|
|
1435
|
+
"kind": "method",
|
|
1436
|
+
"name": "validate",
|
|
1437
|
+
"parameters": [
|
|
1438
|
+
{
|
|
1439
|
+
"name": "force",
|
|
1440
|
+
"default": "false",
|
|
1441
|
+
"description": "Whether to force validation.",
|
|
1442
|
+
"optional": true,
|
|
1443
|
+
"type": {
|
|
1444
|
+
"text": "boolean"
|
|
1445
|
+
}
|
|
1446
|
+
}
|
|
1447
|
+
],
|
|
1448
|
+
"description": "Validates value."
|
|
1449
|
+
},
|
|
1450
|
+
{
|
|
1451
|
+
"kind": "method",
|
|
1452
|
+
"name": "transportAssignedNodes",
|
|
1453
|
+
"parameters": [
|
|
1454
|
+
{
|
|
1455
|
+
"name": "slot",
|
|
1456
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1457
|
+
"type": {
|
|
1458
|
+
"text": "HTMLSlotElement"
|
|
1459
|
+
}
|
|
1460
|
+
},
|
|
1461
|
+
{
|
|
1462
|
+
"name": "target",
|
|
1463
|
+
"description": "The target element to apply the nodes to.",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "HTMLElement"
|
|
1466
|
+
}
|
|
1467
|
+
},
|
|
1468
|
+
{
|
|
1469
|
+
"name": "newSlotName",
|
|
1470
|
+
"description": "The new slot name for the applied nodes.",
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "string"
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1475
|
+
],
|
|
1476
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1477
|
+
"privacy": "private",
|
|
1478
|
+
"return": {
|
|
1479
|
+
"type": {
|
|
1480
|
+
"text": "void"
|
|
1481
|
+
}
|
|
1482
|
+
}
|
|
1483
|
+
},
|
|
1484
|
+
{
|
|
1485
|
+
"kind": "method",
|
|
1486
|
+
"name": "updateActiveOption",
|
|
1487
|
+
"parameters": [
|
|
1488
|
+
{
|
|
1489
|
+
"name": "index",
|
|
1490
|
+
"description": "Index of the option to make active.",
|
|
1491
|
+
"type": {
|
|
1492
|
+
"text": "number"
|
|
1493
|
+
}
|
|
1494
|
+
}
|
|
1495
|
+
],
|
|
1496
|
+
"description": "Updates the active option in the menu."
|
|
1497
|
+
},
|
|
1498
|
+
{
|
|
1499
|
+
"kind": "method",
|
|
1500
|
+
"name": "handleSlotChange",
|
|
1501
|
+
"parameters": [
|
|
1502
|
+
{
|
|
1503
|
+
"name": "event",
|
|
1504
|
+
"description": "`slotchange` event.",
|
|
1505
|
+
"type": {
|
|
1506
|
+
"text": "Event"
|
|
1507
|
+
}
|
|
1508
|
+
}
|
|
1509
|
+
],
|
|
1510
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1511
|
+
"privacy": "private",
|
|
1512
|
+
"return": {
|
|
1513
|
+
"type": {
|
|
1514
|
+
"text": "void"
|
|
1515
|
+
}
|
|
1516
|
+
}
|
|
1517
|
+
},
|
|
1518
|
+
{
|
|
1519
|
+
"kind": "field",
|
|
1520
|
+
"name": "appearance",
|
|
1521
|
+
"privacy": "public",
|
|
1522
|
+
"type": {
|
|
1523
|
+
"text": "string"
|
|
1524
|
+
},
|
|
1525
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1526
|
+
"default": "'default'",
|
|
1527
|
+
"attribute": "appearance",
|
|
1528
|
+
"reflects": true
|
|
1529
|
+
},
|
|
1530
|
+
{
|
|
1531
|
+
"kind": "field",
|
|
1532
|
+
"name": "autocomplete",
|
|
1533
|
+
"privacy": "public",
|
|
1534
|
+
"type": {
|
|
1535
|
+
"text": "string"
|
|
1536
|
+
},
|
|
1537
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1538
|
+
"attribute": "autocomplete",
|
|
1539
|
+
"reflects": true
|
|
1540
|
+
},
|
|
1541
|
+
{
|
|
1542
|
+
"kind": "field",
|
|
1543
|
+
"name": "autoPlacement",
|
|
1544
|
+
"privacy": "public",
|
|
1545
|
+
"type": {
|
|
1546
|
+
"text": "boolean"
|
|
1547
|
+
},
|
|
1548
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1549
|
+
"attribute": "autoPlacement",
|
|
1550
|
+
"reflects": true
|
|
1551
|
+
},
|
|
1552
|
+
{
|
|
1553
|
+
"kind": "field",
|
|
1554
|
+
"name": "availableOptions",
|
|
1555
|
+
"privacy": "private",
|
|
1556
|
+
"type": {
|
|
1557
|
+
"text": "array"
|
|
1558
|
+
},
|
|
1559
|
+
"description": "Array of available options to display in the dropdown.",
|
|
1560
|
+
"attribute": "availableOptions"
|
|
1561
|
+
},
|
|
1562
|
+
{
|
|
1563
|
+
"kind": "field",
|
|
1564
|
+
"name": "behavior",
|
|
1565
|
+
"privacy": "public",
|
|
1566
|
+
"type": {
|
|
1567
|
+
"text": "'filter' | 'suggestion'"
|
|
1568
|
+
},
|
|
1569
|
+
"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.",
|
|
1570
|
+
"default": "'suggestion'",
|
|
1571
|
+
"attribute": "behavior",
|
|
1572
|
+
"reflects": true
|
|
1573
|
+
},
|
|
1574
|
+
{
|
|
1575
|
+
"kind": "field",
|
|
1576
|
+
"name": "checkmark",
|
|
1577
|
+
"privacy": "public",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "boolean"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1582
|
+
"attribute": "checkmark",
|
|
1583
|
+
"reflects": true
|
|
1584
|
+
},
|
|
1585
|
+
{
|
|
1586
|
+
"kind": "field",
|
|
1587
|
+
"name": "disabled",
|
|
1588
|
+
"privacy": "public",
|
|
1589
|
+
"type": {
|
|
1590
|
+
"text": "boolean"
|
|
1591
|
+
},
|
|
1592
|
+
"description": "If set, disables the combobox.",
|
|
1593
|
+
"attribute": "disabled",
|
|
1594
|
+
"reflects": true
|
|
1595
|
+
},
|
|
1596
|
+
{
|
|
1597
|
+
"kind": "field",
|
|
1598
|
+
"name": "dropdownId",
|
|
1680
1599
|
"privacy": "private",
|
|
1681
|
-
"
|
|
1682
|
-
"
|
|
1683
|
-
|
|
1684
|
-
|
|
1685
|
-
}
|
|
1600
|
+
"type": {
|
|
1601
|
+
"text": "string"
|
|
1602
|
+
},
|
|
1603
|
+
"description": "ID for the dropdown."
|
|
1686
1604
|
},
|
|
1687
1605
|
{
|
|
1688
|
-
"kind": "
|
|
1689
|
-
"name": "
|
|
1690
|
-
"description": "Helper method that handles the state of checkboxes.",
|
|
1606
|
+
"kind": "field",
|
|
1607
|
+
"name": "dropdownOpen",
|
|
1691
1608
|
"privacy": "private",
|
|
1692
|
-
"
|
|
1693
|
-
"
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
}
|
|
1609
|
+
"type": {
|
|
1610
|
+
"text": "boolean"
|
|
1611
|
+
},
|
|
1612
|
+
"description": "Whether or not the dropdown is open."
|
|
1697
1613
|
},
|
|
1698
1614
|
{
|
|
1699
|
-
"kind": "
|
|
1700
|
-
"name": "
|
|
1701
|
-
"
|
|
1702
|
-
"
|
|
1703
|
-
"
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "dvInputOnly",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "boolean"
|
|
1620
|
+
},
|
|
1621
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1622
|
+
"attribute": "dvInputOnly",
|
|
1623
|
+
"reflects": true
|
|
1707
1624
|
},
|
|
1708
1625
|
{
|
|
1709
|
-
"kind": "
|
|
1710
|
-
"name": "
|
|
1711
|
-
"
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
"text": "boolean"
|
|
1719
|
-
}
|
|
1720
|
-
}
|
|
1721
|
-
],
|
|
1722
|
-
"description": "Validates value."
|
|
1626
|
+
"kind": "field",
|
|
1627
|
+
"name": "error",
|
|
1628
|
+
"privacy": "public",
|
|
1629
|
+
"type": {
|
|
1630
|
+
"text": "string"
|
|
1631
|
+
},
|
|
1632
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1633
|
+
"attribute": "error",
|
|
1634
|
+
"reflects": true
|
|
1723
1635
|
},
|
|
1724
1636
|
{
|
|
1725
1637
|
"kind": "field",
|
|
1726
|
-
"name": "
|
|
1638
|
+
"name": "format",
|
|
1727
1639
|
"privacy": "public",
|
|
1728
1640
|
"type": {
|
|
1729
|
-
"text": "
|
|
1641
|
+
"text": "string"
|
|
1730
1642
|
},
|
|
1731
|
-
"description": "
|
|
1732
|
-
"
|
|
1733
|
-
"attribute": "appearance",
|
|
1643
|
+
"description": "Specifies the input mask format.",
|
|
1644
|
+
"attribute": "format",
|
|
1734
1645
|
"reflects": true
|
|
1735
1646
|
},
|
|
1736
1647
|
{
|
|
1737
1648
|
"kind": "field",
|
|
1738
|
-
"name": "
|
|
1649
|
+
"name": "inputmode",
|
|
1739
1650
|
"privacy": "public",
|
|
1740
1651
|
"type": {
|
|
1741
|
-
"text": "
|
|
1652
|
+
"text": "string"
|
|
1742
1653
|
},
|
|
1743
|
-
"description": "
|
|
1744
|
-
"attribute": "
|
|
1654
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1655
|
+
"attribute": "inputmode",
|
|
1745
1656
|
"reflects": true
|
|
1746
1657
|
},
|
|
1747
1658
|
{
|
|
1748
1659
|
"kind": "field",
|
|
1749
|
-
"name": "
|
|
1660
|
+
"name": "layout",
|
|
1750
1661
|
"privacy": "public",
|
|
1751
1662
|
"type": {
|
|
1752
1663
|
"text": "string"
|
|
1753
1664
|
},
|
|
1754
|
-
"description": "
|
|
1755
|
-
"
|
|
1665
|
+
"description": "Sets the layout of the combobox.",
|
|
1666
|
+
"default": "'classic'",
|
|
1667
|
+
"attribute": "layout",
|
|
1668
|
+
"reflects": true,
|
|
1669
|
+
"inheritedFrom": {
|
|
1670
|
+
"name": "AuroElement",
|
|
1671
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1672
|
+
}
|
|
1673
|
+
},
|
|
1674
|
+
{
|
|
1675
|
+
"kind": "field",
|
|
1676
|
+
"name": "matchWidth",
|
|
1677
|
+
"privacy": "private",
|
|
1678
|
+
"type": {
|
|
1679
|
+
"text": "boolean"
|
|
1680
|
+
},
|
|
1681
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1682
|
+
"attribute": "matchWidth",
|
|
1756
1683
|
"reflects": true
|
|
1757
1684
|
},
|
|
1758
1685
|
{
|
|
1759
1686
|
"kind": "field",
|
|
1760
|
-
"name": "
|
|
1687
|
+
"name": "noFilter",
|
|
1761
1688
|
"privacy": "public",
|
|
1762
1689
|
"type": {
|
|
1763
1690
|
"text": "boolean"
|
|
1764
1691
|
},
|
|
1765
|
-
"description": "If set,
|
|
1766
|
-
"attribute": "
|
|
1692
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1693
|
+
"attribute": "noFilter",
|
|
1767
1694
|
"reflects": true
|
|
1768
1695
|
},
|
|
1769
1696
|
{
|
|
1770
1697
|
"kind": "field",
|
|
1771
|
-
"name": "
|
|
1698
|
+
"name": "noFlip",
|
|
1772
1699
|
"privacy": "public",
|
|
1773
1700
|
"type": {
|
|
1774
1701
|
"text": "boolean"
|
|
1775
1702
|
},
|
|
1776
|
-
"description": "If
|
|
1777
|
-
"attribute": "
|
|
1703
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1704
|
+
"attribute": "noFlip",
|
|
1778
1705
|
"reflects": true
|
|
1779
1706
|
},
|
|
1780
1707
|
{
|
|
1781
1708
|
"kind": "field",
|
|
1782
|
-
"name": "
|
|
1709
|
+
"name": "shift",
|
|
1783
1710
|
"privacy": "public",
|
|
1784
1711
|
"type": {
|
|
1785
1712
|
"text": "boolean"
|
|
1786
1713
|
},
|
|
1787
|
-
"description": "
|
|
1788
|
-
"attribute": "
|
|
1714
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1715
|
+
"attribute": "shift",
|
|
1789
1716
|
"reflects": true
|
|
1790
1717
|
},
|
|
1791
1718
|
{
|
|
1792
1719
|
"kind": "field",
|
|
1793
|
-
"name": "
|
|
1720
|
+
"name": "noValidate",
|
|
1794
1721
|
"privacy": "public",
|
|
1795
1722
|
"type": {
|
|
1796
1723
|
"text": "boolean"
|
|
1797
1724
|
},
|
|
1798
|
-
"description": "
|
|
1799
|
-
"attribute": "
|
|
1725
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1726
|
+
"attribute": "noValidate",
|
|
1800
1727
|
"reflects": true
|
|
1801
1728
|
},
|
|
1802
1729
|
{
|
|
1803
1730
|
"kind": "field",
|
|
1804
|
-
"name": "
|
|
1731
|
+
"name": "offset",
|
|
1805
1732
|
"privacy": "public",
|
|
1806
1733
|
"type": {
|
|
1807
|
-
"text": "
|
|
1734
|
+
"text": "number"
|
|
1808
1735
|
},
|
|
1809
|
-
"description": "
|
|
1810
|
-
"
|
|
1736
|
+
"description": "Gap between the trigger element and bib.",
|
|
1737
|
+
"default": "0",
|
|
1738
|
+
"attribute": "offset",
|
|
1739
|
+
"reflects": true
|
|
1811
1740
|
},
|
|
1812
1741
|
{
|
|
1813
1742
|
"kind": "field",
|
|
1814
|
-
"name": "
|
|
1743
|
+
"name": "onDark",
|
|
1815
1744
|
"privacy": "public",
|
|
1816
1745
|
"type": {
|
|
1817
|
-
"text": "
|
|
1746
|
+
"text": "boolean"
|
|
1818
1747
|
},
|
|
1819
|
-
"
|
|
1820
|
-
"
|
|
1748
|
+
"attribute": "onDark",
|
|
1749
|
+
"reflects": true,
|
|
1750
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1751
|
+
"inheritedFrom": {
|
|
1752
|
+
"name": "AuroElement",
|
|
1753
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1754
|
+
}
|
|
1821
1755
|
},
|
|
1822
1756
|
{
|
|
1823
1757
|
"kind": "field",
|
|
1824
|
-
"name": "
|
|
1758
|
+
"name": "optionSelected",
|
|
1825
1759
|
"privacy": "public",
|
|
1826
1760
|
"type": {
|
|
1827
|
-
"text": "
|
|
1761
|
+
"text": "HTMLElement"
|
|
1828
1762
|
},
|
|
1829
|
-
"description": "
|
|
1830
|
-
"attribute": "
|
|
1763
|
+
"description": "Specifies the current selected option.",
|
|
1764
|
+
"attribute": "optionSelected"
|
|
1831
1765
|
},
|
|
1832
1766
|
{
|
|
1833
1767
|
"kind": "field",
|
|
1834
|
-
"name": "
|
|
1768
|
+
"name": "persistInput",
|
|
1835
1769
|
"privacy": "public",
|
|
1836
1770
|
"type": {
|
|
1837
|
-
"text": "
|
|
1771
|
+
"text": "boolean"
|
|
1838
1772
|
},
|
|
1839
|
-
"description": "
|
|
1840
|
-
"attribute": "
|
|
1773
|
+
"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.",
|
|
1774
|
+
"attribute": "persistInput",
|
|
1841
1775
|
"reflects": true
|
|
1842
|
-
}
|
|
1843
|
-
],
|
|
1844
|
-
"events": [
|
|
1776
|
+
},
|
|
1845
1777
|
{
|
|
1846
|
-
"
|
|
1778
|
+
"kind": "field",
|
|
1779
|
+
"name": "placement",
|
|
1780
|
+
"privacy": "public",
|
|
1847
1781
|
"type": {
|
|
1848
|
-
"text": "
|
|
1849
|
-
}
|
|
1782
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1783
|
+
},
|
|
1784
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1785
|
+
"default": "'bottom-start'",
|
|
1786
|
+
"attribute": "placement",
|
|
1787
|
+
"reflects": true
|
|
1850
1788
|
},
|
|
1851
1789
|
{
|
|
1852
|
-
"
|
|
1853
|
-
"name": "
|
|
1854
|
-
|
|
1855
|
-
],
|
|
1856
|
-
"attributes": [
|
|
1857
|
-
{
|
|
1858
|
-
"name": "appearance",
|
|
1790
|
+
"kind": "field",
|
|
1791
|
+
"name": "placeholder",
|
|
1792
|
+
"privacy": "public",
|
|
1859
1793
|
"type": {
|
|
1860
|
-
"text": "
|
|
1794
|
+
"text": "string"
|
|
1861
1795
|
},
|
|
1862
|
-
"description": "
|
|
1863
|
-
"
|
|
1864
|
-
"
|
|
1796
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1797
|
+
"attribute": "placeholder",
|
|
1798
|
+
"reflects": true
|
|
1865
1799
|
},
|
|
1866
1800
|
{
|
|
1867
|
-
"
|
|
1801
|
+
"kind": "field",
|
|
1802
|
+
"name": "required",
|
|
1803
|
+
"privacy": "public",
|
|
1868
1804
|
"type": {
|
|
1869
1805
|
"text": "boolean"
|
|
1870
1806
|
},
|
|
1871
|
-
"description": "
|
|
1872
|
-
"
|
|
1807
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1808
|
+
"attribute": "required",
|
|
1809
|
+
"reflects": true
|
|
1873
1810
|
},
|
|
1874
1811
|
{
|
|
1875
|
-
"
|
|
1812
|
+
"kind": "field",
|
|
1813
|
+
"name": "setCustomValidity",
|
|
1814
|
+
"privacy": "public",
|
|
1876
1815
|
"type": {
|
|
1877
1816
|
"text": "string"
|
|
1878
1817
|
},
|
|
1879
|
-
"description": "
|
|
1880
|
-
"
|
|
1818
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1819
|
+
"attribute": "setCustomValidity"
|
|
1881
1820
|
},
|
|
1882
1821
|
{
|
|
1883
|
-
"
|
|
1822
|
+
"kind": "field",
|
|
1823
|
+
"name": "setCustomValidityCustomError",
|
|
1824
|
+
"privacy": "public",
|
|
1825
|
+
"type": {
|
|
1826
|
+
"text": "string"
|
|
1827
|
+
},
|
|
1828
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1829
|
+
"attribute": "setCustomValidityCustomError"
|
|
1830
|
+
},
|
|
1831
|
+
{
|
|
1832
|
+
"kind": "field",
|
|
1833
|
+
"name": "setCustomValidityValueMissing",
|
|
1834
|
+
"privacy": "public",
|
|
1884
1835
|
"type": {
|
|
1885
|
-
"text": "
|
|
1836
|
+
"text": "string"
|
|
1886
1837
|
},
|
|
1887
|
-
"description": "
|
|
1888
|
-
"
|
|
1838
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1839
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1889
1840
|
},
|
|
1890
1841
|
{
|
|
1891
|
-
"
|
|
1842
|
+
"kind": "field",
|
|
1843
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1844
|
+
"privacy": "public",
|
|
1892
1845
|
"type": {
|
|
1893
|
-
"text": "
|
|
1846
|
+
"text": "string"
|
|
1894
1847
|
},
|
|
1895
|
-
"description": "
|
|
1896
|
-
"
|
|
1848
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1849
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1897
1850
|
},
|
|
1898
1851
|
{
|
|
1899
|
-
"
|
|
1852
|
+
"kind": "field",
|
|
1853
|
+
"name": "touched",
|
|
1854
|
+
"privacy": "private",
|
|
1900
1855
|
"type": {
|
|
1901
1856
|
"text": "boolean"
|
|
1902
1857
|
},
|
|
1903
|
-
"description": "
|
|
1904
|
-
"fieldName": "onDark"
|
|
1858
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1905
1859
|
},
|
|
1906
1860
|
{
|
|
1907
|
-
"
|
|
1861
|
+
"kind": "field",
|
|
1862
|
+
"name": "triggerIcon",
|
|
1863
|
+
"privacy": "public",
|
|
1908
1864
|
"type": {
|
|
1909
1865
|
"text": "boolean"
|
|
1910
1866
|
},
|
|
1911
|
-
"description": "
|
|
1912
|
-
"
|
|
1867
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1868
|
+
"attribute": "triggerIcon",
|
|
1869
|
+
"reflects": true
|
|
1913
1870
|
},
|
|
1914
1871
|
{
|
|
1915
|
-
"
|
|
1872
|
+
"kind": "field",
|
|
1873
|
+
"name": "type",
|
|
1874
|
+
"privacy": "public",
|
|
1916
1875
|
"type": {
|
|
1917
1876
|
"text": "string"
|
|
1918
1877
|
},
|
|
1919
|
-
"description": "
|
|
1920
|
-
"
|
|
1878
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1879
|
+
"attribute": "type",
|
|
1880
|
+
"reflects": true
|
|
1921
1881
|
},
|
|
1922
1882
|
{
|
|
1923
|
-
"
|
|
1883
|
+
"kind": "field",
|
|
1884
|
+
"name": "typedValue",
|
|
1885
|
+
"privacy": "public",
|
|
1924
1886
|
"type": {
|
|
1925
1887
|
"text": "string"
|
|
1926
1888
|
},
|
|
1927
|
-
"description": "
|
|
1928
|
-
"
|
|
1889
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1890
|
+
"attribute": "typedValue",
|
|
1891
|
+
"reflects": true
|
|
1929
1892
|
},
|
|
1930
1893
|
{
|
|
1931
|
-
"
|
|
1894
|
+
"kind": "field",
|
|
1895
|
+
"name": "validity",
|
|
1896
|
+
"privacy": "public",
|
|
1932
1897
|
"type": {
|
|
1933
1898
|
"text": "string"
|
|
1934
1899
|
},
|
|
1935
|
-
"description": "
|
|
1936
|
-
"
|
|
1900
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1901
|
+
"attribute": "validity",
|
|
1902
|
+
"reflects": true
|
|
1937
1903
|
},
|
|
1938
1904
|
{
|
|
1939
|
-
"
|
|
1905
|
+
"kind": "field",
|
|
1906
|
+
"name": "value",
|
|
1907
|
+
"privacy": "public",
|
|
1940
1908
|
"type": {
|
|
1941
1909
|
"text": "string"
|
|
1942
1910
|
},
|
|
1943
|
-
"description": "
|
|
1944
|
-
"
|
|
1945
|
-
}
|
|
1946
|
-
],
|
|
1947
|
-
"superclass": {
|
|
1948
|
-
"name": "LitElement",
|
|
1949
|
-
"package": "lit"
|
|
1950
|
-
},
|
|
1951
|
-
"tagName": "auro-checkbox-group",
|
|
1952
|
-
"customElement": true
|
|
1953
|
-
}
|
|
1954
|
-
],
|
|
1955
|
-
"exports": [
|
|
1956
|
-
{
|
|
1957
|
-
"kind": "js",
|
|
1958
|
-
"name": "AuroCheckboxGroup",
|
|
1959
|
-
"declaration": {
|
|
1960
|
-
"name": "AuroCheckboxGroup",
|
|
1961
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
1962
|
-
}
|
|
1963
|
-
}
|
|
1964
|
-
]
|
|
1965
|
-
},
|
|
1966
|
-
{
|
|
1967
|
-
"kind": "javascript-module",
|
|
1968
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
1969
|
-
"declarations": [
|
|
1970
|
-
{
|
|
1971
|
-
"kind": "class",
|
|
1972
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
1973
|
-
"name": "AuroCheckbox",
|
|
1974
|
-
"cssParts": [
|
|
1975
|
-
{
|
|
1976
|
-
"description": "apply css to a specific checkbox.",
|
|
1977
|
-
"name": "checkbox"
|
|
1911
|
+
"description": "Value selected for the dropdown menu.",
|
|
1912
|
+
"attribute": "value"
|
|
1978
1913
|
},
|
|
1979
1914
|
{
|
|
1980
|
-
"
|
|
1981
|
-
"name": "
|
|
1915
|
+
"kind": "field",
|
|
1916
|
+
"name": "largeFullscreenHeadline",
|
|
1917
|
+
"privacy": "public",
|
|
1918
|
+
"type": {
|
|
1919
|
+
"text": "boolean"
|
|
1920
|
+
},
|
|
1921
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1922
|
+
"attribute": "largeFullscreenHeadline",
|
|
1923
|
+
"reflects": true
|
|
1982
1924
|
},
|
|
1983
1925
|
{
|
|
1984
|
-
"
|
|
1985
|
-
"name": "
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
"description": "
|
|
1991
|
-
"
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1926
|
+
"kind": "field",
|
|
1927
|
+
"name": "fullscreenBreakpoint",
|
|
1928
|
+
"privacy": "public",
|
|
1929
|
+
"type": {
|
|
1930
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1931
|
+
},
|
|
1932
|
+
"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.",
|
|
1933
|
+
"default": "'sm'",
|
|
1934
|
+
"attribute": "fullscreenBreakpoint",
|
|
1935
|
+
"reflects": true
|
|
1936
|
+
},
|
|
1995
1937
|
{
|
|
1996
|
-
"kind": "
|
|
1997
|
-
"name": "
|
|
1938
|
+
"kind": "field",
|
|
1939
|
+
"name": "optionActive",
|
|
1940
|
+
"privacy": "private",
|
|
1941
|
+
"type": {
|
|
1942
|
+
"text": "object"
|
|
1943
|
+
},
|
|
1944
|
+
"description": "Specifies the currently active option."
|
|
1998
1945
|
},
|
|
1999
1946
|
{
|
|
2000
|
-
"kind": "
|
|
2001
|
-
"name": "
|
|
2002
|
-
"
|
|
2003
|
-
"
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
"description": "The name of element that you want to register to.",
|
|
2008
|
-
"optional": true,
|
|
2009
|
-
"type": {
|
|
2010
|
-
"text": "string"
|
|
2011
|
-
}
|
|
2012
|
-
}
|
|
2013
|
-
],
|
|
2014
|
-
"description": "This will register this element with the browser."
|
|
1947
|
+
"kind": "field",
|
|
1948
|
+
"name": "triggerExpandedState",
|
|
1949
|
+
"privacy": "private",
|
|
1950
|
+
"type": {
|
|
1951
|
+
"text": "boolean"
|
|
1952
|
+
},
|
|
1953
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
2015
1954
|
},
|
|
2016
1955
|
{
|
|
2017
|
-
"kind": "
|
|
2018
|
-
"name": "
|
|
2019
|
-
"
|
|
2020
|
-
{
|
|
2021
|
-
"name": "event",
|
|
2022
|
-
"description": "The change event from the checkbox input.",
|
|
2023
|
-
"type": {
|
|
2024
|
-
"text": "Event"
|
|
2025
|
-
}
|
|
2026
|
-
}
|
|
2027
|
-
],
|
|
2028
|
-
"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.",
|
|
1956
|
+
"kind": "field",
|
|
1957
|
+
"name": "componentHasFocus",
|
|
1958
|
+
"description": "Returns true if the element has focus.",
|
|
2029
1959
|
"privacy": "private",
|
|
2030
1960
|
"return": {
|
|
2031
1961
|
"type": {
|
|
2032
|
-
"text": "
|
|
1962
|
+
"text": "boolean"
|
|
2033
1963
|
}
|
|
1964
|
+
},
|
|
1965
|
+
"readonly": true,
|
|
1966
|
+
"inheritedFrom": {
|
|
1967
|
+
"name": "AuroElement",
|
|
1968
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2034
1969
|
}
|
|
2035
1970
|
},
|
|
2036
1971
|
{
|
|
2037
1972
|
"kind": "method",
|
|
2038
|
-
"name": "
|
|
2039
|
-
"
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
"description": "The input event from the checkbox input.",
|
|
2043
|
-
"type": {
|
|
2044
|
-
"text": "Event"
|
|
2045
|
-
}
|
|
2046
|
-
}
|
|
2047
|
-
],
|
|
2048
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2049
|
-
"privacy": "private",
|
|
2050
|
-
"return": {
|
|
2051
|
-
"type": {
|
|
2052
|
-
"text": "void"
|
|
2053
|
-
}
|
|
1973
|
+
"name": "resetShapeClasses",
|
|
1974
|
+
"inheritedFrom": {
|
|
1975
|
+
"name": "AuroElement",
|
|
1976
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2054
1977
|
}
|
|
2055
1978
|
},
|
|
2056
1979
|
{
|
|
2057
1980
|
"kind": "method",
|
|
2058
|
-
"name": "
|
|
2059
|
-
"
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
"type": {
|
|
2063
|
-
"text": "void"
|
|
2064
|
-
}
|
|
1981
|
+
"name": "resetLayoutClasses",
|
|
1982
|
+
"inheritedFrom": {
|
|
1983
|
+
"name": "AuroElement",
|
|
1984
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2065
1985
|
}
|
|
2066
1986
|
},
|
|
2067
1987
|
{
|
|
2068
1988
|
"kind": "method",
|
|
2069
|
-
"name": "
|
|
2070
|
-
"
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
1989
|
+
"name": "updateComponentArchitecture",
|
|
1990
|
+
"inheritedFrom": {
|
|
1991
|
+
"name": "AuroElement",
|
|
1992
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1993
|
+
}
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"kind": "field",
|
|
1997
|
+
"name": "shape",
|
|
1998
|
+
"privacy": "public",
|
|
1999
|
+
"type": {
|
|
2000
|
+
"text": "string"
|
|
2001
|
+
},
|
|
2002
|
+
"attribute": "shape",
|
|
2003
|
+
"reflects": true,
|
|
2004
|
+
"inheritedFrom": {
|
|
2005
|
+
"name": "AuroElement",
|
|
2006
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2007
|
+
}
|
|
2008
|
+
},
|
|
2009
|
+
{
|
|
2010
|
+
"kind": "field",
|
|
2011
|
+
"name": "size",
|
|
2012
|
+
"privacy": "public",
|
|
2013
|
+
"type": {
|
|
2014
|
+
"text": "string"
|
|
2015
|
+
},
|
|
2016
|
+
"attribute": "size",
|
|
2017
|
+
"reflects": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2076
2021
|
}
|
|
2077
|
-
}
|
|
2022
|
+
}
|
|
2023
|
+
],
|
|
2024
|
+
"events": [
|
|
2078
2025
|
{
|
|
2079
|
-
"
|
|
2080
|
-
"
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
"text": "void"
|
|
2085
|
-
}
|
|
2086
|
-
}
|
|
2026
|
+
"name": "inputValue",
|
|
2027
|
+
"type": {
|
|
2028
|
+
"text": "CustomEvent"
|
|
2029
|
+
},
|
|
2030
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2087
2031
|
},
|
|
2088
2032
|
{
|
|
2089
|
-
"
|
|
2090
|
-
"
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
"
|
|
2094
|
-
"type": {
|
|
2095
|
-
"text": "void"
|
|
2096
|
-
}
|
|
2097
|
-
}
|
|
2033
|
+
"name": "input",
|
|
2034
|
+
"type": {
|
|
2035
|
+
"text": "CustomEvent"
|
|
2036
|
+
},
|
|
2037
|
+
"description": "Notifies that the component has a new value set."
|
|
2098
2038
|
},
|
|
2099
2039
|
{
|
|
2100
|
-
"
|
|
2101
|
-
"
|
|
2102
|
-
|
|
2103
|
-
|
|
2104
|
-
|
|
2105
|
-
"description": "The keydown event from the checkbox input.",
|
|
2106
|
-
"type": {
|
|
2107
|
-
"text": "KeyboardEvent"
|
|
2108
|
-
}
|
|
2109
|
-
}
|
|
2110
|
-
],
|
|
2111
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2112
|
-
"privacy": "private",
|
|
2113
|
-
"return": {
|
|
2114
|
-
"type": {
|
|
2115
|
-
"text": "void"
|
|
2116
|
-
}
|
|
2117
|
-
}
|
|
2040
|
+
"name": "auroCombobox-valueSet",
|
|
2041
|
+
"type": {
|
|
2042
|
+
"text": "CustomEvent"
|
|
2043
|
+
},
|
|
2044
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2118
2045
|
},
|
|
2119
2046
|
{
|
|
2120
|
-
"
|
|
2047
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2048
|
+
"name": "auroFormElement-validated"
|
|
2049
|
+
}
|
|
2050
|
+
],
|
|
2051
|
+
"attributes": [
|
|
2052
|
+
{
|
|
2121
2053
|
"name": "appearance",
|
|
2122
|
-
"privacy": "public",
|
|
2123
2054
|
"type": {
|
|
2124
|
-
"text": "
|
|
2055
|
+
"text": "string"
|
|
2125
2056
|
},
|
|
2126
2057
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2127
2058
|
"default": "'default'",
|
|
2128
|
-
"
|
|
2129
|
-
"reflects": true
|
|
2059
|
+
"fieldName": "appearance"
|
|
2130
2060
|
},
|
|
2131
2061
|
{
|
|
2132
|
-
"
|
|
2133
|
-
"
|
|
2134
|
-
|
|
2062
|
+
"name": "autocomplete",
|
|
2063
|
+
"type": {
|
|
2064
|
+
"text": "string"
|
|
2065
|
+
},
|
|
2066
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2067
|
+
"fieldName": "autocomplete"
|
|
2068
|
+
},
|
|
2069
|
+
{
|
|
2070
|
+
"name": "autoPlacement",
|
|
2135
2071
|
"type": {
|
|
2136
2072
|
"text": "boolean"
|
|
2137
2073
|
},
|
|
2138
|
-
"description": "If
|
|
2139
|
-
"
|
|
2140
|
-
|
|
2074
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2075
|
+
"fieldName": "autoPlacement"
|
|
2076
|
+
},
|
|
2077
|
+
{
|
|
2078
|
+
"name": "availableOptions",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "array"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Array of available options to display in the dropdown.",
|
|
2083
|
+
"fieldName": "availableOptions"
|
|
2084
|
+
},
|
|
2085
|
+
{
|
|
2086
|
+
"name": "behavior",
|
|
2087
|
+
"type": {
|
|
2088
|
+
"text": "'filter' | 'suggestion'"
|
|
2089
|
+
},
|
|
2090
|
+
"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.",
|
|
2091
|
+
"default": "'suggestion'",
|
|
2092
|
+
"fieldName": "behavior"
|
|
2093
|
+
},
|
|
2094
|
+
{
|
|
2095
|
+
"name": "checkmark",
|
|
2096
|
+
"type": {
|
|
2097
|
+
"text": "boolean"
|
|
2098
|
+
},
|
|
2099
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2100
|
+
"fieldName": "checkmark"
|
|
2141
2101
|
},
|
|
2142
2102
|
{
|
|
2143
|
-
"kind": "field",
|
|
2144
2103
|
"name": "disabled",
|
|
2145
|
-
"privacy": "public",
|
|
2146
2104
|
"type": {
|
|
2147
2105
|
"text": "boolean"
|
|
2148
2106
|
},
|
|
2149
|
-
"description": "If set
|
|
2150
|
-
"
|
|
2151
|
-
"reflects": true
|
|
2107
|
+
"description": "If set, disables the combobox.",
|
|
2108
|
+
"fieldName": "disabled"
|
|
2152
2109
|
},
|
|
2153
2110
|
{
|
|
2154
|
-
"
|
|
2155
|
-
"name": "error",
|
|
2156
|
-
"privacy": "public",
|
|
2111
|
+
"name": "dvInputOnly",
|
|
2157
2112
|
"type": {
|
|
2158
2113
|
"text": "boolean"
|
|
2159
2114
|
},
|
|
2160
|
-
"description": "If
|
|
2161
|
-
"
|
|
2162
|
-
"reflects": true
|
|
2115
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2116
|
+
"fieldName": "dvInputOnly"
|
|
2163
2117
|
},
|
|
2164
2118
|
{
|
|
2165
|
-
"
|
|
2166
|
-
"name": "id",
|
|
2167
|
-
"privacy": "public",
|
|
2119
|
+
"name": "error",
|
|
2168
2120
|
"type": {
|
|
2169
2121
|
"text": "string"
|
|
2170
2122
|
},
|
|
2171
|
-
"description": "
|
|
2172
|
-
"
|
|
2123
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2124
|
+
"fieldName": "error"
|
|
2173
2125
|
},
|
|
2174
2126
|
{
|
|
2175
|
-
"
|
|
2176
|
-
"name": "inputId",
|
|
2177
|
-
"privacy": "private",
|
|
2127
|
+
"name": "format",
|
|
2178
2128
|
"type": {
|
|
2179
2129
|
"text": "string"
|
|
2180
2130
|
},
|
|
2181
|
-
"description": "
|
|
2131
|
+
"description": "Specifies the input mask format.",
|
|
2132
|
+
"fieldName": "format"
|
|
2182
2133
|
},
|
|
2183
2134
|
{
|
|
2184
|
-
"
|
|
2185
|
-
"name": "name",
|
|
2186
|
-
"privacy": "public",
|
|
2135
|
+
"name": "inputmode",
|
|
2187
2136
|
"type": {
|
|
2188
2137
|
"text": "string"
|
|
2189
2138
|
},
|
|
2190
|
-
"description": "
|
|
2191
|
-
"
|
|
2139
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2140
|
+
"fieldName": "inputmode"
|
|
2192
2141
|
},
|
|
2193
2142
|
{
|
|
2194
|
-
"
|
|
2195
|
-
"
|
|
2196
|
-
|
|
2143
|
+
"name": "layout",
|
|
2144
|
+
"type": {
|
|
2145
|
+
"text": "string"
|
|
2146
|
+
},
|
|
2147
|
+
"description": "Sets the layout of the combobox.",
|
|
2148
|
+
"default": "'classic'",
|
|
2149
|
+
"fieldName": "layout",
|
|
2150
|
+
"inheritedFrom": {
|
|
2151
|
+
"name": "AuroElement",
|
|
2152
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2153
|
+
}
|
|
2154
|
+
},
|
|
2155
|
+
{
|
|
2156
|
+
"name": "matchWidth",
|
|
2197
2157
|
"type": {
|
|
2198
2158
|
"text": "boolean"
|
|
2199
2159
|
},
|
|
2200
|
-
"description": "
|
|
2201
|
-
"
|
|
2202
|
-
"reflects": true
|
|
2160
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2161
|
+
"fieldName": "matchWidth"
|
|
2203
2162
|
},
|
|
2204
2163
|
{
|
|
2205
|
-
"
|
|
2206
|
-
"name": "touched",
|
|
2207
|
-
"privacy": "private",
|
|
2164
|
+
"name": "noFilter",
|
|
2208
2165
|
"type": {
|
|
2209
2166
|
"text": "boolean"
|
|
2210
2167
|
},
|
|
2211
|
-
"description": "
|
|
2168
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2169
|
+
"fieldName": "noFilter"
|
|
2212
2170
|
},
|
|
2213
2171
|
{
|
|
2214
|
-
"
|
|
2215
|
-
"name": "value",
|
|
2216
|
-
"privacy": "public",
|
|
2172
|
+
"name": "noFlip",
|
|
2217
2173
|
"type": {
|
|
2218
|
-
"text": "
|
|
2174
|
+
"text": "boolean"
|
|
2219
2175
|
},
|
|
2220
|
-
"description": "
|
|
2221
|
-
"
|
|
2176
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2177
|
+
"fieldName": "noFlip"
|
|
2222
2178
|
},
|
|
2223
2179
|
{
|
|
2224
|
-
"
|
|
2225
|
-
"name": "tabIndex",
|
|
2226
|
-
"privacy": "private",
|
|
2180
|
+
"name": "shift",
|
|
2227
2181
|
"type": {
|
|
2228
|
-
"text": "
|
|
2182
|
+
"text": "boolean"
|
|
2229
2183
|
},
|
|
2230
|
-
"description": "
|
|
2231
|
-
"
|
|
2232
|
-
"reflects": true
|
|
2184
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2185
|
+
"fieldName": "shift"
|
|
2233
2186
|
},
|
|
2234
2187
|
{
|
|
2235
|
-
"
|
|
2236
|
-
"name": "ariaChecked",
|
|
2237
|
-
"privacy": "private",
|
|
2188
|
+
"name": "noValidate",
|
|
2238
2189
|
"type": {
|
|
2239
|
-
"text": "
|
|
2190
|
+
"text": "boolean"
|
|
2240
2191
|
},
|
|
2241
|
-
"description": "
|
|
2242
|
-
"
|
|
2243
|
-
"reflects": true
|
|
2192
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2193
|
+
"fieldName": "noValidate"
|
|
2244
2194
|
},
|
|
2245
2195
|
{
|
|
2246
|
-
"
|
|
2247
|
-
"name": "ariaDisabled",
|
|
2248
|
-
"privacy": "private",
|
|
2196
|
+
"name": "offset",
|
|
2249
2197
|
"type": {
|
|
2250
|
-
"text": "
|
|
2198
|
+
"text": "number"
|
|
2251
2199
|
},
|
|
2252
|
-
"description": "
|
|
2253
|
-
"
|
|
2254
|
-
"
|
|
2200
|
+
"description": "Gap between the trigger element and bib.",
|
|
2201
|
+
"default": "0",
|
|
2202
|
+
"fieldName": "offset"
|
|
2255
2203
|
},
|
|
2256
2204
|
{
|
|
2257
|
-
"
|
|
2258
|
-
"name": "role",
|
|
2259
|
-
"privacy": "private",
|
|
2205
|
+
"name": "onDark",
|
|
2260
2206
|
"type": {
|
|
2261
|
-
"text": "
|
|
2207
|
+
"text": "boolean"
|
|
2262
2208
|
},
|
|
2263
|
-
"description": "
|
|
2264
|
-
"
|
|
2265
|
-
|
|
2266
|
-
}
|
|
2267
|
-
],
|
|
2268
|
-
"events": [
|
|
2209
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2210
|
+
"fieldName": "onDark"
|
|
2211
|
+
},
|
|
2269
2212
|
{
|
|
2270
|
-
"name": "
|
|
2213
|
+
"name": "optionSelected",
|
|
2271
2214
|
"type": {
|
|
2272
|
-
"text": "
|
|
2273
|
-
}
|
|
2215
|
+
"text": "HTMLElement"
|
|
2216
|
+
},
|
|
2217
|
+
"description": "Specifies the current selected option.",
|
|
2218
|
+
"fieldName": "optionSelected"
|
|
2274
2219
|
},
|
|
2275
2220
|
{
|
|
2276
|
-
"name": "
|
|
2221
|
+
"name": "persistInput",
|
|
2277
2222
|
"type": {
|
|
2278
|
-
"text": "
|
|
2279
|
-
}
|
|
2223
|
+
"text": "boolean"
|
|
2224
|
+
},
|
|
2225
|
+
"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.",
|
|
2226
|
+
"fieldName": "persistInput"
|
|
2227
|
+
},
|
|
2228
|
+
{
|
|
2229
|
+
"name": "placement",
|
|
2230
|
+
"type": {
|
|
2231
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2232
|
+
},
|
|
2233
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2234
|
+
"default": "'bottom-start'",
|
|
2235
|
+
"fieldName": "placement"
|
|
2280
2236
|
},
|
|
2281
2237
|
{
|
|
2282
|
-
"name": "
|
|
2238
|
+
"name": "placeholder",
|
|
2283
2239
|
"type": {
|
|
2284
|
-
"text": "
|
|
2285
|
-
}
|
|
2240
|
+
"text": "string"
|
|
2241
|
+
},
|
|
2242
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2243
|
+
"fieldName": "placeholder"
|
|
2286
2244
|
},
|
|
2287
2245
|
{
|
|
2246
|
+
"name": "required",
|
|
2288
2247
|
"type": {
|
|
2289
|
-
"text": "
|
|
2248
|
+
"text": "boolean"
|
|
2290
2249
|
},
|
|
2291
|
-
"description": "
|
|
2292
|
-
"
|
|
2250
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2251
|
+
"fieldName": "required"
|
|
2293
2252
|
},
|
|
2294
2253
|
{
|
|
2254
|
+
"name": "setCustomValidity",
|
|
2295
2255
|
"type": {
|
|
2296
|
-
"text": "
|
|
2256
|
+
"text": "string"
|
|
2297
2257
|
},
|
|
2298
|
-
"description": "
|
|
2299
|
-
"
|
|
2300
|
-
}
|
|
2301
|
-
],
|
|
2302
|
-
"attributes": [
|
|
2258
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2259
|
+
"fieldName": "setCustomValidity"
|
|
2260
|
+
},
|
|
2303
2261
|
{
|
|
2304
|
-
"name": "
|
|
2262
|
+
"name": "setCustomValidityCustomError",
|
|
2305
2263
|
"type": {
|
|
2306
|
-
"text": "
|
|
2264
|
+
"text": "string"
|
|
2307
2265
|
},
|
|
2308
|
-
"description": "
|
|
2309
|
-
"
|
|
2310
|
-
"fieldName": "appearance"
|
|
2266
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2267
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2311
2268
|
},
|
|
2312
2269
|
{
|
|
2313
|
-
"name": "
|
|
2270
|
+
"name": "setCustomValidityValueMissing",
|
|
2314
2271
|
"type": {
|
|
2315
|
-
"text": "
|
|
2272
|
+
"text": "string"
|
|
2316
2273
|
},
|
|
2317
|
-
"description": "
|
|
2318
|
-
"fieldName": "
|
|
2274
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2275
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2319
2276
|
},
|
|
2320
2277
|
{
|
|
2321
|
-
"name": "
|
|
2278
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2322
2279
|
"type": {
|
|
2323
|
-
"text": "
|
|
2280
|
+
"text": "string"
|
|
2324
2281
|
},
|
|
2325
|
-
"description": "
|
|
2326
|
-
"fieldName": "
|
|
2282
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2283
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2327
2284
|
},
|
|
2328
2285
|
{
|
|
2329
|
-
"name": "
|
|
2286
|
+
"name": "triggerIcon",
|
|
2330
2287
|
"type": {
|
|
2331
2288
|
"text": "boolean"
|
|
2332
2289
|
},
|
|
2333
|
-
"description": "If set
|
|
2334
|
-
"fieldName": "
|
|
2290
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2291
|
+
"fieldName": "triggerIcon"
|
|
2335
2292
|
},
|
|
2336
2293
|
{
|
|
2337
|
-
"name": "
|
|
2294
|
+
"name": "type",
|
|
2338
2295
|
"type": {
|
|
2339
2296
|
"text": "string"
|
|
2340
2297
|
},
|
|
2341
|
-
"description": "
|
|
2342
|
-
"fieldName": "
|
|
2298
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2299
|
+
"fieldName": "type"
|
|
2343
2300
|
},
|
|
2344
2301
|
{
|
|
2345
|
-
"name": "
|
|
2302
|
+
"name": "typedValue",
|
|
2346
2303
|
"type": {
|
|
2347
2304
|
"text": "string"
|
|
2348
2305
|
},
|
|
2349
|
-
"description": "
|
|
2350
|
-
"fieldName": "
|
|
2306
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2307
|
+
"fieldName": "typedValue"
|
|
2351
2308
|
},
|
|
2352
2309
|
{
|
|
2353
|
-
"name": "
|
|
2310
|
+
"name": "validity",
|
|
2354
2311
|
"type": {
|
|
2355
|
-
"text": "
|
|
2312
|
+
"text": "string"
|
|
2356
2313
|
},
|
|
2357
|
-
"description": "
|
|
2358
|
-
"fieldName": "
|
|
2314
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2315
|
+
"fieldName": "validity"
|
|
2359
2316
|
},
|
|
2360
2317
|
{
|
|
2361
2318
|
"name": "value",
|
|
2362
2319
|
"type": {
|
|
2363
2320
|
"text": "string"
|
|
2364
2321
|
},
|
|
2365
|
-
"description": "
|
|
2322
|
+
"description": "Value selected for the dropdown menu.",
|
|
2366
2323
|
"fieldName": "value"
|
|
2367
2324
|
},
|
|
2368
2325
|
{
|
|
2369
|
-
"name": "
|
|
2326
|
+
"name": "largeFullscreenHeadline",
|
|
2370
2327
|
"type": {
|
|
2371
|
-
"text": "
|
|
2328
|
+
"text": "boolean"
|
|
2372
2329
|
},
|
|
2373
|
-
"description": "
|
|
2374
|
-
"fieldName": "
|
|
2330
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2331
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2375
2332
|
},
|
|
2376
2333
|
{
|
|
2377
|
-
"name": "
|
|
2334
|
+
"name": "fullscreenBreakpoint",
|
|
2378
2335
|
"type": {
|
|
2379
|
-
"text": "
|
|
2336
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2380
2337
|
},
|
|
2381
|
-
"description": "
|
|
2382
|
-
"
|
|
2338
|
+
"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.",
|
|
2339
|
+
"default": "'sm'",
|
|
2340
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2383
2341
|
},
|
|
2384
2342
|
{
|
|
2385
|
-
"name": "
|
|
2343
|
+
"name": "shape",
|
|
2386
2344
|
"type": {
|
|
2387
2345
|
"text": "string"
|
|
2388
2346
|
},
|
|
2389
|
-
"
|
|
2390
|
-
"
|
|
2347
|
+
"fieldName": "shape",
|
|
2348
|
+
"inheritedFrom": {
|
|
2349
|
+
"name": "AuroElement",
|
|
2350
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2351
|
+
}
|
|
2391
2352
|
},
|
|
2392
2353
|
{
|
|
2393
|
-
"name": "
|
|
2354
|
+
"name": "size",
|
|
2394
2355
|
"type": {
|
|
2395
2356
|
"text": "string"
|
|
2396
2357
|
},
|
|
2397
|
-
"
|
|
2398
|
-
"
|
|
2358
|
+
"fieldName": "size",
|
|
2359
|
+
"inheritedFrom": {
|
|
2360
|
+
"name": "AuroElement",
|
|
2361
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2362
|
+
}
|
|
2363
|
+
},
|
|
2364
|
+
{
|
|
2365
|
+
"name": "ondark",
|
|
2366
|
+
"type": {
|
|
2367
|
+
"text": "boolean"
|
|
2368
|
+
},
|
|
2369
|
+
"fieldName": "onDark",
|
|
2370
|
+
"inheritedFrom": {
|
|
2371
|
+
"name": "AuroElement",
|
|
2372
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2373
|
+
}
|
|
2399
2374
|
}
|
|
2400
2375
|
],
|
|
2401
2376
|
"superclass": {
|
|
2402
|
-
"name": "
|
|
2403
|
-
"
|
|
2377
|
+
"name": "AuroElement",
|
|
2378
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2404
2379
|
},
|
|
2405
|
-
"tagName": "auro-
|
|
2380
|
+
"tagName": "auro-combobox",
|
|
2406
2381
|
"customElement": true
|
|
2407
2382
|
}
|
|
2408
2383
|
],
|
|
2409
2384
|
"exports": [
|
|
2410
2385
|
{
|
|
2411
2386
|
"kind": "js",
|
|
2412
|
-
"name": "
|
|
2387
|
+
"name": "AuroCombobox",
|
|
2413
2388
|
"declaration": {
|
|
2414
|
-
"name": "
|
|
2415
|
-
"module": "components/
|
|
2389
|
+
"name": "AuroCombobox",
|
|
2390
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2416
2391
|
}
|
|
2417
2392
|
}
|
|
2418
2393
|
]
|
|
2419
2394
|
},
|
|
2420
2395
|
{
|
|
2421
2396
|
"kind": "javascript-module",
|
|
2422
|
-
"path": "components/
|
|
2423
|
-
"declarations": [
|
|
2397
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2398
|
+
"declarations": [
|
|
2399
|
+
{
|
|
2400
|
+
"kind": "variable",
|
|
2401
|
+
"name": "comboboxKeyboardStrategy",
|
|
2402
|
+
"type": {
|
|
2403
|
+
"text": "object"
|
|
2404
|
+
},
|
|
2405
|
+
"default": "{ async Enter(component, evt, ctx) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. if (isClearBtnFocused(ctx)) { evt.stopPropagation(); return; } if (ctx.isExpanded && component.optionActive) { component.menu.makeSelection(); await component.updateComplete; evt.preventDefault(); evt.stopPropagation(); component.setClearBtnFocus(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Tab(component, _evt, ctx) { if (!ctx.isExpanded) { return; } if (ctx.isModal) { if (!ctx.activeInput) { return; } const clearBtn = getClearBtn(ctx); const clearBtnHasFocus = isClearBtnFocused(ctx, clearBtn); // Tab from input: if clear button exists and doesn't have focus, focus it if (clearBtn && !clearBtnHasFocus && ctx.activeInput.value) { // Force clear button container visible to work around Safari not // propagating :focus-within through shadow DOM boundaries, which // causes .wrapper:not(:focus-within) to hide .notification.clear. const clearContainer = clearBtn.closest('.clear'); if (clearContainer) { clearContainer.style.display = 'flex'; clearBtn.addEventListener('focusout', () => { // Delay cleanup so :focus-within settles when focus moves // to a sibling (e.g., Shift+Tab back to the input). requestAnimationFrame(() => { clearContainer.style.display = ''; }); }, { once: true }); } // Focus the native button inside auro-button so the browser // treats it as a real focusable element inside the dialog. const nativeBtn = clearBtn.shadowRoot && clearBtn.shadowRoot.querySelector('button'); if (nativeBtn) { nativeBtn.focus(); } else { clearBtn.focus(); } return; } // Tab from clear button (or no clear button / no value) → // select the highlighted option if any, then close if (component.optionActive) { component.menu.makeSelection(); } component.hideBib(); return; } // Non-fullscreen: select + close if (component.menu.optionActive && component.menu.optionActive.value) { component.menu.value = component.menu.optionActive.value; } component.hideBib(); }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'up'); } }, ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } if (component.availableOptions.length > 0) { component.showBib(); } // Read live visibility — ctx.isExpanded was computed before showBib() above, // so it wouldn't reflect the state change. if (component.dropdown.isPopoverVisible) { evt.preventDefault(); navigateArrow(component, 'down'); } }, }"
|
|
2406
|
+
}
|
|
2407
|
+
],
|
|
2424
2408
|
"exports": [
|
|
2425
2409
|
{
|
|
2426
2410
|
"kind": "js",
|
|
2427
|
-
"name": "
|
|
2411
|
+
"name": "comboboxKeyboardStrategy",
|
|
2428
2412
|
"declaration": {
|
|
2429
|
-
"name": "
|
|
2430
|
-
"module": "components/
|
|
2413
|
+
"name": "comboboxKeyboardStrategy",
|
|
2414
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2431
2415
|
}
|
|
2432
|
-
}
|
|
2416
|
+
}
|
|
2417
|
+
]
|
|
2418
|
+
},
|
|
2419
|
+
{
|
|
2420
|
+
"kind": "javascript-module",
|
|
2421
|
+
"path": "components/combobox/src/index.js",
|
|
2422
|
+
"declarations": [],
|
|
2423
|
+
"exports": [
|
|
2433
2424
|
{
|
|
2434
2425
|
"kind": "js",
|
|
2435
|
-
"name": "
|
|
2426
|
+
"name": "AuroCombobox",
|
|
2436
2427
|
"declaration": {
|
|
2437
|
-
"name": "
|
|
2438
|
-
"module": "components/
|
|
2428
|
+
"name": "AuroCombobox",
|
|
2429
|
+
"module": "components/combobox/src/index.js"
|
|
2439
2430
|
}
|
|
2440
2431
|
}
|
|
2441
2432
|
]
|
|
2442
2433
|
},
|
|
2443
2434
|
{
|
|
2444
2435
|
"kind": "javascript-module",
|
|
2445
|
-
"path": "components/
|
|
2436
|
+
"path": "components/combobox/src/registered.js",
|
|
2446
2437
|
"declarations": [],
|
|
2447
|
-
"exports": [
|
|
2438
|
+
"exports": [
|
|
2439
|
+
{
|
|
2440
|
+
"kind": "js",
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"declaration": {
|
|
2443
|
+
"name": "AuroCombobox",
|
|
2444
|
+
"module": "components/combobox/src/registered.js"
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
]
|
|
2448
2448
|
},
|
|
2449
2449
|
{
|
|
2450
2450
|
"kind": "javascript-module",
|
|
@@ -7039,6 +7039,30 @@
|
|
|
7039
7039
|
}
|
|
7040
7040
|
]
|
|
7041
7041
|
},
|
|
7042
|
+
{
|
|
7043
|
+
"kind": "javascript-module",
|
|
7044
|
+
"path": "components/datepicker/src/datepickerKeyboardStrategy.js",
|
|
7045
|
+
"declarations": [
|
|
7046
|
+
{
|
|
7047
|
+
"kind": "variable",
|
|
7048
|
+
"name": "datepickerKeyboardStrategy",
|
|
7049
|
+
"type": {
|
|
7050
|
+
"text": "object"
|
|
7051
|
+
},
|
|
7052
|
+
"default": "{ Enter(component, evt, ctx) { if (!ctx.isExpanded) { evt.preventDefault(); component.dropdown.show(); } }, Tab(component, _evt, ctx) { if (ctx.isExpanded && ctx.isModal) { component.dropdown.hide(); } }, }"
|
|
7053
|
+
}
|
|
7054
|
+
],
|
|
7055
|
+
"exports": [
|
|
7056
|
+
{
|
|
7057
|
+
"kind": "js",
|
|
7058
|
+
"name": "datepickerKeyboardStrategy",
|
|
7059
|
+
"declaration": {
|
|
7060
|
+
"name": "datepickerKeyboardStrategy",
|
|
7061
|
+
"module": "components/datepicker/src/datepickerKeyboardStrategy.js"
|
|
7062
|
+
}
|
|
7063
|
+
}
|
|
7064
|
+
]
|
|
7065
|
+
},
|
|
7042
7066
|
{
|
|
7043
7067
|
"kind": "javascript-module",
|
|
7044
7068
|
"path": "components/datepicker/src/iconVersion.js",
|
|
@@ -14471,6 +14495,25 @@
|
|
|
14471
14495
|
],
|
|
14472
14496
|
"description": "Selects options based on their value(s) when compared to a passed value or values.\nValue or values are normalized to an array of strings that can be matched to option keys."
|
|
14473
14497
|
},
|
|
14498
|
+
{
|
|
14499
|
+
"kind": "method",
|
|
14500
|
+
"name": "queuePendingValue",
|
|
14501
|
+
"parameters": [
|
|
14502
|
+
{
|
|
14503
|
+
"name": "value",
|
|
14504
|
+
"description": "The value to retry.",
|
|
14505
|
+
"type": {
|
|
14506
|
+
"text": "string|number|Array<string|number>"
|
|
14507
|
+
}
|
|
14508
|
+
}
|
|
14509
|
+
],
|
|
14510
|
+
"description": "Queues a pending value and schedules a bounded retry."
|
|
14511
|
+
},
|
|
14512
|
+
{
|
|
14513
|
+
"kind": "method",
|
|
14514
|
+
"name": "clearPendingValue",
|
|
14515
|
+
"description": "Clears pending retry state."
|
|
14516
|
+
},
|
|
14474
14517
|
{
|
|
14475
14518
|
"kind": "method",
|
|
14476
14519
|
"name": "reset",
|
|
@@ -14506,6 +14549,12 @@
|
|
|
14506
14549
|
{
|
|
14507
14550
|
"kind": "method",
|
|
14508
14551
|
"name": "stageUpdate",
|
|
14552
|
+
"parameters": [
|
|
14553
|
+
{
|
|
14554
|
+
"name": "meta",
|
|
14555
|
+
"default": "{}"
|
|
14556
|
+
}
|
|
14557
|
+
],
|
|
14509
14558
|
"description": "Stages an update to notify subscribers of state and value changes."
|
|
14510
14559
|
},
|
|
14511
14560
|
{
|
|
@@ -14525,11 +14574,23 @@
|
|
|
14525
14574
|
{
|
|
14526
14575
|
"kind": "method",
|
|
14527
14576
|
"name": "notifyStateChange",
|
|
14577
|
+
"parameters": [
|
|
14578
|
+
{
|
|
14579
|
+
"name": "meta",
|
|
14580
|
+
"default": "{}"
|
|
14581
|
+
}
|
|
14582
|
+
],
|
|
14528
14583
|
"description": "Notifies subscribers of a state change (selected options has changed)."
|
|
14529
14584
|
},
|
|
14530
14585
|
{
|
|
14531
14586
|
"kind": "method",
|
|
14532
14587
|
"name": "notifyValueChange",
|
|
14588
|
+
"parameters": [
|
|
14589
|
+
{
|
|
14590
|
+
"name": "meta",
|
|
14591
|
+
"default": "{}"
|
|
14592
|
+
}
|
|
14593
|
+
],
|
|
14533
14594
|
"description": "Notifies subscribers of a value change (current value has changed)."
|
|
14534
14595
|
},
|
|
14535
14596
|
{
|
|
@@ -14708,6 +14769,30 @@
|
|
|
14708
14769
|
"text": "array"
|
|
14709
14770
|
},
|
|
14710
14771
|
"default": "[]"
|
|
14772
|
+
},
|
|
14773
|
+
{
|
|
14774
|
+
"kind": "field",
|
|
14775
|
+
"name": "_pendingValue",
|
|
14776
|
+
"type": {
|
|
14777
|
+
"text": "null"
|
|
14778
|
+
},
|
|
14779
|
+
"default": "null"
|
|
14780
|
+
},
|
|
14781
|
+
{
|
|
14782
|
+
"kind": "field",
|
|
14783
|
+
"name": "_pendingRetryScheduled",
|
|
14784
|
+
"type": {
|
|
14785
|
+
"text": "boolean"
|
|
14786
|
+
},
|
|
14787
|
+
"default": "false"
|
|
14788
|
+
},
|
|
14789
|
+
{
|
|
14790
|
+
"kind": "field",
|
|
14791
|
+
"name": "_pendingRetryCount",
|
|
14792
|
+
"type": {
|
|
14793
|
+
"text": "number"
|
|
14794
|
+
},
|
|
14795
|
+
"default": "0"
|
|
14711
14796
|
}
|
|
14712
14797
|
]
|
|
14713
14798
|
},
|
|
@@ -14777,7 +14862,7 @@
|
|
|
14777
14862
|
"text": "Array<HTMLElement>"
|
|
14778
14863
|
}
|
|
14779
14864
|
},
|
|
14780
|
-
"deprecated": "
|
|
14865
|
+
"deprecated": "Use `options` property instead."
|
|
14781
14866
|
},
|
|
14782
14867
|
{
|
|
14783
14868
|
"kind": "field",
|
|
@@ -15035,7 +15120,7 @@
|
|
|
15035
15120
|
"name": "notifySelectionChange",
|
|
15036
15121
|
"parameters": [
|
|
15037
15122
|
{
|
|
15038
|
-
"name": "{value, stringValue, keys, options}",
|
|
15123
|
+
"name": "{value, stringValue, keys, options, reason}",
|
|
15039
15124
|
"default": "{}"
|
|
15040
15125
|
},
|
|
15041
15126
|
{
|
|
@@ -15288,7 +15373,7 @@
|
|
|
15288
15373
|
"type": {
|
|
15289
15374
|
"text": "array"
|
|
15290
15375
|
},
|
|
15291
|
-
"description": "Available menu options",
|
|
15376
|
+
"description": "Available menu options.",
|
|
15292
15377
|
"readonly": true
|
|
15293
15378
|
},
|
|
15294
15379
|
{
|