@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.12 → 0.0.0-pr1514.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/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/customize.min.js +1 -1
- package/components/checkbox/demo/getting-started.min.js +1 -1
- package/components/checkbox/demo/index.min.js +1 -1
- package/components/checkbox/dist/index.js +1 -1
- package/components/checkbox/dist/registered.js +1 -1
- package/components/combobox/demo/customize.min.js +97 -121
- package/components/combobox/demo/getting-started.min.js +97 -121
- package/components/combobox/demo/index.min.js +97 -121
- package/components/combobox/dist/index.js +96 -120
- package/components/combobox/dist/registered.js +96 -120
- package/components/counter/demo/customize.min.js +3 -11
- package/components/counter/demo/index.min.js +3 -11
- package/components/counter/dist/index.js +3 -11
- package/components/counter/dist/registered.js +3 -11
- package/components/datepicker/demo/customize.min.js +137 -271
- package/components/datepicker/demo/index.min.js +137 -271
- package/components/datepicker/dist/auro-calendar-cell.d.ts +0 -6
- package/components/datepicker/dist/auro-calendar.d.ts +7 -26
- package/components/datepicker/dist/index.js +137 -271
- package/components/datepicker/dist/registered.js +137 -271
- package/components/dropdown/demo/customize.min.js +1 -2
- package/components/dropdown/demo/getting-started.min.js +1 -2
- package/components/dropdown/demo/index.min.js +1 -2
- package/components/dropdown/dist/index.js +1 -2
- package/components/dropdown/dist/registered.js +1 -2
- package/components/form/demo/customize.min.js +396 -709
- package/components/form/demo/getting-started.min.js +396 -709
- package/components/form/demo/index.min.js +396 -709
- package/components/form/demo/registerDemoDeps.min.js +396 -709
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +93 -116
- package/components/input/demo/getting-started.min.js +93 -116
- package/components/input/demo/index.min.js +93 -116
- package/components/input/dist/base-input.d.ts +44 -33
- package/components/input/dist/index.js +94 -129
- package/components/input/dist/registered.js +93 -116
- package/components/radio/demo/customize.min.js +1 -1
- package/components/radio/demo/getting-started.min.js +1 -1
- package/components/radio/demo/index.min.js +1 -1
- package/components/radio/dist/index.js +1 -1
- package/components/radio/dist/registered.js +1 -1
- package/components/select/demo/customize.md +0 -86
- package/components/select/demo/customize.min.js +63 -187
- package/components/select/demo/getting-started.min.js +110 -189
- package/components/select/demo/index.min.js +63 -187
- package/components/select/demo/keyboard-behavior.md +4 -18
- package/components/select/dist/auro-select.d.ts +8 -20
- package/components/select/dist/index.js +63 -187
- package/components/select/dist/registered.js +63 -187
- package/custom-elements.json +1791 -1997
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,80 +267,34 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
275
|
+
"name": "AuroCheckboxGroup",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": ""
|
|
278
|
+
"description": "Allows for the legend to be overridden.",
|
|
279
|
+
"name": "legend"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
-
"type": {
|
|
283
|
-
"text": "HTMLSlotElement"
|
|
284
|
-
},
|
|
285
282
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
286
283
|
"name": "optionalLabel"
|
|
287
284
|
},
|
|
288
285
|
{
|
|
289
|
-
"description": "
|
|
290
|
-
"name": "ariaLabel.input.clear"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
-
"name": "ariaLabel.bib.close"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"description": "Defines the headline to display above menu-options",
|
|
298
|
-
"name": "bib.fullscreen.headline"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"description": "Defines the content of the label.",
|
|
302
|
-
"name": "label"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"description": "Defines the content of the helpText.",
|
|
286
|
+
"description": "Allows for the helper text to be overridden.",
|
|
306
287
|
"name": "helpText"
|
|
307
288
|
},
|
|
308
289
|
{
|
|
309
|
-
"description": "
|
|
310
|
-
"name": "
|
|
290
|
+
"description": "The default slot for the checkbox items.",
|
|
291
|
+
"name": "default"
|
|
311
292
|
}
|
|
312
293
|
],
|
|
313
294
|
"members": [
|
|
314
295
|
{
|
|
315
296
|
"kind": "method",
|
|
316
|
-
"name": "_initializeDefaults"
|
|
317
|
-
"privacy": "private",
|
|
318
|
-
"return": {
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "void"
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"kind": "field",
|
|
326
|
-
"name": "inputValue",
|
|
327
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
328
|
-
"return": {
|
|
329
|
-
"type": {
|
|
330
|
-
"text": "string|undefined"
|
|
331
|
-
}
|
|
332
|
-
},
|
|
333
|
-
"readonly": true
|
|
334
|
-
},
|
|
335
|
-
{
|
|
336
|
-
"kind": "method",
|
|
337
|
-
"name": "isValid",
|
|
338
|
-
"description": "Checks if the element is valid.",
|
|
339
|
-
"return": {
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "boolean"
|
|
342
|
-
}
|
|
343
|
-
}
|
|
297
|
+
"name": "_initializeDefaults"
|
|
344
298
|
},
|
|
345
299
|
{
|
|
346
300
|
"kind": "method",
|
|
@@ -349,7 +303,7 @@
|
|
|
349
303
|
"parameters": [
|
|
350
304
|
{
|
|
351
305
|
"name": "name",
|
|
352
|
-
"default": "
|
|
306
|
+
"default": "\"auro-checkbox-group\"",
|
|
353
307
|
"description": "The name of the element that you want to register.",
|
|
354
308
|
"optional": true,
|
|
355
309
|
"type": {
|
|
@@ -361,62 +315,24 @@
|
|
|
361
315
|
},
|
|
362
316
|
{
|
|
363
317
|
"kind": "method",
|
|
364
|
-
"name": "
|
|
365
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
366
|
-
"privacy": "private",
|
|
367
|
-
"return": {
|
|
368
|
-
"type": {
|
|
369
|
-
"text": "void"
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
},
|
|
373
|
-
{
|
|
374
|
-
"kind": "method",
|
|
375
|
-
"name": "activateLastEnabledAvailableOption",
|
|
376
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
377
|
-
"privacy": "private",
|
|
378
|
-
"return": {
|
|
379
|
-
"type": {
|
|
380
|
-
"text": "void"
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
},
|
|
384
|
-
{
|
|
385
|
-
"kind": "method",
|
|
386
|
-
"name": "updateFilter",
|
|
387
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
388
|
-
"privacy": "private"
|
|
389
|
-
},
|
|
390
|
-
{
|
|
391
|
-
"kind": "method",
|
|
392
|
-
"name": "syncValuesAndStates",
|
|
393
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
394
|
-
"privacy": "private",
|
|
395
|
-
"return": {
|
|
396
|
-
"type": {
|
|
397
|
-
"text": "void"
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"kind": "method",
|
|
403
|
-
"name": "updateTriggerTextDisplay",
|
|
318
|
+
"name": "handleValueUpdate",
|
|
404
319
|
"parameters": [
|
|
405
320
|
{
|
|
406
|
-
"name": "
|
|
407
|
-
"description": "The
|
|
321
|
+
"name": "value",
|
|
322
|
+
"description": "The value of the checkbox.",
|
|
408
323
|
"type": {
|
|
409
|
-
"text": "
|
|
324
|
+
"text": "String"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "selected",
|
|
329
|
+
"description": "The checked state of the checkbox.",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "Boolean"
|
|
410
332
|
}
|
|
411
333
|
}
|
|
412
334
|
],
|
|
413
|
-
"description": "
|
|
414
|
-
"privacy": "private"
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
"kind": "method",
|
|
418
|
-
"name": "handleMenuOptions",
|
|
419
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
335
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
420
336
|
"privacy": "private",
|
|
421
337
|
"return": {
|
|
422
338
|
"type": {
|
|
@@ -426,8 +342,8 @@
|
|
|
426
342
|
},
|
|
427
343
|
{
|
|
428
344
|
"kind": "method",
|
|
429
|
-
"name": "
|
|
430
|
-
"description": "
|
|
345
|
+
"name": "handlePreselectedItems",
|
|
346
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
431
347
|
"privacy": "private",
|
|
432
348
|
"return": {
|
|
433
349
|
"type": {
|
|
@@ -437,8 +353,9 @@
|
|
|
437
353
|
},
|
|
438
354
|
{
|
|
439
355
|
"kind": "method",
|
|
440
|
-
"name": "
|
|
441
|
-
"description": "
|
|
356
|
+
"name": "handleItems",
|
|
357
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
358
|
+
"privacy": "private",
|
|
442
359
|
"return": {
|
|
443
360
|
"type": {
|
|
444
361
|
"text": "void"
|
|
@@ -447,8 +364,8 @@
|
|
|
447
364
|
},
|
|
448
365
|
{
|
|
449
366
|
"kind": "method",
|
|
450
|
-
"name": "
|
|
451
|
-
"description": "
|
|
367
|
+
"name": "reset",
|
|
368
|
+
"description": "Resets component to initial state.",
|
|
452
369
|
"return": {
|
|
453
370
|
"type": {
|
|
454
371
|
"text": "void"
|
|
@@ -457,102 +374,325 @@
|
|
|
457
374
|
},
|
|
458
375
|
{
|
|
459
376
|
"kind": "method",
|
|
460
|
-
"name": "
|
|
461
|
-
"
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
"
|
|
377
|
+
"name": "validate",
|
|
378
|
+
"parameters": [
|
|
379
|
+
{
|
|
380
|
+
"name": "force",
|
|
381
|
+
"default": "false",
|
|
382
|
+
"description": "Whether to force validation.",
|
|
383
|
+
"optional": true,
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
}
|
|
466
387
|
}
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
{
|
|
470
|
-
"kind": "method",
|
|
471
|
-
"name": "setClearBtnFocus",
|
|
472
|
-
"privacy": "private"
|
|
388
|
+
],
|
|
389
|
+
"description": "Validates value."
|
|
473
390
|
},
|
|
474
391
|
{
|
|
475
|
-
"kind": "
|
|
476
|
-
"name": "
|
|
477
|
-
"privacy": "
|
|
392
|
+
"kind": "field",
|
|
393
|
+
"name": "appearance",
|
|
394
|
+
"privacy": "public",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "'default' | 'inverse'"
|
|
397
|
+
},
|
|
398
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
399
|
+
"default": "'default'",
|
|
400
|
+
"attribute": "appearance",
|
|
401
|
+
"reflects": true
|
|
478
402
|
},
|
|
479
403
|
{
|
|
480
|
-
"kind": "
|
|
481
|
-
"name": "
|
|
482
|
-
"privacy": "
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "disabled",
|
|
406
|
+
"privacy": "public",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "boolean"
|
|
409
|
+
},
|
|
410
|
+
"description": "If set, disables the checkbox group.",
|
|
411
|
+
"attribute": "disabled",
|
|
412
|
+
"reflects": true
|
|
483
413
|
},
|
|
484
414
|
{
|
|
485
|
-
"kind": "
|
|
486
|
-
"name": "
|
|
487
|
-
"
|
|
488
|
-
"
|
|
415
|
+
"kind": "field",
|
|
416
|
+
"name": "error",
|
|
417
|
+
"privacy": "public",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "string"
|
|
420
|
+
},
|
|
421
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
422
|
+
"attribute": "error",
|
|
423
|
+
"reflects": true
|
|
489
424
|
},
|
|
490
425
|
{
|
|
491
|
-
"kind": "
|
|
492
|
-
"name": "
|
|
493
|
-
"
|
|
494
|
-
"
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "horizontal",
|
|
428
|
+
"privacy": "public",
|
|
429
|
+
"type": {
|
|
430
|
+
"text": "boolean"
|
|
431
|
+
},
|
|
432
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
+
"attribute": "horizontal",
|
|
434
|
+
"reflects": true
|
|
495
435
|
},
|
|
496
436
|
{
|
|
497
|
-
"kind": "
|
|
498
|
-
"name": "
|
|
499
|
-
"
|
|
500
|
-
"
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
437
|
+
"kind": "field",
|
|
438
|
+
"name": "noValidate",
|
|
439
|
+
"privacy": "public",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "boolean"
|
|
442
|
+
},
|
|
443
|
+
"description": "If set, disables auto-validation on blur.",
|
|
444
|
+
"attribute": "noValidate",
|
|
445
|
+
"reflects": true
|
|
506
446
|
},
|
|
507
447
|
{
|
|
508
|
-
"kind": "
|
|
509
|
-
"name": "
|
|
510
|
-
"
|
|
511
|
-
"
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
448
|
+
"kind": "field",
|
|
449
|
+
"name": "onDark",
|
|
450
|
+
"privacy": "public",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "boolean"
|
|
453
|
+
},
|
|
454
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
+
"attribute": "onDark",
|
|
456
|
+
"reflects": true
|
|
517
457
|
},
|
|
518
458
|
{
|
|
519
|
-
"kind": "
|
|
520
|
-
"name": "
|
|
521
|
-
"
|
|
522
|
-
"
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
459
|
+
"kind": "field",
|
|
460
|
+
"name": "required",
|
|
461
|
+
"privacy": "public",
|
|
462
|
+
"type": {
|
|
463
|
+
"text": "boolean"
|
|
464
|
+
},
|
|
465
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
466
|
+
"attribute": "required",
|
|
467
|
+
"reflects": true
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"kind": "field",
|
|
471
|
+
"name": "setCustomValidity",
|
|
472
|
+
"privacy": "public",
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "string"
|
|
475
|
+
},
|
|
476
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
+
"attribute": "setCustomValidity"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "setCustomValidityCustomError",
|
|
482
|
+
"privacy": "public",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "string"
|
|
485
|
+
},
|
|
486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
+
"attribute": "setCustomValidityCustomError"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"kind": "field",
|
|
491
|
+
"name": "setCustomValidityValueMissing",
|
|
492
|
+
"privacy": "public",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "string"
|
|
495
|
+
},
|
|
496
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
+
"attribute": "setCustomValidityValueMissing"
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"kind": "field",
|
|
501
|
+
"name": "validity",
|
|
502
|
+
"privacy": "public",
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "string"
|
|
505
|
+
},
|
|
506
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
507
|
+
"attribute": "validity",
|
|
508
|
+
"reflects": true
|
|
509
|
+
}
|
|
510
|
+
],
|
|
511
|
+
"events": [
|
|
512
|
+
{
|
|
513
|
+
"name": "input",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "CustomEvent"
|
|
527
516
|
}
|
|
528
517
|
},
|
|
518
|
+
{
|
|
519
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
520
|
+
"name": "auroFormElement-validated"
|
|
521
|
+
}
|
|
522
|
+
],
|
|
523
|
+
"attributes": [
|
|
524
|
+
{
|
|
525
|
+
"name": "appearance",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "'default' | 'inverse'"
|
|
528
|
+
},
|
|
529
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
530
|
+
"default": "'default'",
|
|
531
|
+
"fieldName": "appearance"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "disabled",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "boolean"
|
|
537
|
+
},
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"name": "error",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "string"
|
|
545
|
+
},
|
|
546
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
+
"fieldName": "error"
|
|
548
|
+
},
|
|
549
|
+
{
|
|
550
|
+
"name": "horizontal",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "noValidate",
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "boolean"
|
|
561
|
+
},
|
|
562
|
+
"description": "If set, disables auto-validation on blur.",
|
|
563
|
+
"fieldName": "noValidate"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "onDark",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "boolean"
|
|
569
|
+
},
|
|
570
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
571
|
+
"fieldName": "onDark"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "required",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "boolean"
|
|
577
|
+
},
|
|
578
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
+
"fieldName": "required"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "setCustomValidity",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "string"
|
|
585
|
+
},
|
|
586
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
+
"fieldName": "setCustomValidity"
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "setCustomValidityCustomError",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "string"
|
|
593
|
+
},
|
|
594
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
+
"fieldName": "setCustomValidityCustomError"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "setCustomValidityValueMissing",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "string"
|
|
601
|
+
},
|
|
602
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "validity",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "string"
|
|
609
|
+
},
|
|
610
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
+
"fieldName": "validity"
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"superclass": {
|
|
615
|
+
"name": "LitElement",
|
|
616
|
+
"package": "lit"
|
|
617
|
+
},
|
|
618
|
+
"tagName": "auro-checkbox-group",
|
|
619
|
+
"customElement": true
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"exports": [
|
|
623
|
+
{
|
|
624
|
+
"kind": "js",
|
|
625
|
+
"name": "AuroCheckboxGroup",
|
|
626
|
+
"declaration": {
|
|
627
|
+
"name": "AuroCheckboxGroup",
|
|
628
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "javascript-module",
|
|
635
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
+
"declarations": [
|
|
637
|
+
{
|
|
638
|
+
"kind": "class",
|
|
639
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
+
"name": "AuroCheckbox",
|
|
641
|
+
"cssParts": [
|
|
642
|
+
{
|
|
643
|
+
"description": "apply css to a specific checkbox.",
|
|
644
|
+
"name": "checkbox"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "apply css to a specific checkbox's input.",
|
|
648
|
+
"name": "checkbox-input"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"description": "apply css to a specific checkbox's label.",
|
|
652
|
+
"name": "checkbox-label"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"slots": [
|
|
656
|
+
{
|
|
657
|
+
"description": "The default slot for the checkbox label.",
|
|
658
|
+
"name": "default"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"members": [
|
|
529
662
|
{
|
|
530
663
|
"kind": "method",
|
|
531
|
-
"name": "
|
|
664
|
+
"name": "_initializeDefaults"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "method",
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
532
670
|
"parameters": [
|
|
533
671
|
{
|
|
534
|
-
"name": "
|
|
535
|
-
"
|
|
536
|
-
"
|
|
537
|
-
|
|
538
|
-
}
|
|
539
|
-
},
|
|
540
|
-
{
|
|
541
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
542
|
-
"name": "event.detail.loading",
|
|
672
|
+
"name": "name",
|
|
673
|
+
"default": "\"auro-checkbox\"",
|
|
674
|
+
"description": "The name of element that you want to register to.",
|
|
675
|
+
"optional": true,
|
|
543
676
|
"type": {
|
|
544
|
-
"text": "
|
|
677
|
+
"text": "string"
|
|
545
678
|
}
|
|
546
|
-
}
|
|
679
|
+
}
|
|
680
|
+
],
|
|
681
|
+
"description": "This will register this element with the browser."
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"kind": "method",
|
|
685
|
+
"name": "handleChange",
|
|
686
|
+
"parameters": [
|
|
547
687
|
{
|
|
548
|
-
"
|
|
549
|
-
"
|
|
688
|
+
"name": "event",
|
|
689
|
+
"description": "The change event from the checkbox input.",
|
|
550
690
|
"type": {
|
|
551
|
-
"text": "
|
|
691
|
+
"text": "Event"
|
|
552
692
|
}
|
|
553
693
|
}
|
|
554
694
|
],
|
|
555
|
-
"description": "
|
|
695
|
+
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
556
696
|
"privacy": "private",
|
|
557
697
|
"return": {
|
|
558
698
|
"type": {
|
|
@@ -562,17 +702,17 @@
|
|
|
562
702
|
},
|
|
563
703
|
{
|
|
564
704
|
"kind": "method",
|
|
565
|
-
"name": "
|
|
705
|
+
"name": "handleInput",
|
|
566
706
|
"parameters": [
|
|
567
707
|
{
|
|
568
708
|
"name": "event",
|
|
569
|
-
"description": "The input event
|
|
709
|
+
"description": "The input event from the checkbox input.",
|
|
570
710
|
"type": {
|
|
571
711
|
"text": "Event"
|
|
572
712
|
}
|
|
573
713
|
}
|
|
574
714
|
],
|
|
575
|
-
"description": "
|
|
715
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
576
716
|
"privacy": "private",
|
|
577
717
|
"return": {
|
|
578
718
|
"type": {
|
|
@@ -582,8 +722,8 @@
|
|
|
582
722
|
},
|
|
583
723
|
{
|
|
584
724
|
"kind": "method",
|
|
585
|
-
"name": "
|
|
586
|
-
"description": "
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
587
727
|
"privacy": "private",
|
|
588
728
|
"return": {
|
|
589
729
|
"type": {
|
|
@@ -593,30 +733,12 @@
|
|
|
593
733
|
},
|
|
594
734
|
{
|
|
595
735
|
"kind": "method",
|
|
596
|
-
"name": "
|
|
597
|
-
"description": "
|
|
598
|
-
"
|
|
599
|
-
"type": {
|
|
600
|
-
"text": "void"
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"kind": "method",
|
|
606
|
-
"name": "setMenuValue",
|
|
607
|
-
"parameters": [
|
|
608
|
-
{
|
|
609
|
-
"name": "value",
|
|
610
|
-
"description": "The value to set on the menu.",
|
|
611
|
-
"type": {
|
|
612
|
-
"text": "string"
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
],
|
|
616
|
-
"description": "Sets the menu value if menu is available.",
|
|
736
|
+
"name": "generateIconHtml",
|
|
737
|
+
"description": "Function to generate checkmark svg.",
|
|
738
|
+
"privacy": "private",
|
|
617
739
|
"return": {
|
|
618
740
|
"type": {
|
|
619
|
-
"text": "
|
|
741
|
+
"text": "HTMLElement"
|
|
620
742
|
}
|
|
621
743
|
}
|
|
622
744
|
},
|
|
@@ -632,57 +754,8 @@
|
|
|
632
754
|
},
|
|
633
755
|
{
|
|
634
756
|
"kind": "method",
|
|
635
|
-
"name": "
|
|
636
|
-
"description": "
|
|
637
|
-
"return": {
|
|
638
|
-
"type": {
|
|
639
|
-
"text": "void"
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
},
|
|
643
|
-
{
|
|
644
|
-
"kind": "method",
|
|
645
|
-
"name": "validate",
|
|
646
|
-
"parameters": [
|
|
647
|
-
{
|
|
648
|
-
"name": "force",
|
|
649
|
-
"default": "false",
|
|
650
|
-
"description": "Whether to force validation.",
|
|
651
|
-
"optional": true,
|
|
652
|
-
"type": {
|
|
653
|
-
"text": "boolean"
|
|
654
|
-
}
|
|
655
|
-
}
|
|
656
|
-
],
|
|
657
|
-
"description": "Validates value."
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"kind": "method",
|
|
661
|
-
"name": "transportAssignedNodes",
|
|
662
|
-
"parameters": [
|
|
663
|
-
{
|
|
664
|
-
"name": "slot",
|
|
665
|
-
"description": "The slot element containing the nodes to apply.",
|
|
666
|
-
"type": {
|
|
667
|
-
"text": "HTMLSlotElement"
|
|
668
|
-
}
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"name": "target",
|
|
672
|
-
"description": "The target element to apply the nodes to.",
|
|
673
|
-
"type": {
|
|
674
|
-
"text": "HTMLElement"
|
|
675
|
-
}
|
|
676
|
-
},
|
|
677
|
-
{
|
|
678
|
-
"name": "newSlotName",
|
|
679
|
-
"description": "The new slot name for the applied nodes.",
|
|
680
|
-
"type": {
|
|
681
|
-
"text": "string"
|
|
682
|
-
}
|
|
683
|
-
}
|
|
684
|
-
],
|
|
685
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
686
759
|
"privacy": "private",
|
|
687
760
|
"return": {
|
|
688
761
|
"type": {
|
|
@@ -692,1037 +765,637 @@
|
|
|
692
765
|
},
|
|
693
766
|
{
|
|
694
767
|
"kind": "method",
|
|
695
|
-
"name": "
|
|
696
|
-
"parameters": [
|
|
697
|
-
{
|
|
698
|
-
"name": "index",
|
|
699
|
-
"description": "Index of the option to make active.",
|
|
700
|
-
"type": {
|
|
701
|
-
"text": "number"
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
],
|
|
705
|
-
"description": "Updates the active option in the menu."
|
|
706
|
-
},
|
|
707
|
-
{
|
|
708
|
-
"kind": "method",
|
|
709
|
-
"name": "handleSlotChange",
|
|
768
|
+
"name": "handleKeyDown",
|
|
710
769
|
"parameters": [
|
|
711
770
|
{
|
|
712
771
|
"name": "event",
|
|
713
|
-
"description": "
|
|
772
|
+
"description": "The keydown event from the checkbox input.",
|
|
714
773
|
"type": {
|
|
715
|
-
"text": "
|
|
774
|
+
"text": "KeyboardEvent"
|
|
716
775
|
}
|
|
717
|
-
}
|
|
718
|
-
],
|
|
719
|
-
"description": "
|
|
720
|
-
"privacy": "private",
|
|
721
|
-
"return": {
|
|
722
|
-
"type": {
|
|
723
|
-
"text": "void"
|
|
724
|
-
}
|
|
725
|
-
}
|
|
726
|
-
},
|
|
727
|
-
{
|
|
728
|
-
"kind": "field",
|
|
729
|
-
"name": "appearance",
|
|
730
|
-
"privacy": "public",
|
|
731
|
-
"type": {
|
|
732
|
-
"text": "string"
|
|
733
|
-
},
|
|
734
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
735
|
-
"default": "'default'",
|
|
736
|
-
"attribute": "appearance",
|
|
737
|
-
"reflects": true
|
|
738
|
-
},
|
|
739
|
-
{
|
|
740
|
-
"kind": "field",
|
|
741
|
-
"name": "autocomplete",
|
|
742
|
-
"privacy": "public",
|
|
743
|
-
"type": {
|
|
744
|
-
"text": "string"
|
|
745
|
-
},
|
|
746
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
747
|
-
"attribute": "autocomplete",
|
|
748
|
-
"reflects": true
|
|
749
|
-
},
|
|
750
|
-
{
|
|
751
|
-
"kind": "field",
|
|
752
|
-
"name": "autoPlacement",
|
|
753
|
-
"privacy": "public",
|
|
754
|
-
"type": {
|
|
755
|
-
"text": "boolean"
|
|
756
|
-
},
|
|
757
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
758
|
-
"attribute": "autoPlacement",
|
|
759
|
-
"reflects": true
|
|
760
|
-
},
|
|
761
|
-
{
|
|
762
|
-
"kind": "field",
|
|
763
|
-
"name": "availableOptions",
|
|
764
|
-
"privacy": "private",
|
|
765
|
-
"type": {
|
|
766
|
-
"text": "array"
|
|
767
|
-
},
|
|
768
|
-
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
769
|
-
"attribute": "availableOptions"
|
|
770
|
-
},
|
|
771
|
-
{
|
|
772
|
-
"kind": "field",
|
|
773
|
-
"name": "behavior",
|
|
774
|
-
"privacy": "public",
|
|
775
|
-
"type": {
|
|
776
|
-
"text": "'filter' | 'suggestion'"
|
|
777
|
-
},
|
|
778
|
-
"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.",
|
|
779
|
-
"default": "'suggestion'",
|
|
780
|
-
"attribute": "behavior",
|
|
781
|
-
"reflects": true
|
|
782
|
-
},
|
|
783
|
-
{
|
|
784
|
-
"kind": "field",
|
|
785
|
-
"name": "checkmark",
|
|
786
|
-
"privacy": "public",
|
|
787
|
-
"type": {
|
|
788
|
-
"text": "boolean"
|
|
789
|
-
},
|
|
790
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
791
|
-
"attribute": "checkmark",
|
|
792
|
-
"reflects": true
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"kind": "field",
|
|
796
|
-
"name": "disabled",
|
|
797
|
-
"privacy": "public",
|
|
798
|
-
"type": {
|
|
799
|
-
"text": "boolean"
|
|
800
|
-
},
|
|
801
|
-
"description": "If set, disables the combobox.",
|
|
802
|
-
"attribute": "disabled",
|
|
803
|
-
"reflects": true
|
|
804
|
-
},
|
|
805
|
-
{
|
|
806
|
-
"kind": "field",
|
|
807
|
-
"name": "dropdownId",
|
|
808
|
-
"privacy": "private",
|
|
809
|
-
"type": {
|
|
810
|
-
"text": "string"
|
|
811
|
-
},
|
|
812
|
-
"description": "ID for the dropdown."
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"kind": "field",
|
|
816
|
-
"name": "dropdownOpen",
|
|
817
|
-
"privacy": "private",
|
|
818
|
-
"type": {
|
|
819
|
-
"text": "boolean"
|
|
820
|
-
},
|
|
821
|
-
"description": "Whether or not the dropdown is open."
|
|
822
|
-
},
|
|
823
|
-
{
|
|
824
|
-
"kind": "field",
|
|
825
|
-
"name": "dvInputOnly",
|
|
826
|
-
"privacy": "public",
|
|
827
|
-
"type": {
|
|
828
|
-
"text": "boolean"
|
|
829
|
-
},
|
|
830
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
831
|
-
"attribute": "dvInputOnly",
|
|
832
|
-
"reflects": true
|
|
833
|
-
},
|
|
834
|
-
{
|
|
835
|
-
"kind": "field",
|
|
836
|
-
"name": "error",
|
|
837
|
-
"privacy": "public",
|
|
838
|
-
"type": {
|
|
839
|
-
"text": "string"
|
|
840
|
-
},
|
|
841
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
842
|
-
"attribute": "error",
|
|
843
|
-
"reflects": true
|
|
844
|
-
},
|
|
845
|
-
{
|
|
846
|
-
"kind": "field",
|
|
847
|
-
"name": "format",
|
|
848
|
-
"privacy": "public",
|
|
849
|
-
"type": {
|
|
850
|
-
"text": "string"
|
|
851
|
-
},
|
|
852
|
-
"description": "Specifies the input mask format.",
|
|
853
|
-
"attribute": "format",
|
|
854
|
-
"reflects": true
|
|
855
|
-
},
|
|
856
|
-
{
|
|
857
|
-
"kind": "field",
|
|
858
|
-
"name": "inputmode",
|
|
859
|
-
"privacy": "public",
|
|
860
|
-
"type": {
|
|
861
|
-
"text": "string"
|
|
862
|
-
},
|
|
863
|
-
"description": "Exposes inputmode attribute for input.",
|
|
864
|
-
"attribute": "inputmode",
|
|
865
|
-
"reflects": true
|
|
866
|
-
},
|
|
867
|
-
{
|
|
868
|
-
"kind": "field",
|
|
869
|
-
"name": "layout",
|
|
870
|
-
"privacy": "public",
|
|
871
|
-
"type": {
|
|
872
|
-
"text": "string"
|
|
873
|
-
},
|
|
874
|
-
"description": "Sets the layout of the combobox.",
|
|
875
|
-
"default": "'classic'",
|
|
876
|
-
"attribute": "layout",
|
|
877
|
-
"reflects": true,
|
|
878
|
-
"inheritedFrom": {
|
|
879
|
-
"name": "AuroElement",
|
|
880
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
881
|
-
}
|
|
882
|
-
},
|
|
883
|
-
{
|
|
884
|
-
"kind": "field",
|
|
885
|
-
"name": "matchWidth",
|
|
886
|
-
"privacy": "private",
|
|
887
|
-
"type": {
|
|
888
|
-
"text": "boolean"
|
|
889
|
-
},
|
|
890
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
891
|
-
"attribute": "matchWidth",
|
|
892
|
-
"reflects": true
|
|
893
|
-
},
|
|
894
|
-
{
|
|
895
|
-
"kind": "field",
|
|
896
|
-
"name": "noFilter",
|
|
897
|
-
"privacy": "public",
|
|
898
|
-
"type": {
|
|
899
|
-
"text": "boolean"
|
|
900
|
-
},
|
|
901
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
902
|
-
"attribute": "noFilter",
|
|
903
|
-
"reflects": true
|
|
904
|
-
},
|
|
905
|
-
{
|
|
906
|
-
"kind": "field",
|
|
907
|
-
"name": "noFlip",
|
|
908
|
-
"privacy": "public",
|
|
909
|
-
"type": {
|
|
910
|
-
"text": "boolean"
|
|
911
|
-
},
|
|
912
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
913
|
-
"attribute": "noFlip",
|
|
914
|
-
"reflects": true
|
|
915
|
-
},
|
|
916
|
-
{
|
|
917
|
-
"kind": "field",
|
|
918
|
-
"name": "shift",
|
|
919
|
-
"privacy": "public",
|
|
920
|
-
"type": {
|
|
921
|
-
"text": "boolean"
|
|
922
|
-
},
|
|
923
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
924
|
-
"attribute": "shift",
|
|
925
|
-
"reflects": true
|
|
926
|
-
},
|
|
927
|
-
{
|
|
928
|
-
"kind": "field",
|
|
929
|
-
"name": "noValidate",
|
|
930
|
-
"privacy": "public",
|
|
931
|
-
"type": {
|
|
932
|
-
"text": "boolean"
|
|
933
|
-
},
|
|
934
|
-
"description": "If set, disables auto-validation on blur.",
|
|
935
|
-
"attribute": "noValidate",
|
|
936
|
-
"reflects": true
|
|
937
|
-
},
|
|
938
|
-
{
|
|
939
|
-
"kind": "field",
|
|
940
|
-
"name": "offset",
|
|
941
|
-
"privacy": "public",
|
|
942
|
-
"type": {
|
|
943
|
-
"text": "number"
|
|
944
|
-
},
|
|
945
|
-
"description": "Gap between the trigger element and bib.",
|
|
946
|
-
"default": "0",
|
|
947
|
-
"attribute": "offset",
|
|
948
|
-
"reflects": true
|
|
949
|
-
},
|
|
950
|
-
{
|
|
951
|
-
"kind": "field",
|
|
952
|
-
"name": "onDark",
|
|
953
|
-
"privacy": "public",
|
|
954
|
-
"type": {
|
|
955
|
-
"text": "boolean"
|
|
956
|
-
},
|
|
957
|
-
"attribute": "onDark",
|
|
958
|
-
"reflects": true,
|
|
959
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
960
|
-
"inheritedFrom": {
|
|
961
|
-
"name": "AuroElement",
|
|
962
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
963
|
-
}
|
|
964
|
-
},
|
|
965
|
-
{
|
|
966
|
-
"kind": "field",
|
|
967
|
-
"name": "optionSelected",
|
|
968
|
-
"privacy": "public",
|
|
969
|
-
"type": {
|
|
970
|
-
"text": "HTMLElement"
|
|
971
|
-
},
|
|
972
|
-
"description": "Specifies the current selected option.",
|
|
973
|
-
"attribute": "optionSelected"
|
|
974
|
-
},
|
|
975
|
-
{
|
|
976
|
-
"kind": "field",
|
|
977
|
-
"name": "persistInput",
|
|
978
|
-
"privacy": "public",
|
|
979
|
-
"type": {
|
|
980
|
-
"text": "boolean"
|
|
981
|
-
},
|
|
982
|
-
"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.",
|
|
983
|
-
"attribute": "persistInput",
|
|
984
|
-
"reflects": true
|
|
985
|
-
},
|
|
986
|
-
{
|
|
987
|
-
"kind": "field",
|
|
988
|
-
"name": "placement",
|
|
989
|
-
"privacy": "public",
|
|
990
|
-
"type": {
|
|
991
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
992
|
-
},
|
|
993
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
994
|
-
"default": "'bottom-start'",
|
|
995
|
-
"attribute": "placement",
|
|
996
|
-
"reflects": true
|
|
997
|
-
},
|
|
998
|
-
{
|
|
999
|
-
"kind": "field",
|
|
1000
|
-
"name": "placeholder",
|
|
1001
|
-
"privacy": "public",
|
|
1002
|
-
"type": {
|
|
1003
|
-
"text": "string"
|
|
1004
|
-
},
|
|
1005
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1006
|
-
"attribute": "placeholder",
|
|
1007
|
-
"reflects": true
|
|
1008
|
-
},
|
|
1009
|
-
{
|
|
1010
|
-
"kind": "field",
|
|
1011
|
-
"name": "required",
|
|
1012
|
-
"privacy": "public",
|
|
1013
|
-
"type": {
|
|
1014
|
-
"text": "boolean"
|
|
1015
|
-
},
|
|
1016
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1017
|
-
"attribute": "required",
|
|
1018
|
-
"reflects": true
|
|
1019
|
-
},
|
|
1020
|
-
{
|
|
1021
|
-
"kind": "field",
|
|
1022
|
-
"name": "setCustomValidity",
|
|
1023
|
-
"privacy": "public",
|
|
1024
|
-
"type": {
|
|
1025
|
-
"text": "string"
|
|
1026
|
-
},
|
|
1027
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1028
|
-
"attribute": "setCustomValidity"
|
|
1029
|
-
},
|
|
1030
|
-
{
|
|
1031
|
-
"kind": "field",
|
|
1032
|
-
"name": "setCustomValidityCustomError",
|
|
1033
|
-
"privacy": "public",
|
|
1034
|
-
"type": {
|
|
1035
|
-
"text": "string"
|
|
1036
|
-
},
|
|
1037
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1038
|
-
"attribute": "setCustomValidityCustomError"
|
|
1039
|
-
},
|
|
1040
|
-
{
|
|
1041
|
-
"kind": "field",
|
|
1042
|
-
"name": "setCustomValidityValueMissing",
|
|
1043
|
-
"privacy": "public",
|
|
1044
|
-
"type": {
|
|
1045
|
-
"text": "string"
|
|
1046
|
-
},
|
|
1047
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1048
|
-
"attribute": "setCustomValidityValueMissing"
|
|
1049
|
-
},
|
|
1050
|
-
{
|
|
1051
|
-
"kind": "field",
|
|
1052
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1053
|
-
"privacy": "public",
|
|
1054
|
-
"type": {
|
|
1055
|
-
"text": "string"
|
|
1056
|
-
},
|
|
1057
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1058
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1059
|
-
},
|
|
1060
|
-
{
|
|
1061
|
-
"kind": "field",
|
|
1062
|
-
"name": "touched",
|
|
1063
|
-
"privacy": "private",
|
|
1064
|
-
"type": {
|
|
1065
|
-
"text": "boolean"
|
|
1066
|
-
},
|
|
1067
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1068
|
-
},
|
|
1069
|
-
{
|
|
1070
|
-
"kind": "field",
|
|
1071
|
-
"name": "triggerIcon",
|
|
1072
|
-
"privacy": "public",
|
|
1073
|
-
"type": {
|
|
1074
|
-
"text": "boolean"
|
|
1075
|
-
},
|
|
1076
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1077
|
-
"attribute": "triggerIcon",
|
|
1078
|
-
"reflects": true
|
|
1079
|
-
},
|
|
1080
|
-
{
|
|
1081
|
-
"kind": "field",
|
|
1082
|
-
"name": "type",
|
|
1083
|
-
"privacy": "public",
|
|
1084
|
-
"type": {
|
|
1085
|
-
"text": "string"
|
|
1086
|
-
},
|
|
1087
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1088
|
-
"attribute": "type",
|
|
1089
|
-
"reflects": true
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"kind": "field",
|
|
1093
|
-
"name": "typedValue",
|
|
1094
|
-
"privacy": "public",
|
|
1095
|
-
"type": {
|
|
1096
|
-
"text": "string"
|
|
1097
|
-
},
|
|
1098
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1099
|
-
"attribute": "typedValue",
|
|
1100
|
-
"reflects": true
|
|
1101
|
-
},
|
|
1102
|
-
{
|
|
1103
|
-
"kind": "field",
|
|
1104
|
-
"name": "validity",
|
|
1105
|
-
"privacy": "public",
|
|
1106
|
-
"type": {
|
|
1107
|
-
"text": "string"
|
|
1108
|
-
},
|
|
1109
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1110
|
-
"attribute": "validity",
|
|
1111
|
-
"reflects": true
|
|
1112
|
-
},
|
|
1113
|
-
{
|
|
1114
|
-
"kind": "field",
|
|
1115
|
-
"name": "value",
|
|
1116
|
-
"privacy": "public",
|
|
1117
|
-
"type": {
|
|
1118
|
-
"text": "string"
|
|
1119
|
-
},
|
|
1120
|
-
"description": "Value selected for the dropdown menu.",
|
|
1121
|
-
"attribute": "value"
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"kind": "field",
|
|
1125
|
-
"name": "largeFullscreenHeadline",
|
|
1126
|
-
"privacy": "public",
|
|
1127
|
-
"type": {
|
|
1128
|
-
"text": "boolean"
|
|
1129
|
-
},
|
|
1130
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1131
|
-
"attribute": "largeFullscreenHeadline",
|
|
1132
|
-
"reflects": true
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"kind": "field",
|
|
1136
|
-
"name": "fullscreenBreakpoint",
|
|
1137
|
-
"privacy": "public",
|
|
1138
|
-
"type": {
|
|
1139
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1140
|
-
},
|
|
1141
|
-
"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.",
|
|
1142
|
-
"default": "'sm'",
|
|
1143
|
-
"attribute": "fullscreenBreakpoint",
|
|
1144
|
-
"reflects": true
|
|
1145
|
-
},
|
|
1146
|
-
{
|
|
1147
|
-
"kind": "field",
|
|
1148
|
-
"name": "optionActive",
|
|
1149
|
-
"privacy": "private",
|
|
1150
|
-
"type": {
|
|
1151
|
-
"text": "object"
|
|
1152
|
-
},
|
|
1153
|
-
"description": "Specifies the currently active option."
|
|
1154
|
-
},
|
|
1155
|
-
{
|
|
1156
|
-
"kind": "field",
|
|
1157
|
-
"name": "triggerExpandedState",
|
|
1158
|
-
"privacy": "private",
|
|
1159
|
-
"type": {
|
|
1160
|
-
"text": "boolean"
|
|
1161
|
-
},
|
|
1162
|
-
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"kind": "field",
|
|
1166
|
-
"name": "componentHasFocus",
|
|
1167
|
-
"description": "Returns true if the element has focus.",
|
|
1168
|
-
"privacy": "private",
|
|
1169
|
-
"return": {
|
|
1170
|
-
"type": {
|
|
1171
|
-
"text": "boolean"
|
|
1172
|
-
}
|
|
1173
|
-
},
|
|
1174
|
-
"readonly": true,
|
|
1175
|
-
"inheritedFrom": {
|
|
1176
|
-
"name": "AuroElement",
|
|
1177
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1178
|
-
}
|
|
1179
|
-
},
|
|
1180
|
-
{
|
|
1181
|
-
"kind": "method",
|
|
1182
|
-
"name": "resetShapeClasses",
|
|
1183
|
-
"inheritedFrom": {
|
|
1184
|
-
"name": "AuroElement",
|
|
1185
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1186
|
-
}
|
|
1187
|
-
},
|
|
1188
|
-
{
|
|
1189
|
-
"kind": "method",
|
|
1190
|
-
"name": "resetLayoutClasses",
|
|
1191
|
-
"inheritedFrom": {
|
|
1192
|
-
"name": "AuroElement",
|
|
1193
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1194
|
-
}
|
|
1195
|
-
},
|
|
1196
|
-
{
|
|
1197
|
-
"kind": "method",
|
|
1198
|
-
"name": "updateComponentArchitecture",
|
|
1199
|
-
"inheritedFrom": {
|
|
1200
|
-
"name": "AuroElement",
|
|
1201
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1202
|
-
}
|
|
1203
|
-
},
|
|
1204
|
-
{
|
|
1205
|
-
"kind": "field",
|
|
1206
|
-
"name": "shape",
|
|
1207
|
-
"privacy": "public",
|
|
1208
|
-
"type": {
|
|
1209
|
-
"text": "string"
|
|
1210
|
-
},
|
|
1211
|
-
"attribute": "shape",
|
|
1212
|
-
"reflects": true,
|
|
1213
|
-
"inheritedFrom": {
|
|
1214
|
-
"name": "AuroElement",
|
|
1215
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1216
|
-
}
|
|
1217
|
-
},
|
|
1218
|
-
{
|
|
1219
|
-
"kind": "field",
|
|
1220
|
-
"name": "size",
|
|
1221
|
-
"privacy": "public",
|
|
1222
|
-
"type": {
|
|
1223
|
-
"text": "string"
|
|
1224
|
-
},
|
|
1225
|
-
"attribute": "size",
|
|
1226
|
-
"reflects": true,
|
|
1227
|
-
"inheritedFrom": {
|
|
1228
|
-
"name": "AuroElement",
|
|
1229
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1230
|
-
}
|
|
1231
|
-
}
|
|
1232
|
-
],
|
|
1233
|
-
"events": [
|
|
1234
|
-
{
|
|
1235
|
-
"name": "inputValue",
|
|
1236
|
-
"type": {
|
|
1237
|
-
"text": "CustomEvent"
|
|
1238
|
-
},
|
|
1239
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1240
|
-
},
|
|
1241
|
-
{
|
|
1242
|
-
"name": "input",
|
|
1243
|
-
"type": {
|
|
1244
|
-
"text": "CustomEvent"
|
|
1245
|
-
},
|
|
1246
|
-
"description": "Notifies that the component has a new value set."
|
|
1247
|
-
},
|
|
1248
|
-
{
|
|
1249
|
-
"name": "auroCombobox-valueSet",
|
|
1250
|
-
"type": {
|
|
1251
|
-
"text": "CustomEvent"
|
|
1252
|
-
},
|
|
1253
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1254
|
-
},
|
|
1255
|
-
{
|
|
1256
|
-
"description": "Notifies that the component value(s) have been validated.",
|
|
1257
|
-
"name": "auroFormElement-validated"
|
|
1258
|
-
}
|
|
1259
|
-
],
|
|
1260
|
-
"attributes": [
|
|
1261
|
-
{
|
|
1262
|
-
"name": "appearance",
|
|
1263
|
-
"type": {
|
|
1264
|
-
"text": "string"
|
|
1265
|
-
},
|
|
1266
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1267
|
-
"default": "'default'",
|
|
1268
|
-
"fieldName": "appearance"
|
|
1269
|
-
},
|
|
1270
|
-
{
|
|
1271
|
-
"name": "autocomplete",
|
|
1272
|
-
"type": {
|
|
1273
|
-
"text": "string"
|
|
1274
|
-
},
|
|
1275
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1276
|
-
"fieldName": "autocomplete"
|
|
1277
|
-
},
|
|
1278
|
-
{
|
|
1279
|
-
"name": "autoPlacement",
|
|
1280
|
-
"type": {
|
|
1281
|
-
"text": "boolean"
|
|
1282
|
-
},
|
|
1283
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1284
|
-
"fieldName": "autoPlacement"
|
|
1285
|
-
},
|
|
1286
|
-
{
|
|
1287
|
-
"name": "availableOptions",
|
|
1288
|
-
"type": {
|
|
1289
|
-
"text": "array"
|
|
1290
|
-
},
|
|
1291
|
-
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1292
|
-
"fieldName": "availableOptions"
|
|
776
|
+
}
|
|
777
|
+
],
|
|
778
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
779
|
+
"privacy": "private",
|
|
780
|
+
"return": {
|
|
781
|
+
"type": {
|
|
782
|
+
"text": "void"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
1293
785
|
},
|
|
1294
786
|
{
|
|
1295
|
-
"
|
|
787
|
+
"kind": "field",
|
|
788
|
+
"name": "appearance",
|
|
789
|
+
"privacy": "public",
|
|
1296
790
|
"type": {
|
|
1297
|
-
"text": "'
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
1298
792
|
},
|
|
1299
|
-
"description": "
|
|
1300
|
-
"default": "'
|
|
1301
|
-
"
|
|
793
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
|
+
"default": "'default'",
|
|
795
|
+
"attribute": "appearance",
|
|
796
|
+
"reflects": true
|
|
1302
797
|
},
|
|
1303
798
|
{
|
|
1304
|
-
"
|
|
799
|
+
"kind": "field",
|
|
800
|
+
"name": "checked",
|
|
801
|
+
"privacy": "public",
|
|
1305
802
|
"type": {
|
|
1306
803
|
"text": "boolean"
|
|
1307
804
|
},
|
|
1308
|
-
"description": "
|
|
1309
|
-
"
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
807
|
+
"reflects": true
|
|
1310
808
|
},
|
|
1311
809
|
{
|
|
810
|
+
"kind": "field",
|
|
1312
811
|
"name": "disabled",
|
|
812
|
+
"privacy": "public",
|
|
1313
813
|
"type": {
|
|
1314
814
|
"text": "boolean"
|
|
1315
815
|
},
|
|
1316
|
-
"description": "If set,
|
|
1317
|
-
"
|
|
1318
|
-
|
|
1319
|
-
{
|
|
1320
|
-
"name": "dvInputOnly",
|
|
1321
|
-
"type": {
|
|
1322
|
-
"text": "boolean"
|
|
1323
|
-
},
|
|
1324
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1325
|
-
"fieldName": "dvInputOnly"
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
818
|
+
"reflects": true
|
|
1326
819
|
},
|
|
1327
820
|
{
|
|
821
|
+
"kind": "field",
|
|
1328
822
|
"name": "error",
|
|
823
|
+
"privacy": "public",
|
|
1329
824
|
"type": {
|
|
1330
|
-
"text": "
|
|
825
|
+
"text": "boolean"
|
|
1331
826
|
},
|
|
1332
|
-
"description": "
|
|
1333
|
-
"
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
829
|
+
"reflects": true
|
|
1334
830
|
},
|
|
1335
831
|
{
|
|
1336
|
-
"
|
|
832
|
+
"kind": "field",
|
|
833
|
+
"name": "id",
|
|
834
|
+
"privacy": "public",
|
|
1337
835
|
"type": {
|
|
1338
836
|
"text": "string"
|
|
1339
837
|
},
|
|
1340
|
-
"description": "
|
|
1341
|
-
"
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
840
|
+
"reflects": true
|
|
1342
841
|
},
|
|
1343
842
|
{
|
|
1344
|
-
"
|
|
843
|
+
"kind": "field",
|
|
844
|
+
"name": "inputId",
|
|
845
|
+
"privacy": "private",
|
|
1345
846
|
"type": {
|
|
1346
847
|
"text": "string"
|
|
1347
848
|
},
|
|
1348
|
-
"description": "
|
|
1349
|
-
"fieldName": "inputmode"
|
|
849
|
+
"description": "The id for input node."
|
|
1350
850
|
},
|
|
1351
851
|
{
|
|
1352
|
-
"
|
|
852
|
+
"kind": "field",
|
|
853
|
+
"name": "name",
|
|
854
|
+
"privacy": "public",
|
|
1353
855
|
"type": {
|
|
1354
856
|
"text": "string"
|
|
1355
857
|
},
|
|
1356
|
-
"description": "
|
|
1357
|
-
"
|
|
1358
|
-
"fieldName": "layout",
|
|
1359
|
-
"inheritedFrom": {
|
|
1360
|
-
"name": "AuroElement",
|
|
1361
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1362
|
-
}
|
|
1363
|
-
},
|
|
1364
|
-
{
|
|
1365
|
-
"name": "matchWidth",
|
|
1366
|
-
"type": {
|
|
1367
|
-
"text": "boolean"
|
|
1368
|
-
},
|
|
1369
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1370
|
-
"fieldName": "matchWidth"
|
|
1371
|
-
},
|
|
1372
|
-
{
|
|
1373
|
-
"name": "noFilter",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
},
|
|
1377
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1378
|
-
"fieldName": "noFilter"
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
1379
860
|
},
|
|
1380
861
|
{
|
|
1381
|
-
"
|
|
862
|
+
"kind": "field",
|
|
863
|
+
"name": "onDark",
|
|
864
|
+
"privacy": "public",
|
|
1382
865
|
"type": {
|
|
1383
866
|
"text": "boolean"
|
|
1384
867
|
},
|
|
1385
|
-
"description": "
|
|
1386
|
-
"
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
870
|
+
"reflects": true
|
|
1387
871
|
},
|
|
1388
872
|
{
|
|
1389
|
-
"
|
|
873
|
+
"kind": "field",
|
|
874
|
+
"name": "touched",
|
|
875
|
+
"privacy": "private",
|
|
1390
876
|
"type": {
|
|
1391
877
|
"text": "boolean"
|
|
1392
878
|
},
|
|
1393
|
-
"description": "
|
|
1394
|
-
"fieldName": "shift"
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
1395
880
|
},
|
|
1396
881
|
{
|
|
1397
|
-
"
|
|
882
|
+
"kind": "field",
|
|
883
|
+
"name": "value",
|
|
884
|
+
"privacy": "public",
|
|
1398
885
|
"type": {
|
|
1399
|
-
"text": "
|
|
886
|
+
"text": "string"
|
|
1400
887
|
},
|
|
1401
|
-
"description": "
|
|
1402
|
-
"
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
1403
890
|
},
|
|
1404
891
|
{
|
|
1405
|
-
"
|
|
892
|
+
"kind": "field",
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
1406
895
|
"type": {
|
|
1407
896
|
"text": "number"
|
|
1408
897
|
},
|
|
1409
|
-
"description": "
|
|
1410
|
-
"
|
|
1411
|
-
"
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
900
|
+
"reflects": true
|
|
1412
901
|
},
|
|
1413
902
|
{
|
|
1414
|
-
"
|
|
903
|
+
"kind": "field",
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
1415
906
|
"type": {
|
|
1416
|
-
"text": "
|
|
907
|
+
"text": "string"
|
|
1417
908
|
},
|
|
1418
|
-
"description": "
|
|
1419
|
-
"
|
|
909
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
+
"attribute": "aria-checked",
|
|
911
|
+
"reflects": true
|
|
1420
912
|
},
|
|
1421
913
|
{
|
|
1422
|
-
"
|
|
914
|
+
"kind": "field",
|
|
915
|
+
"name": "ariaDisabled",
|
|
916
|
+
"privacy": "private",
|
|
1423
917
|
"type": {
|
|
1424
|
-
"text": "
|
|
918
|
+
"text": "string"
|
|
1425
919
|
},
|
|
1426
|
-
"description": "
|
|
1427
|
-
"
|
|
920
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
+
"attribute": "aria-disabled",
|
|
922
|
+
"reflects": true
|
|
1428
923
|
},
|
|
1429
924
|
{
|
|
1430
|
-
"
|
|
925
|
+
"kind": "field",
|
|
926
|
+
"name": "role",
|
|
927
|
+
"privacy": "private",
|
|
1431
928
|
"type": {
|
|
1432
|
-
"text": "
|
|
929
|
+
"text": "string"
|
|
1433
930
|
},
|
|
1434
|
-
"description": "
|
|
1435
|
-
"
|
|
1436
|
-
|
|
931
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
932
|
+
"attribute": "role",
|
|
933
|
+
"reflects": true
|
|
934
|
+
}
|
|
935
|
+
],
|
|
936
|
+
"events": [
|
|
1437
937
|
{
|
|
1438
|
-
"name": "
|
|
938
|
+
"name": "auroCheckbox-input",
|
|
1439
939
|
"type": {
|
|
1440
|
-
"text": "
|
|
1441
|
-
}
|
|
1442
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1443
|
-
"default": "'bottom-start'",
|
|
1444
|
-
"fieldName": "placement"
|
|
940
|
+
"text": "CustomEvent"
|
|
941
|
+
}
|
|
1445
942
|
},
|
|
1446
943
|
{
|
|
1447
|
-
"name": "
|
|
944
|
+
"name": "auroCheckbox-focusin",
|
|
1448
945
|
"type": {
|
|
1449
|
-
"text": "
|
|
1450
|
-
}
|
|
1451
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1452
|
-
"fieldName": "placeholder"
|
|
946
|
+
"text": "CustomEvent"
|
|
947
|
+
}
|
|
1453
948
|
},
|
|
1454
949
|
{
|
|
1455
|
-
"name": "
|
|
950
|
+
"name": "auroCheckbox-focusout",
|
|
1456
951
|
"type": {
|
|
1457
|
-
"text": "
|
|
1458
|
-
}
|
|
1459
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1460
|
-
"fieldName": "required"
|
|
952
|
+
"text": "CustomEvent"
|
|
953
|
+
}
|
|
1461
954
|
},
|
|
1462
955
|
{
|
|
1463
|
-
"
|
|
1464
|
-
"
|
|
1465
|
-
"text": "string"
|
|
1466
|
-
},
|
|
1467
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1468
|
-
"fieldName": "setCustomValidity"
|
|
956
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
+
"name": "change"
|
|
1469
958
|
},
|
|
1470
959
|
{
|
|
1471
|
-
"
|
|
960
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
+
"name": "input"
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "appearance",
|
|
1472
967
|
"type": {
|
|
1473
|
-
"text": "
|
|
968
|
+
"text": "'default' | 'inverse'"
|
|
1474
969
|
},
|
|
1475
|
-
"description": "
|
|
1476
|
-
"
|
|
970
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
+
"default": "'default'",
|
|
972
|
+
"fieldName": "appearance"
|
|
1477
973
|
},
|
|
1478
974
|
{
|
|
1479
|
-
"name": "
|
|
975
|
+
"name": "checked",
|
|
1480
976
|
"type": {
|
|
1481
|
-
"text": "
|
|
977
|
+
"text": "boolean"
|
|
1482
978
|
},
|
|
1483
|
-
"description": "
|
|
1484
|
-
"fieldName": "
|
|
979
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
+
"fieldName": "checked"
|
|
1485
981
|
},
|
|
1486
982
|
{
|
|
1487
|
-
"name": "
|
|
983
|
+
"name": "disabled",
|
|
1488
984
|
"type": {
|
|
1489
|
-
"text": "
|
|
985
|
+
"text": "boolean"
|
|
1490
986
|
},
|
|
1491
|
-
"description": "
|
|
1492
|
-
"fieldName": "
|
|
987
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
988
|
+
"fieldName": "disabled"
|
|
1493
989
|
},
|
|
1494
990
|
{
|
|
1495
|
-
"name": "
|
|
991
|
+
"name": "error",
|
|
1496
992
|
"type": {
|
|
1497
993
|
"text": "boolean"
|
|
1498
994
|
},
|
|
1499
|
-
"description": "If set, the
|
|
1500
|
-
"fieldName": "
|
|
995
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
996
|
+
"fieldName": "error"
|
|
1501
997
|
},
|
|
1502
998
|
{
|
|
1503
|
-
"name": "
|
|
999
|
+
"name": "id",
|
|
1504
1000
|
"type": {
|
|
1505
1001
|
"text": "string"
|
|
1506
1002
|
},
|
|
1507
|
-
"description": "
|
|
1508
|
-
"fieldName": "
|
|
1003
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
+
"fieldName": "id"
|
|
1509
1005
|
},
|
|
1510
1006
|
{
|
|
1511
|
-
"name": "
|
|
1007
|
+
"name": "name",
|
|
1512
1008
|
"type": {
|
|
1513
1009
|
"text": "string"
|
|
1514
1010
|
},
|
|
1515
|
-
"description": "
|
|
1516
|
-
"fieldName": "
|
|
1011
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
+
"fieldName": "name"
|
|
1517
1013
|
},
|
|
1518
1014
|
{
|
|
1519
|
-
"name": "
|
|
1015
|
+
"name": "onDark",
|
|
1520
1016
|
"type": {
|
|
1521
|
-
"text": "
|
|
1017
|
+
"text": "boolean"
|
|
1522
1018
|
},
|
|
1523
|
-
"description": "
|
|
1524
|
-
"fieldName": "
|
|
1019
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1020
|
+
"fieldName": "onDark"
|
|
1525
1021
|
},
|
|
1526
1022
|
{
|
|
1527
1023
|
"name": "value",
|
|
1528
1024
|
"type": {
|
|
1529
1025
|
"text": "string"
|
|
1530
1026
|
},
|
|
1531
|
-
"description": "
|
|
1027
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1532
1028
|
"fieldName": "value"
|
|
1533
1029
|
},
|
|
1534
1030
|
{
|
|
1535
|
-
"name": "
|
|
1536
|
-
"type": {
|
|
1537
|
-
"text": "boolean"
|
|
1538
|
-
},
|
|
1539
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1540
|
-
"fieldName": "largeFullscreenHeadline"
|
|
1541
|
-
},
|
|
1542
|
-
{
|
|
1543
|
-
"name": "fullscreenBreakpoint",
|
|
1031
|
+
"name": "tabindex",
|
|
1544
1032
|
"type": {
|
|
1545
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1546
1034
|
},
|
|
1547
|
-
"description": "
|
|
1548
|
-
"
|
|
1549
|
-
"fieldName": "fullscreenBreakpoint"
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1550
1037
|
},
|
|
1551
1038
|
{
|
|
1552
|
-
"name": "
|
|
1039
|
+
"name": "aria-checked",
|
|
1553
1040
|
"type": {
|
|
1554
1041
|
"text": "string"
|
|
1555
1042
|
},
|
|
1556
|
-
"
|
|
1557
|
-
"
|
|
1558
|
-
"name": "AuroElement",
|
|
1559
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1560
|
-
}
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1561
1045
|
},
|
|
1562
1046
|
{
|
|
1563
|
-
"name": "
|
|
1047
|
+
"name": "aria-disabled",
|
|
1564
1048
|
"type": {
|
|
1565
1049
|
"text": "string"
|
|
1566
1050
|
},
|
|
1567
|
-
"
|
|
1568
|
-
"
|
|
1569
|
-
"name": "AuroElement",
|
|
1570
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1571
|
-
}
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1572
1053
|
},
|
|
1573
1054
|
{
|
|
1574
|
-
"name": "
|
|
1055
|
+
"name": "role",
|
|
1575
1056
|
"type": {
|
|
1576
|
-
"text": "
|
|
1057
|
+
"text": "string"
|
|
1577
1058
|
},
|
|
1578
|
-
"
|
|
1579
|
-
"
|
|
1580
|
-
"name": "AuroElement",
|
|
1581
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1582
|
-
}
|
|
1059
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1060
|
+
"fieldName": "role"
|
|
1583
1061
|
}
|
|
1584
1062
|
],
|
|
1585
1063
|
"superclass": {
|
|
1586
|
-
"name": "
|
|
1587
|
-
"
|
|
1064
|
+
"name": "LitElement",
|
|
1065
|
+
"package": "lit"
|
|
1588
1066
|
},
|
|
1589
|
-
"tagName": "auro-
|
|
1067
|
+
"tagName": "auro-checkbox",
|
|
1590
1068
|
"customElement": true
|
|
1591
1069
|
}
|
|
1592
1070
|
],
|
|
1593
1071
|
"exports": [
|
|
1594
1072
|
{
|
|
1595
1073
|
"kind": "js",
|
|
1596
|
-
"name": "
|
|
1074
|
+
"name": "AuroCheckbox",
|
|
1597
1075
|
"declaration": {
|
|
1598
|
-
"name": "
|
|
1599
|
-
"module": "components/
|
|
1076
|
+
"name": "AuroCheckbox",
|
|
1077
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1600
1078
|
}
|
|
1601
1079
|
}
|
|
1602
1080
|
]
|
|
1603
1081
|
},
|
|
1604
1082
|
{
|
|
1605
1083
|
"kind": "javascript-module",
|
|
1606
|
-
"path": "components/
|
|
1607
|
-
"declarations": [
|
|
1608
|
-
{
|
|
1609
|
-
"kind": "variable",
|
|
1610
|
-
"name": "comboboxKeyboardStrategy",
|
|
1611
|
-
"type": {
|
|
1612
|
-
"text": "object"
|
|
1613
|
-
},
|
|
1614
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(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. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } 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(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
1615
|
-
}
|
|
1616
|
-
],
|
|
1084
|
+
"path": "components/checkbox/src/index.js",
|
|
1085
|
+
"declarations": [],
|
|
1617
1086
|
"exports": [
|
|
1618
1087
|
{
|
|
1619
1088
|
"kind": "js",
|
|
1620
|
-
"name": "
|
|
1089
|
+
"name": "AuroCheckbox",
|
|
1621
1090
|
"declaration": {
|
|
1622
|
-
"name": "
|
|
1623
|
-
"module": "components/
|
|
1091
|
+
"name": "AuroCheckbox",
|
|
1092
|
+
"module": "components/checkbox/src/index.js"
|
|
1624
1093
|
}
|
|
1625
|
-
}
|
|
1626
|
-
]
|
|
1627
|
-
},
|
|
1628
|
-
{
|
|
1629
|
-
"kind": "javascript-module",
|
|
1630
|
-
"path": "components/combobox/src/index.js",
|
|
1631
|
-
"declarations": [],
|
|
1632
|
-
"exports": [
|
|
1094
|
+
},
|
|
1633
1095
|
{
|
|
1634
1096
|
"kind": "js",
|
|
1635
|
-
"name": "
|
|
1097
|
+
"name": "AuroCheckboxGroup",
|
|
1636
1098
|
"declaration": {
|
|
1637
|
-
"name": "
|
|
1638
|
-
"module": "components/
|
|
1099
|
+
"name": "AuroCheckboxGroup",
|
|
1100
|
+
"module": "components/checkbox/src/index.js"
|
|
1639
1101
|
}
|
|
1640
1102
|
}
|
|
1641
1103
|
]
|
|
1642
1104
|
},
|
|
1643
1105
|
{
|
|
1644
1106
|
"kind": "javascript-module",
|
|
1645
|
-
"path": "components/
|
|
1107
|
+
"path": "components/checkbox/src/registered.js",
|
|
1646
1108
|
"declarations": [],
|
|
1647
|
-
"exports": [
|
|
1648
|
-
{
|
|
1649
|
-
"kind": "js",
|
|
1650
|
-
"name": "AuroCombobox",
|
|
1651
|
-
"declaration": {
|
|
1652
|
-
"name": "AuroCombobox",
|
|
1653
|
-
"module": "components/combobox/src/registered.js"
|
|
1654
|
-
}
|
|
1655
|
-
}
|
|
1656
|
-
]
|
|
1109
|
+
"exports": []
|
|
1657
1110
|
},
|
|
1658
1111
|
{
|
|
1659
1112
|
"kind": "javascript-module",
|
|
1660
|
-
"path": "components/
|
|
1113
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
1661
1114
|
"declarations": [
|
|
1662
1115
|
{
|
|
1663
1116
|
"kind": "class",
|
|
1664
|
-
"description": "The `auro-
|
|
1665
|
-
"name": "
|
|
1117
|
+
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
1118
|
+
"name": "AuroCombobox",
|
|
1666
1119
|
"slots": [
|
|
1667
1120
|
{
|
|
1668
|
-
"description": "
|
|
1669
|
-
"name": "
|
|
1121
|
+
"description": "Default slot for the menu content.",
|
|
1122
|
+
"name": ""
|
|
1123
|
+
},
|
|
1124
|
+
{
|
|
1125
|
+
"type": {
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1127
|
+
},
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1130
|
+
},
|
|
1131
|
+
{
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1134
|
+
},
|
|
1135
|
+
{
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1138
|
+
},
|
|
1139
|
+
{
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1142
|
+
},
|
|
1143
|
+
{
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1150
|
+
},
|
|
1151
|
+
{
|
|
1152
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1153
|
+
"name": "displayValue"
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"members": [
|
|
1157
|
+
{
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1160
|
+
"privacy": "private",
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"kind": "field",
|
|
1169
|
+
"name": "inputValue",
|
|
1170
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1171
|
+
"return": {
|
|
1172
|
+
"type": {
|
|
1173
|
+
"text": "string|undefined"
|
|
1174
|
+
}
|
|
1175
|
+
},
|
|
1176
|
+
"readonly": true
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"kind": "method",
|
|
1180
|
+
"name": "isValid",
|
|
1181
|
+
"description": "Checks if the element is valid.",
|
|
1182
|
+
"return": {
|
|
1183
|
+
"type": {
|
|
1184
|
+
"text": "boolean"
|
|
1185
|
+
}
|
|
1186
|
+
}
|
|
1187
|
+
},
|
|
1188
|
+
{
|
|
1189
|
+
"kind": "method",
|
|
1190
|
+
"name": "register",
|
|
1191
|
+
"static": true,
|
|
1192
|
+
"parameters": [
|
|
1193
|
+
{
|
|
1194
|
+
"name": "name",
|
|
1195
|
+
"default": "'auro-combobox'",
|
|
1196
|
+
"description": "The name of the element that you want to register.",
|
|
1197
|
+
"optional": true,
|
|
1198
|
+
"type": {
|
|
1199
|
+
"text": "string"
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
],
|
|
1203
|
+
"description": "This will register this element with the browser."
|
|
1204
|
+
},
|
|
1205
|
+
{
|
|
1206
|
+
"kind": "method",
|
|
1207
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1208
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1209
|
+
"privacy": "private",
|
|
1210
|
+
"return": {
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "void"
|
|
1213
|
+
}
|
|
1214
|
+
}
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"kind": "method",
|
|
1218
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1219
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1220
|
+
"privacy": "private",
|
|
1221
|
+
"return": {
|
|
1222
|
+
"type": {
|
|
1223
|
+
"text": "void"
|
|
1224
|
+
}
|
|
1225
|
+
}
|
|
1226
|
+
},
|
|
1227
|
+
{
|
|
1228
|
+
"kind": "method",
|
|
1229
|
+
"name": "updateFilter",
|
|
1230
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1231
|
+
"privacy": "private"
|
|
1232
|
+
},
|
|
1233
|
+
{
|
|
1234
|
+
"kind": "method",
|
|
1235
|
+
"name": "syncValuesAndStates",
|
|
1236
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1237
|
+
"privacy": "private",
|
|
1238
|
+
"return": {
|
|
1239
|
+
"type": {
|
|
1240
|
+
"text": "void"
|
|
1241
|
+
}
|
|
1242
|
+
}
|
|
1243
|
+
},
|
|
1244
|
+
{
|
|
1245
|
+
"kind": "method",
|
|
1246
|
+
"name": "updateTriggerTextDisplay",
|
|
1247
|
+
"parameters": [
|
|
1248
|
+
{
|
|
1249
|
+
"name": "label",
|
|
1250
|
+
"description": "The label of the selected option.",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "string"
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
],
|
|
1256
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1257
|
+
"privacy": "private"
|
|
1258
|
+
},
|
|
1259
|
+
{
|
|
1260
|
+
"kind": "method",
|
|
1261
|
+
"name": "handleMenuOptions",
|
|
1262
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1263
|
+
"privacy": "private",
|
|
1264
|
+
"return": {
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "void"
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1670
1269
|
},
|
|
1671
1270
|
{
|
|
1672
|
-
"
|
|
1673
|
-
"name": "
|
|
1271
|
+
"kind": "method",
|
|
1272
|
+
"name": "generateOptionsArray",
|
|
1273
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1274
|
+
"privacy": "private",
|
|
1275
|
+
"return": {
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "void"
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1674
1280
|
},
|
|
1675
1281
|
{
|
|
1676
|
-
"
|
|
1677
|
-
"name": "
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "hideBib",
|
|
1284
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1285
|
+
"return": {
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "void"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1678
1290
|
},
|
|
1679
1291
|
{
|
|
1680
|
-
"
|
|
1681
|
-
"name": "
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1292
|
+
"kind": "method",
|
|
1293
|
+
"name": "showBib",
|
|
1294
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1295
|
+
"return": {
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "void"
|
|
1298
|
+
}
|
|
1299
|
+
}
|
|
1300
|
+
},
|
|
1685
1301
|
{
|
|
1686
1302
|
"kind": "method",
|
|
1687
|
-
"name": "
|
|
1303
|
+
"name": "configureDropdown",
|
|
1304
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1305
|
+
"privacy": "private",
|
|
1306
|
+
"return": {
|
|
1307
|
+
"type": {
|
|
1308
|
+
"text": "void"
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1688
1311
|
},
|
|
1689
1312
|
{
|
|
1690
1313
|
"kind": "method",
|
|
1691
|
-
"name": "
|
|
1692
|
-
"
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1314
|
+
"name": "setClearBtnFocus",
|
|
1315
|
+
"privacy": "private"
|
|
1316
|
+
},
|
|
1317
|
+
{
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "setTriggerInputFocus",
|
|
1320
|
+
"privacy": "private"
|
|
1321
|
+
},
|
|
1322
|
+
{
|
|
1323
|
+
"kind": "method",
|
|
1324
|
+
"name": "setInputFocus",
|
|
1325
|
+
"privacy": "private"
|
|
1326
|
+
},
|
|
1327
|
+
{
|
|
1328
|
+
"kind": "method",
|
|
1329
|
+
"name": "updateBibDialogRole",
|
|
1330
|
+
"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.",
|
|
1331
|
+
"privacy": "private"
|
|
1332
|
+
},
|
|
1333
|
+
{
|
|
1334
|
+
"kind": "method",
|
|
1335
|
+
"name": "updateMenuShapeSize",
|
|
1336
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1337
|
+
"privacy": "private"
|
|
1338
|
+
},
|
|
1339
|
+
{
|
|
1340
|
+
"kind": "method",
|
|
1341
|
+
"name": "_getAnnouncementRoot",
|
|
1342
|
+
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
1343
|
+
"privacy": "private",
|
|
1344
|
+
"return": {
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "ShadowRoot"
|
|
1702
1347
|
}
|
|
1703
|
-
|
|
1704
|
-
"description": "This will register this element with the browser."
|
|
1348
|
+
}
|
|
1705
1349
|
},
|
|
1706
1350
|
{
|
|
1707
1351
|
"kind": "method",
|
|
1708
|
-
"name": "
|
|
1352
|
+
"name": "configureMenu",
|
|
1353
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1354
|
+
"privacy": "private",
|
|
1355
|
+
"return": {
|
|
1356
|
+
"type": {
|
|
1357
|
+
"text": "void"
|
|
1358
|
+
}
|
|
1359
|
+
}
|
|
1360
|
+
},
|
|
1361
|
+
{
|
|
1362
|
+
"kind": "method",
|
|
1363
|
+
"name": "configureInput",
|
|
1364
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1365
|
+
"privacy": "private",
|
|
1366
|
+
"return": {
|
|
1367
|
+
"type": {
|
|
1368
|
+
"text": "void"
|
|
1369
|
+
}
|
|
1370
|
+
}
|
|
1371
|
+
},
|
|
1372
|
+
{
|
|
1373
|
+
"kind": "method",
|
|
1374
|
+
"name": "handleMenuLoadingChange",
|
|
1709
1375
|
"parameters": [
|
|
1710
1376
|
{
|
|
1711
|
-
"name": "
|
|
1712
|
-
"description": "The
|
|
1377
|
+
"name": "event",
|
|
1378
|
+
"description": "The event object containing details about the loading state change.",
|
|
1713
1379
|
"type": {
|
|
1714
|
-
"text": "
|
|
1380
|
+
"text": "CustomEvent"
|
|
1715
1381
|
}
|
|
1716
1382
|
},
|
|
1717
1383
|
{
|
|
1718
|
-
"
|
|
1719
|
-
"
|
|
1384
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1385
|
+
"name": "event.detail.loading",
|
|
1720
1386
|
"type": {
|
|
1721
|
-
"text": "
|
|
1387
|
+
"text": "boolean"
|
|
1388
|
+
}
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1392
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1393
|
+
"type": {
|
|
1394
|
+
"text": "boolean"
|
|
1722
1395
|
}
|
|
1723
1396
|
}
|
|
1724
1397
|
],
|
|
1725
|
-
"description": "
|
|
1398
|
+
"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.",
|
|
1726
1399
|
"privacy": "private",
|
|
1727
1400
|
"return": {
|
|
1728
1401
|
"type": {
|
|
@@ -1732,8 +1405,17 @@
|
|
|
1732
1405
|
},
|
|
1733
1406
|
{
|
|
1734
1407
|
"kind": "method",
|
|
1735
|
-
"name": "
|
|
1736
|
-
"
|
|
1408
|
+
"name": "handleInputValueChange",
|
|
1409
|
+
"parameters": [
|
|
1410
|
+
{
|
|
1411
|
+
"name": "event",
|
|
1412
|
+
"description": "The input event triggered by the input element.",
|
|
1413
|
+
"type": {
|
|
1414
|
+
"text": "Event"
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
],
|
|
1418
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1737
1419
|
"privacy": "private",
|
|
1738
1420
|
"return": {
|
|
1739
1421
|
"type": {
|
|
@@ -1743,8 +1425,8 @@
|
|
|
1743
1425
|
},
|
|
1744
1426
|
{
|
|
1745
1427
|
"kind": "method",
|
|
1746
|
-
"name": "
|
|
1747
|
-
"description": "
|
|
1428
|
+
"name": "configureCombobox",
|
|
1429
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1748
1430
|
"privacy": "private",
|
|
1749
1431
|
"return": {
|
|
1750
1432
|
"type": {
|
|
@@ -1752,6 +1434,35 @@
|
|
|
1752
1434
|
}
|
|
1753
1435
|
}
|
|
1754
1436
|
},
|
|
1437
|
+
{
|
|
1438
|
+
"kind": "method",
|
|
1439
|
+
"name": "focus",
|
|
1440
|
+
"description": "Focuses the combobox trigger input.",
|
|
1441
|
+
"return": {
|
|
1442
|
+
"type": {
|
|
1443
|
+
"text": "void"
|
|
1444
|
+
}
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
{
|
|
1448
|
+
"kind": "method",
|
|
1449
|
+
"name": "setMenuValue",
|
|
1450
|
+
"parameters": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "value",
|
|
1453
|
+
"description": "The value to set on the menu.",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "string"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"description": "Sets the menu value if menu is available.",
|
|
1460
|
+
"return": {
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "void"
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1755
1466
|
{
|
|
1756
1467
|
"kind": "method",
|
|
1757
1468
|
"name": "reset",
|
|
@@ -1764,32 +1475,165 @@
|
|
|
1764
1475
|
},
|
|
1765
1476
|
{
|
|
1766
1477
|
"kind": "method",
|
|
1767
|
-
"name": "
|
|
1478
|
+
"name": "clear",
|
|
1479
|
+
"description": "Clears the current value of the combobox.",
|
|
1480
|
+
"return": {
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "void"
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"kind": "method",
|
|
1488
|
+
"name": "validate",
|
|
1489
|
+
"parameters": [
|
|
1490
|
+
{
|
|
1491
|
+
"name": "force",
|
|
1492
|
+
"default": "false",
|
|
1493
|
+
"description": "Whether to force validation.",
|
|
1494
|
+
"optional": true,
|
|
1495
|
+
"type": {
|
|
1496
|
+
"text": "boolean"
|
|
1497
|
+
}
|
|
1498
|
+
}
|
|
1499
|
+
],
|
|
1500
|
+
"description": "Validates value."
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"kind": "method",
|
|
1504
|
+
"name": "transportAssignedNodes",
|
|
1505
|
+
"parameters": [
|
|
1506
|
+
{
|
|
1507
|
+
"name": "slot",
|
|
1508
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1509
|
+
"type": {
|
|
1510
|
+
"text": "HTMLSlotElement"
|
|
1511
|
+
}
|
|
1512
|
+
},
|
|
1513
|
+
{
|
|
1514
|
+
"name": "target",
|
|
1515
|
+
"description": "The target element to apply the nodes to.",
|
|
1516
|
+
"type": {
|
|
1517
|
+
"text": "HTMLElement"
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "newSlotName",
|
|
1522
|
+
"description": "The new slot name for the applied nodes.",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "string"
|
|
1525
|
+
}
|
|
1526
|
+
}
|
|
1527
|
+
],
|
|
1528
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1529
|
+
"privacy": "private",
|
|
1530
|
+
"return": {
|
|
1531
|
+
"type": {
|
|
1532
|
+
"text": "void"
|
|
1533
|
+
}
|
|
1534
|
+
}
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"kind": "method",
|
|
1538
|
+
"name": "updateActiveOption",
|
|
1768
1539
|
"parameters": [
|
|
1769
1540
|
{
|
|
1770
|
-
"name": "
|
|
1771
|
-
"
|
|
1772
|
-
"description": "Whether to force validation.",
|
|
1773
|
-
"optional": true,
|
|
1541
|
+
"name": "index",
|
|
1542
|
+
"description": "Index of the option to make active.",
|
|
1774
1543
|
"type": {
|
|
1775
|
-
"text": "
|
|
1544
|
+
"text": "number"
|
|
1776
1545
|
}
|
|
1777
1546
|
}
|
|
1778
1547
|
],
|
|
1779
|
-
"description": "
|
|
1548
|
+
"description": "Updates the active option in the menu."
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"kind": "method",
|
|
1552
|
+
"name": "handleSlotChange",
|
|
1553
|
+
"parameters": [
|
|
1554
|
+
{
|
|
1555
|
+
"name": "event",
|
|
1556
|
+
"description": "`slotchange` event.",
|
|
1557
|
+
"type": {
|
|
1558
|
+
"text": "Event"
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
],
|
|
1562
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1563
|
+
"privacy": "private",
|
|
1564
|
+
"return": {
|
|
1565
|
+
"type": {
|
|
1566
|
+
"text": "void"
|
|
1567
|
+
}
|
|
1568
|
+
}
|
|
1780
1569
|
},
|
|
1781
1570
|
{
|
|
1782
1571
|
"kind": "field",
|
|
1783
1572
|
"name": "appearance",
|
|
1784
1573
|
"privacy": "public",
|
|
1785
1574
|
"type": {
|
|
1786
|
-
"text": "
|
|
1575
|
+
"text": "string"
|
|
1787
1576
|
},
|
|
1788
1577
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1789
1578
|
"default": "'default'",
|
|
1790
1579
|
"attribute": "appearance",
|
|
1791
1580
|
"reflects": true
|
|
1792
1581
|
},
|
|
1582
|
+
{
|
|
1583
|
+
"kind": "field",
|
|
1584
|
+
"name": "autocomplete",
|
|
1585
|
+
"privacy": "public",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1590
|
+
"attribute": "autocomplete",
|
|
1591
|
+
"reflects": true
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"kind": "field",
|
|
1595
|
+
"name": "autoPlacement",
|
|
1596
|
+
"privacy": "public",
|
|
1597
|
+
"type": {
|
|
1598
|
+
"text": "boolean"
|
|
1599
|
+
},
|
|
1600
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1601
|
+
"attribute": "autoPlacement",
|
|
1602
|
+
"reflects": true
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"kind": "field",
|
|
1606
|
+
"name": "availableOptions",
|
|
1607
|
+
"privacy": "private",
|
|
1608
|
+
"type": {
|
|
1609
|
+
"text": "array"
|
|
1610
|
+
},
|
|
1611
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1612
|
+
"attribute": "availableOptions"
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "behavior",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "'filter' | 'suggestion'"
|
|
1620
|
+
},
|
|
1621
|
+
"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.",
|
|
1622
|
+
"default": "'suggestion'",
|
|
1623
|
+
"attribute": "behavior",
|
|
1624
|
+
"reflects": true
|
|
1625
|
+
},
|
|
1626
|
+
{
|
|
1627
|
+
"kind": "field",
|
|
1628
|
+
"name": "checkmark",
|
|
1629
|
+
"privacy": "public",
|
|
1630
|
+
"type": {
|
|
1631
|
+
"text": "boolean"
|
|
1632
|
+
},
|
|
1633
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1634
|
+
"attribute": "checkmark",
|
|
1635
|
+
"reflects": true
|
|
1636
|
+
},
|
|
1793
1637
|
{
|
|
1794
1638
|
"kind": "field",
|
|
1795
1639
|
"name": "disabled",
|
|
@@ -1797,10 +1641,39 @@
|
|
|
1797
1641
|
"type": {
|
|
1798
1642
|
"text": "boolean"
|
|
1799
1643
|
},
|
|
1800
|
-
"description": "If set, disables the
|
|
1644
|
+
"description": "If set, disables the combobox.",
|
|
1801
1645
|
"attribute": "disabled",
|
|
1802
1646
|
"reflects": true
|
|
1803
1647
|
},
|
|
1648
|
+
{
|
|
1649
|
+
"kind": "field",
|
|
1650
|
+
"name": "dropdownId",
|
|
1651
|
+
"privacy": "private",
|
|
1652
|
+
"type": {
|
|
1653
|
+
"text": "string"
|
|
1654
|
+
},
|
|
1655
|
+
"description": "ID for the dropdown."
|
|
1656
|
+
},
|
|
1657
|
+
{
|
|
1658
|
+
"kind": "field",
|
|
1659
|
+
"name": "dropdownOpen",
|
|
1660
|
+
"privacy": "private",
|
|
1661
|
+
"type": {
|
|
1662
|
+
"text": "boolean"
|
|
1663
|
+
},
|
|
1664
|
+
"description": "Whether or not the dropdown is open."
|
|
1665
|
+
},
|
|
1666
|
+
{
|
|
1667
|
+
"kind": "field",
|
|
1668
|
+
"name": "dvInputOnly",
|
|
1669
|
+
"privacy": "public",
|
|
1670
|
+
"type": {
|
|
1671
|
+
"text": "boolean"
|
|
1672
|
+
},
|
|
1673
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1674
|
+
"attribute": "dvInputOnly",
|
|
1675
|
+
"reflects": true
|
|
1676
|
+
},
|
|
1804
1677
|
{
|
|
1805
1678
|
"kind": "field",
|
|
1806
1679
|
"name": "error",
|
|
@@ -1814,13 +1687,84 @@
|
|
|
1814
1687
|
},
|
|
1815
1688
|
{
|
|
1816
1689
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1690
|
+
"name": "format",
|
|
1691
|
+
"privacy": "public",
|
|
1692
|
+
"type": {
|
|
1693
|
+
"text": "string"
|
|
1694
|
+
},
|
|
1695
|
+
"description": "Specifies the input mask format.",
|
|
1696
|
+
"attribute": "format",
|
|
1697
|
+
"reflects": true
|
|
1698
|
+
},
|
|
1699
|
+
{
|
|
1700
|
+
"kind": "field",
|
|
1701
|
+
"name": "inputmode",
|
|
1702
|
+
"privacy": "public",
|
|
1703
|
+
"type": {
|
|
1704
|
+
"text": "string"
|
|
1705
|
+
},
|
|
1706
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1707
|
+
"attribute": "inputmode",
|
|
1708
|
+
"reflects": true
|
|
1709
|
+
},
|
|
1710
|
+
{
|
|
1711
|
+
"kind": "field",
|
|
1712
|
+
"name": "layout",
|
|
1713
|
+
"privacy": "public",
|
|
1714
|
+
"type": {
|
|
1715
|
+
"text": "string"
|
|
1716
|
+
},
|
|
1717
|
+
"description": "Sets the layout of the combobox.",
|
|
1718
|
+
"default": "'classic'",
|
|
1719
|
+
"attribute": "layout",
|
|
1720
|
+
"reflects": true,
|
|
1721
|
+
"inheritedFrom": {
|
|
1722
|
+
"name": "AuroElement",
|
|
1723
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1724
|
+
}
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"kind": "field",
|
|
1728
|
+
"name": "matchWidth",
|
|
1729
|
+
"privacy": "private",
|
|
1730
|
+
"type": {
|
|
1731
|
+
"text": "boolean"
|
|
1732
|
+
},
|
|
1733
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1734
|
+
"attribute": "matchWidth",
|
|
1735
|
+
"reflects": true
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"kind": "field",
|
|
1739
|
+
"name": "noFilter",
|
|
1818
1740
|
"privacy": "public",
|
|
1819
1741
|
"type": {
|
|
1820
1742
|
"text": "boolean"
|
|
1821
1743
|
},
|
|
1822
|
-
"description": "If set,
|
|
1823
|
-
"attribute": "
|
|
1744
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1745
|
+
"attribute": "noFilter",
|
|
1746
|
+
"reflects": true
|
|
1747
|
+
},
|
|
1748
|
+
{
|
|
1749
|
+
"kind": "field",
|
|
1750
|
+
"name": "noFlip",
|
|
1751
|
+
"privacy": "public",
|
|
1752
|
+
"type": {
|
|
1753
|
+
"text": "boolean"
|
|
1754
|
+
},
|
|
1755
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1756
|
+
"attribute": "noFlip",
|
|
1757
|
+
"reflects": true
|
|
1758
|
+
},
|
|
1759
|
+
{
|
|
1760
|
+
"kind": "field",
|
|
1761
|
+
"name": "shift",
|
|
1762
|
+
"privacy": "public",
|
|
1763
|
+
"type": {
|
|
1764
|
+
"text": "boolean"
|
|
1765
|
+
},
|
|
1766
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1767
|
+
"attribute": "shift",
|
|
1824
1768
|
"reflects": true
|
|
1825
1769
|
},
|
|
1826
1770
|
{
|
|
@@ -1830,19 +1774,79 @@
|
|
|
1830
1774
|
"type": {
|
|
1831
1775
|
"text": "boolean"
|
|
1832
1776
|
},
|
|
1833
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1834
|
-
"attribute": "noValidate",
|
|
1777
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1778
|
+
"attribute": "noValidate",
|
|
1779
|
+
"reflects": true
|
|
1780
|
+
},
|
|
1781
|
+
{
|
|
1782
|
+
"kind": "field",
|
|
1783
|
+
"name": "offset",
|
|
1784
|
+
"privacy": "public",
|
|
1785
|
+
"type": {
|
|
1786
|
+
"text": "number"
|
|
1787
|
+
},
|
|
1788
|
+
"description": "Gap between the trigger element and bib.",
|
|
1789
|
+
"default": "0",
|
|
1790
|
+
"attribute": "offset",
|
|
1791
|
+
"reflects": true
|
|
1792
|
+
},
|
|
1793
|
+
{
|
|
1794
|
+
"kind": "field",
|
|
1795
|
+
"name": "onDark",
|
|
1796
|
+
"privacy": "public",
|
|
1797
|
+
"type": {
|
|
1798
|
+
"text": "boolean"
|
|
1799
|
+
},
|
|
1800
|
+
"attribute": "onDark",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1803
|
+
"inheritedFrom": {
|
|
1804
|
+
"name": "AuroElement",
|
|
1805
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1806
|
+
}
|
|
1807
|
+
},
|
|
1808
|
+
{
|
|
1809
|
+
"kind": "field",
|
|
1810
|
+
"name": "optionSelected",
|
|
1811
|
+
"privacy": "public",
|
|
1812
|
+
"type": {
|
|
1813
|
+
"text": "HTMLElement"
|
|
1814
|
+
},
|
|
1815
|
+
"description": "Specifies the current selected option.",
|
|
1816
|
+
"attribute": "optionSelected"
|
|
1817
|
+
},
|
|
1818
|
+
{
|
|
1819
|
+
"kind": "field",
|
|
1820
|
+
"name": "persistInput",
|
|
1821
|
+
"privacy": "public",
|
|
1822
|
+
"type": {
|
|
1823
|
+
"text": "boolean"
|
|
1824
|
+
},
|
|
1825
|
+
"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.",
|
|
1826
|
+
"attribute": "persistInput",
|
|
1827
|
+
"reflects": true
|
|
1828
|
+
},
|
|
1829
|
+
{
|
|
1830
|
+
"kind": "field",
|
|
1831
|
+
"name": "placement",
|
|
1832
|
+
"privacy": "public",
|
|
1833
|
+
"type": {
|
|
1834
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1835
|
+
},
|
|
1836
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1837
|
+
"default": "'bottom-start'",
|
|
1838
|
+
"attribute": "placement",
|
|
1835
1839
|
"reflects": true
|
|
1836
1840
|
},
|
|
1837
1841
|
{
|
|
1838
1842
|
"kind": "field",
|
|
1839
|
-
"name": "
|
|
1843
|
+
"name": "placeholder",
|
|
1840
1844
|
"privacy": "public",
|
|
1841
1845
|
"type": {
|
|
1842
|
-
"text": "
|
|
1846
|
+
"text": "string"
|
|
1843
1847
|
},
|
|
1844
|
-
"description": "
|
|
1845
|
-
"attribute": "
|
|
1848
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1849
|
+
"attribute": "placeholder",
|
|
1846
1850
|
"reflects": true
|
|
1847
1851
|
},
|
|
1848
1852
|
{
|
|
@@ -1852,7 +1856,7 @@
|
|
|
1852
1856
|
"type": {
|
|
1853
1857
|
"text": "boolean"
|
|
1854
1858
|
},
|
|
1855
|
-
"description": "Populates the `required` attribute on the
|
|
1859
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1856
1860
|
"attribute": "required",
|
|
1857
1861
|
"reflects": true
|
|
1858
1862
|
},
|
|
@@ -1888,615 +1892,611 @@
|
|
|
1888
1892
|
},
|
|
1889
1893
|
{
|
|
1890
1894
|
"kind": "field",
|
|
1891
|
-
"name": "
|
|
1895
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1892
1896
|
"privacy": "public",
|
|
1893
1897
|
"type": {
|
|
1894
1898
|
"text": "string"
|
|
1895
1899
|
},
|
|
1896
|
-
"description": "
|
|
1897
|
-
"attribute": "
|
|
1898
|
-
"reflects": true
|
|
1899
|
-
}
|
|
1900
|
-
],
|
|
1901
|
-
"events": [
|
|
1902
|
-
{
|
|
1903
|
-
"name": "input",
|
|
1904
|
-
"type": {
|
|
1905
|
-
"text": "CustomEvent"
|
|
1906
|
-
}
|
|
1900
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1901
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1907
1902
|
},
|
|
1908
1903
|
{
|
|
1909
|
-
"
|
|
1910
|
-
"name": "
|
|
1911
|
-
|
|
1912
|
-
],
|
|
1913
|
-
"attributes": [
|
|
1914
|
-
{
|
|
1915
|
-
"name": "appearance",
|
|
1904
|
+
"kind": "field",
|
|
1905
|
+
"name": "touched",
|
|
1906
|
+
"privacy": "private",
|
|
1916
1907
|
"type": {
|
|
1917
|
-
"text": "
|
|
1908
|
+
"text": "boolean"
|
|
1918
1909
|
},
|
|
1919
|
-
"description": "
|
|
1920
|
-
"default": "'default'",
|
|
1921
|
-
"fieldName": "appearance"
|
|
1910
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1922
1911
|
},
|
|
1923
1912
|
{
|
|
1924
|
-
"
|
|
1913
|
+
"kind": "field",
|
|
1914
|
+
"name": "triggerIcon",
|
|
1915
|
+
"privacy": "public",
|
|
1925
1916
|
"type": {
|
|
1926
1917
|
"text": "boolean"
|
|
1927
1918
|
},
|
|
1928
|
-
"description": "If set,
|
|
1929
|
-
"
|
|
1919
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1920
|
+
"attribute": "triggerIcon",
|
|
1921
|
+
"reflects": true
|
|
1930
1922
|
},
|
|
1931
1923
|
{
|
|
1932
|
-
"
|
|
1924
|
+
"kind": "field",
|
|
1925
|
+
"name": "type",
|
|
1926
|
+
"privacy": "public",
|
|
1933
1927
|
"type": {
|
|
1934
1928
|
"text": "string"
|
|
1935
1929
|
},
|
|
1936
|
-
"description": "
|
|
1937
|
-
"
|
|
1930
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1931
|
+
"attribute": "type",
|
|
1932
|
+
"reflects": true
|
|
1938
1933
|
},
|
|
1939
1934
|
{
|
|
1940
|
-
"
|
|
1935
|
+
"kind": "field",
|
|
1936
|
+
"name": "typedValue",
|
|
1937
|
+
"privacy": "public",
|
|
1941
1938
|
"type": {
|
|
1942
|
-
"text": "
|
|
1939
|
+
"text": "string"
|
|
1943
1940
|
},
|
|
1944
|
-
"description": "
|
|
1945
|
-
"
|
|
1941
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1942
|
+
"attribute": "typedValue",
|
|
1943
|
+
"reflects": true
|
|
1946
1944
|
},
|
|
1947
1945
|
{
|
|
1948
|
-
"
|
|
1946
|
+
"kind": "field",
|
|
1947
|
+
"name": "validity",
|
|
1948
|
+
"privacy": "public",
|
|
1949
1949
|
"type": {
|
|
1950
|
-
"text": "
|
|
1950
|
+
"text": "string"
|
|
1951
1951
|
},
|
|
1952
|
-
"description": "
|
|
1953
|
-
"
|
|
1952
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1953
|
+
"attribute": "validity",
|
|
1954
|
+
"reflects": true
|
|
1954
1955
|
},
|
|
1955
1956
|
{
|
|
1956
|
-
"
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "value",
|
|
1959
|
+
"privacy": "public",
|
|
1957
1960
|
"type": {
|
|
1958
|
-
"text": "
|
|
1961
|
+
"text": "string"
|
|
1959
1962
|
},
|
|
1960
|
-
"description": "
|
|
1961
|
-
"
|
|
1963
|
+
"description": "Value selected for the dropdown menu.",
|
|
1964
|
+
"attribute": "value"
|
|
1962
1965
|
},
|
|
1963
1966
|
{
|
|
1964
|
-
"
|
|
1967
|
+
"kind": "field",
|
|
1968
|
+
"name": "largeFullscreenHeadline",
|
|
1969
|
+
"privacy": "public",
|
|
1965
1970
|
"type": {
|
|
1966
1971
|
"text": "boolean"
|
|
1967
1972
|
},
|
|
1968
|
-
"description": "
|
|
1969
|
-
"
|
|
1970
|
-
|
|
1971
|
-
{
|
|
1972
|
-
"name": "setCustomValidity",
|
|
1973
|
-
"type": {
|
|
1974
|
-
"text": "string"
|
|
1975
|
-
},
|
|
1976
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1977
|
-
"fieldName": "setCustomValidity"
|
|
1973
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1974
|
+
"attribute": "largeFullscreenHeadline",
|
|
1975
|
+
"reflects": true
|
|
1978
1976
|
},
|
|
1979
1977
|
{
|
|
1980
|
-
"
|
|
1978
|
+
"kind": "field",
|
|
1979
|
+
"name": "fullscreenBreakpoint",
|
|
1980
|
+
"privacy": "public",
|
|
1981
1981
|
"type": {
|
|
1982
|
-
"text": "
|
|
1982
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1983
1983
|
},
|
|
1984
|
-
"description": "
|
|
1985
|
-
"
|
|
1984
|
+
"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.",
|
|
1985
|
+
"default": "'sm'",
|
|
1986
|
+
"attribute": "fullscreenBreakpoint",
|
|
1987
|
+
"reflects": true
|
|
1986
1988
|
},
|
|
1987
1989
|
{
|
|
1988
|
-
"
|
|
1990
|
+
"kind": "field",
|
|
1991
|
+
"name": "optionActive",
|
|
1992
|
+
"privacy": "private",
|
|
1989
1993
|
"type": {
|
|
1990
|
-
"text": "
|
|
1994
|
+
"text": "object"
|
|
1991
1995
|
},
|
|
1992
|
-
"description": "
|
|
1993
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1996
|
+
"description": "Specifies the currently active option."
|
|
1994
1997
|
},
|
|
1995
1998
|
{
|
|
1996
|
-
"
|
|
1999
|
+
"kind": "field",
|
|
2000
|
+
"name": "triggerExpandedState",
|
|
2001
|
+
"privacy": "private",
|
|
1997
2002
|
"type": {
|
|
1998
|
-
"text": "
|
|
2003
|
+
"text": "boolean"
|
|
1999
2004
|
},
|
|
2000
|
-
"description": "
|
|
2001
|
-
"fieldName": "validity"
|
|
2002
|
-
}
|
|
2003
|
-
],
|
|
2004
|
-
"superclass": {
|
|
2005
|
-
"name": "LitElement",
|
|
2006
|
-
"package": "lit"
|
|
2007
|
-
},
|
|
2008
|
-
"tagName": "auro-checkbox-group",
|
|
2009
|
-
"customElement": true
|
|
2010
|
-
}
|
|
2011
|
-
],
|
|
2012
|
-
"exports": [
|
|
2013
|
-
{
|
|
2014
|
-
"kind": "js",
|
|
2015
|
-
"name": "AuroCheckboxGroup",
|
|
2016
|
-
"declaration": {
|
|
2017
|
-
"name": "AuroCheckboxGroup",
|
|
2018
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2019
|
-
}
|
|
2020
|
-
}
|
|
2021
|
-
]
|
|
2022
|
-
},
|
|
2023
|
-
{
|
|
2024
|
-
"kind": "javascript-module",
|
|
2025
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2026
|
-
"declarations": [
|
|
2027
|
-
{
|
|
2028
|
-
"kind": "class",
|
|
2029
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2030
|
-
"name": "AuroCheckbox",
|
|
2031
|
-
"cssParts": [
|
|
2032
|
-
{
|
|
2033
|
-
"description": "apply css to a specific checkbox.",
|
|
2034
|
-
"name": "checkbox"
|
|
2035
|
-
},
|
|
2036
|
-
{
|
|
2037
|
-
"description": "apply css to a specific checkbox's input.",
|
|
2038
|
-
"name": "checkbox-input"
|
|
2039
|
-
},
|
|
2040
|
-
{
|
|
2041
|
-
"description": "apply css to a specific checkbox's label.",
|
|
2042
|
-
"name": "checkbox-label"
|
|
2043
|
-
}
|
|
2044
|
-
],
|
|
2045
|
-
"slots": [
|
|
2046
|
-
{
|
|
2047
|
-
"description": "The default slot for the checkbox label.",
|
|
2048
|
-
"name": "default"
|
|
2049
|
-
}
|
|
2050
|
-
],
|
|
2051
|
-
"members": [
|
|
2052
|
-
{
|
|
2053
|
-
"kind": "method",
|
|
2054
|
-
"name": "_initializeDefaults"
|
|
2055
|
-
},
|
|
2056
|
-
{
|
|
2057
|
-
"kind": "method",
|
|
2058
|
-
"name": "register",
|
|
2059
|
-
"static": true,
|
|
2060
|
-
"parameters": [
|
|
2061
|
-
{
|
|
2062
|
-
"name": "name",
|
|
2063
|
-
"default": "\"auro-checkbox\"",
|
|
2064
|
-
"description": "The name of element that you want to register to.",
|
|
2065
|
-
"optional": true,
|
|
2066
|
-
"type": {
|
|
2067
|
-
"text": "string"
|
|
2068
|
-
}
|
|
2069
|
-
}
|
|
2070
|
-
],
|
|
2071
|
-
"description": "This will register this element with the browser."
|
|
2072
|
-
},
|
|
2073
|
-
{
|
|
2074
|
-
"kind": "method",
|
|
2075
|
-
"name": "handleChange",
|
|
2076
|
-
"parameters": [
|
|
2077
|
-
{
|
|
2078
|
-
"name": "event",
|
|
2079
|
-
"description": "The change event from the checkbox input.",
|
|
2080
|
-
"type": {
|
|
2081
|
-
"text": "Event"
|
|
2082
|
-
}
|
|
2083
|
-
}
|
|
2084
|
-
],
|
|
2085
|
-
"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.",
|
|
2086
|
-
"privacy": "private",
|
|
2087
|
-
"return": {
|
|
2088
|
-
"type": {
|
|
2089
|
-
"text": "void"
|
|
2090
|
-
}
|
|
2091
|
-
}
|
|
2092
|
-
},
|
|
2093
|
-
{
|
|
2094
|
-
"kind": "method",
|
|
2095
|
-
"name": "handleInput",
|
|
2096
|
-
"parameters": [
|
|
2097
|
-
{
|
|
2098
|
-
"name": "event",
|
|
2099
|
-
"description": "The input event from the checkbox input.",
|
|
2100
|
-
"type": {
|
|
2101
|
-
"text": "Event"
|
|
2102
|
-
}
|
|
2103
|
-
}
|
|
2104
|
-
],
|
|
2105
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2106
|
-
"privacy": "private",
|
|
2107
|
-
"return": {
|
|
2108
|
-
"type": {
|
|
2109
|
-
"text": "void"
|
|
2110
|
-
}
|
|
2111
|
-
}
|
|
2005
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
2112
2006
|
},
|
|
2113
2007
|
{
|
|
2114
|
-
"kind": "
|
|
2115
|
-
"name": "
|
|
2116
|
-
"description": "
|
|
2008
|
+
"kind": "field",
|
|
2009
|
+
"name": "componentHasFocus",
|
|
2010
|
+
"description": "Returns true if the element has focus.",
|
|
2117
2011
|
"privacy": "private",
|
|
2118
2012
|
"return": {
|
|
2119
2013
|
"type": {
|
|
2120
|
-
"text": "
|
|
2014
|
+
"text": "boolean"
|
|
2121
2015
|
}
|
|
2016
|
+
},
|
|
2017
|
+
"readonly": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2122
2021
|
}
|
|
2123
2022
|
},
|
|
2124
2023
|
{
|
|
2125
2024
|
"kind": "method",
|
|
2126
|
-
"name": "
|
|
2127
|
-
"
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
"type": {
|
|
2131
|
-
"text": "HTMLElement"
|
|
2132
|
-
}
|
|
2025
|
+
"name": "resetShapeClasses",
|
|
2026
|
+
"inheritedFrom": {
|
|
2027
|
+
"name": "AuroElement",
|
|
2028
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2133
2029
|
}
|
|
2134
2030
|
},
|
|
2135
2031
|
{
|
|
2136
2032
|
"kind": "method",
|
|
2137
|
-
"name": "
|
|
2138
|
-
"
|
|
2139
|
-
|
|
2140
|
-
"
|
|
2141
|
-
"text": "void"
|
|
2142
|
-
}
|
|
2033
|
+
"name": "resetLayoutClasses",
|
|
2034
|
+
"inheritedFrom": {
|
|
2035
|
+
"name": "AuroElement",
|
|
2036
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2143
2037
|
}
|
|
2144
2038
|
},
|
|
2145
2039
|
{
|
|
2146
2040
|
"kind": "method",
|
|
2147
|
-
"name": "
|
|
2148
|
-
"
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
"type": {
|
|
2152
|
-
"text": "void"
|
|
2153
|
-
}
|
|
2041
|
+
"name": "updateComponentArchitecture",
|
|
2042
|
+
"inheritedFrom": {
|
|
2043
|
+
"name": "AuroElement",
|
|
2044
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2154
2045
|
}
|
|
2155
2046
|
},
|
|
2156
2047
|
{
|
|
2157
|
-
"kind": "
|
|
2158
|
-
"name": "
|
|
2159
|
-
"
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2169
|
-
"privacy": "private",
|
|
2170
|
-
"return": {
|
|
2171
|
-
"type": {
|
|
2172
|
-
"text": "void"
|
|
2173
|
-
}
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "shape",
|
|
2050
|
+
"privacy": "public",
|
|
2051
|
+
"type": {
|
|
2052
|
+
"text": "string"
|
|
2053
|
+
},
|
|
2054
|
+
"attribute": "shape",
|
|
2055
|
+
"reflects": true,
|
|
2056
|
+
"inheritedFrom": {
|
|
2057
|
+
"name": "AuroElement",
|
|
2058
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2174
2059
|
}
|
|
2175
2060
|
},
|
|
2176
2061
|
{
|
|
2177
2062
|
"kind": "field",
|
|
2178
|
-
"name": "
|
|
2063
|
+
"name": "size",
|
|
2179
2064
|
"privacy": "public",
|
|
2180
2065
|
"type": {
|
|
2181
|
-
"text": "
|
|
2066
|
+
"text": "string"
|
|
2067
|
+
},
|
|
2068
|
+
"attribute": "size",
|
|
2069
|
+
"reflects": true,
|
|
2070
|
+
"inheritedFrom": {
|
|
2071
|
+
"name": "AuroElement",
|
|
2072
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2073
|
+
}
|
|
2074
|
+
}
|
|
2075
|
+
],
|
|
2076
|
+
"events": [
|
|
2077
|
+
{
|
|
2078
|
+
"name": "inputValue",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "CustomEvent"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2083
|
+
},
|
|
2084
|
+
{
|
|
2085
|
+
"name": "input",
|
|
2086
|
+
"type": {
|
|
2087
|
+
"text": "CustomEvent"
|
|
2088
|
+
},
|
|
2089
|
+
"description": "Notifies that the component has a new value set."
|
|
2090
|
+
},
|
|
2091
|
+
{
|
|
2092
|
+
"name": "auroCombobox-valueSet",
|
|
2093
|
+
"type": {
|
|
2094
|
+
"text": "CustomEvent"
|
|
2095
|
+
},
|
|
2096
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2097
|
+
},
|
|
2098
|
+
{
|
|
2099
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2100
|
+
"name": "auroFormElement-validated"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"attributes": [
|
|
2104
|
+
{
|
|
2105
|
+
"name": "appearance",
|
|
2106
|
+
"type": {
|
|
2107
|
+
"text": "string"
|
|
2182
2108
|
},
|
|
2183
2109
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2184
2110
|
"default": "'default'",
|
|
2185
|
-
"
|
|
2186
|
-
"reflects": true
|
|
2111
|
+
"fieldName": "appearance"
|
|
2187
2112
|
},
|
|
2188
2113
|
{
|
|
2189
|
-
"
|
|
2190
|
-
"
|
|
2191
|
-
|
|
2114
|
+
"name": "autocomplete",
|
|
2115
|
+
"type": {
|
|
2116
|
+
"text": "string"
|
|
2117
|
+
},
|
|
2118
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2119
|
+
"fieldName": "autocomplete"
|
|
2120
|
+
},
|
|
2121
|
+
{
|
|
2122
|
+
"name": "autoPlacement",
|
|
2192
2123
|
"type": {
|
|
2193
2124
|
"text": "boolean"
|
|
2194
2125
|
},
|
|
2195
|
-
"description": "If
|
|
2196
|
-
"
|
|
2197
|
-
|
|
2126
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2127
|
+
"fieldName": "autoPlacement"
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"name": "availableOptions",
|
|
2131
|
+
"type": {
|
|
2132
|
+
"text": "array"
|
|
2133
|
+
},
|
|
2134
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
2135
|
+
"fieldName": "availableOptions"
|
|
2136
|
+
},
|
|
2137
|
+
{
|
|
2138
|
+
"name": "behavior",
|
|
2139
|
+
"type": {
|
|
2140
|
+
"text": "'filter' | 'suggestion'"
|
|
2141
|
+
},
|
|
2142
|
+
"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.",
|
|
2143
|
+
"default": "'suggestion'",
|
|
2144
|
+
"fieldName": "behavior"
|
|
2145
|
+
},
|
|
2146
|
+
{
|
|
2147
|
+
"name": "checkmark",
|
|
2148
|
+
"type": {
|
|
2149
|
+
"text": "boolean"
|
|
2150
|
+
},
|
|
2151
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2152
|
+
"fieldName": "checkmark"
|
|
2198
2153
|
},
|
|
2199
2154
|
{
|
|
2200
|
-
"kind": "field",
|
|
2201
2155
|
"name": "disabled",
|
|
2202
|
-
"privacy": "public",
|
|
2203
2156
|
"type": {
|
|
2204
2157
|
"text": "boolean"
|
|
2205
2158
|
},
|
|
2206
|
-
"description": "If set
|
|
2207
|
-
"
|
|
2208
|
-
"reflects": true
|
|
2159
|
+
"description": "If set, disables the combobox.",
|
|
2160
|
+
"fieldName": "disabled"
|
|
2209
2161
|
},
|
|
2210
2162
|
{
|
|
2211
|
-
"
|
|
2212
|
-
"name": "error",
|
|
2213
|
-
"privacy": "public",
|
|
2163
|
+
"name": "dvInputOnly",
|
|
2214
2164
|
"type": {
|
|
2215
2165
|
"text": "boolean"
|
|
2216
2166
|
},
|
|
2217
|
-
"description": "If
|
|
2218
|
-
"
|
|
2219
|
-
"reflects": true
|
|
2167
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2168
|
+
"fieldName": "dvInputOnly"
|
|
2220
2169
|
},
|
|
2221
2170
|
{
|
|
2222
|
-
"
|
|
2223
|
-
"name": "id",
|
|
2224
|
-
"privacy": "public",
|
|
2171
|
+
"name": "error",
|
|
2225
2172
|
"type": {
|
|
2226
2173
|
"text": "string"
|
|
2227
2174
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2230
|
-
"reflects": true
|
|
2175
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2176
|
+
"fieldName": "error"
|
|
2231
2177
|
},
|
|
2232
2178
|
{
|
|
2233
|
-
"
|
|
2234
|
-
"name": "inputId",
|
|
2235
|
-
"privacy": "private",
|
|
2179
|
+
"name": "format",
|
|
2236
2180
|
"type": {
|
|
2237
2181
|
"text": "string"
|
|
2238
2182
|
},
|
|
2239
|
-
"description": "
|
|
2183
|
+
"description": "Specifies the input mask format.",
|
|
2184
|
+
"fieldName": "format"
|
|
2240
2185
|
},
|
|
2241
2186
|
{
|
|
2242
|
-
"
|
|
2243
|
-
"name": "name",
|
|
2244
|
-
"privacy": "public",
|
|
2187
|
+
"name": "inputmode",
|
|
2245
2188
|
"type": {
|
|
2246
2189
|
"text": "string"
|
|
2247
2190
|
},
|
|
2248
|
-
"description": "
|
|
2249
|
-
"
|
|
2191
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2192
|
+
"fieldName": "inputmode"
|
|
2250
2193
|
},
|
|
2251
2194
|
{
|
|
2252
|
-
"
|
|
2253
|
-
"
|
|
2254
|
-
|
|
2195
|
+
"name": "layout",
|
|
2196
|
+
"type": {
|
|
2197
|
+
"text": "string"
|
|
2198
|
+
},
|
|
2199
|
+
"description": "Sets the layout of the combobox.",
|
|
2200
|
+
"default": "'classic'",
|
|
2201
|
+
"fieldName": "layout",
|
|
2202
|
+
"inheritedFrom": {
|
|
2203
|
+
"name": "AuroElement",
|
|
2204
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
{
|
|
2208
|
+
"name": "matchWidth",
|
|
2255
2209
|
"type": {
|
|
2256
2210
|
"text": "boolean"
|
|
2257
2211
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2260
|
-
"reflects": true
|
|
2212
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2213
|
+
"fieldName": "matchWidth"
|
|
2261
2214
|
},
|
|
2262
2215
|
{
|
|
2263
|
-
"
|
|
2264
|
-
"name": "touched",
|
|
2265
|
-
"privacy": "private",
|
|
2216
|
+
"name": "noFilter",
|
|
2266
2217
|
"type": {
|
|
2267
2218
|
"text": "boolean"
|
|
2268
2219
|
},
|
|
2269
|
-
"description": "
|
|
2220
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2221
|
+
"fieldName": "noFilter"
|
|
2270
2222
|
},
|
|
2271
2223
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "value",
|
|
2274
|
-
"privacy": "public",
|
|
2224
|
+
"name": "noFlip",
|
|
2275
2225
|
"type": {
|
|
2276
|
-
"text": "
|
|
2226
|
+
"text": "boolean"
|
|
2277
2227
|
},
|
|
2278
|
-
"description": "
|
|
2279
|
-
"
|
|
2228
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2229
|
+
"fieldName": "noFlip"
|
|
2280
2230
|
},
|
|
2281
2231
|
{
|
|
2282
|
-
"
|
|
2283
|
-
"
|
|
2284
|
-
|
|
2232
|
+
"name": "shift",
|
|
2233
|
+
"type": {
|
|
2234
|
+
"text": "boolean"
|
|
2235
|
+
},
|
|
2236
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2237
|
+
"fieldName": "shift"
|
|
2238
|
+
},
|
|
2239
|
+
{
|
|
2240
|
+
"name": "noValidate",
|
|
2241
|
+
"type": {
|
|
2242
|
+
"text": "boolean"
|
|
2243
|
+
},
|
|
2244
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2245
|
+
"fieldName": "noValidate"
|
|
2246
|
+
},
|
|
2247
|
+
{
|
|
2248
|
+
"name": "offset",
|
|
2285
2249
|
"type": {
|
|
2286
2250
|
"text": "number"
|
|
2287
2251
|
},
|
|
2288
|
-
"description": "
|
|
2289
|
-
"
|
|
2290
|
-
"
|
|
2252
|
+
"description": "Gap between the trigger element and bib.",
|
|
2253
|
+
"default": "0",
|
|
2254
|
+
"fieldName": "offset"
|
|
2291
2255
|
},
|
|
2292
2256
|
{
|
|
2293
|
-
"
|
|
2294
|
-
"name": "ariaChecked",
|
|
2295
|
-
"privacy": "private",
|
|
2257
|
+
"name": "onDark",
|
|
2296
2258
|
"type": {
|
|
2297
|
-
"text": "
|
|
2259
|
+
"text": "boolean"
|
|
2298
2260
|
},
|
|
2299
|
-
"description": "
|
|
2300
|
-
"
|
|
2301
|
-
"reflects": true
|
|
2261
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2262
|
+
"fieldName": "onDark"
|
|
2302
2263
|
},
|
|
2303
2264
|
{
|
|
2304
|
-
"
|
|
2305
|
-
"name": "ariaDisabled",
|
|
2306
|
-
"privacy": "private",
|
|
2265
|
+
"name": "optionSelected",
|
|
2307
2266
|
"type": {
|
|
2308
|
-
"text": "
|
|
2267
|
+
"text": "HTMLElement"
|
|
2309
2268
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"reflects": true
|
|
2269
|
+
"description": "Specifies the current selected option.",
|
|
2270
|
+
"fieldName": "optionSelected"
|
|
2313
2271
|
},
|
|
2314
2272
|
{
|
|
2315
|
-
"
|
|
2316
|
-
"name": "role",
|
|
2317
|
-
"privacy": "private",
|
|
2273
|
+
"name": "persistInput",
|
|
2318
2274
|
"type": {
|
|
2319
|
-
"text": "
|
|
2275
|
+
"text": "boolean"
|
|
2320
2276
|
},
|
|
2321
|
-
"description": "
|
|
2322
|
-
"
|
|
2323
|
-
|
|
2324
|
-
}
|
|
2325
|
-
],
|
|
2326
|
-
"events": [
|
|
2277
|
+
"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.",
|
|
2278
|
+
"fieldName": "persistInput"
|
|
2279
|
+
},
|
|
2327
2280
|
{
|
|
2328
|
-
"name": "
|
|
2281
|
+
"name": "placement",
|
|
2329
2282
|
"type": {
|
|
2330
|
-
"text": "
|
|
2331
|
-
}
|
|
2283
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2284
|
+
},
|
|
2285
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2286
|
+
"default": "'bottom-start'",
|
|
2287
|
+
"fieldName": "placement"
|
|
2332
2288
|
},
|
|
2333
2289
|
{
|
|
2334
|
-
"name": "
|
|
2290
|
+
"name": "placeholder",
|
|
2335
2291
|
"type": {
|
|
2336
|
-
"text": "
|
|
2337
|
-
}
|
|
2292
|
+
"text": "string"
|
|
2293
|
+
},
|
|
2294
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2295
|
+
"fieldName": "placeholder"
|
|
2338
2296
|
},
|
|
2339
2297
|
{
|
|
2340
|
-
"name": "
|
|
2298
|
+
"name": "required",
|
|
2341
2299
|
"type": {
|
|
2342
|
-
"text": "
|
|
2343
|
-
}
|
|
2300
|
+
"text": "boolean"
|
|
2301
|
+
},
|
|
2302
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2303
|
+
"fieldName": "required"
|
|
2344
2304
|
},
|
|
2345
2305
|
{
|
|
2346
|
-
"
|
|
2347
|
-
"
|
|
2306
|
+
"name": "setCustomValidity",
|
|
2307
|
+
"type": {
|
|
2308
|
+
"text": "string"
|
|
2309
|
+
},
|
|
2310
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2311
|
+
"fieldName": "setCustomValidity"
|
|
2348
2312
|
},
|
|
2349
2313
|
{
|
|
2350
|
-
"
|
|
2351
|
-
"name": "input"
|
|
2352
|
-
}
|
|
2353
|
-
],
|
|
2354
|
-
"attributes": [
|
|
2355
|
-
{
|
|
2356
|
-
"name": "appearance",
|
|
2314
|
+
"name": "setCustomValidityCustomError",
|
|
2357
2315
|
"type": {
|
|
2358
|
-
"text": "
|
|
2316
|
+
"text": "string"
|
|
2359
2317
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"fieldName": "appearance"
|
|
2318
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2319
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2363
2320
|
},
|
|
2364
2321
|
{
|
|
2365
|
-
"name": "
|
|
2322
|
+
"name": "setCustomValidityValueMissing",
|
|
2366
2323
|
"type": {
|
|
2367
|
-
"text": "
|
|
2324
|
+
"text": "string"
|
|
2368
2325
|
},
|
|
2369
|
-
"description": "
|
|
2370
|
-
"fieldName": "
|
|
2326
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2327
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2371
2328
|
},
|
|
2372
2329
|
{
|
|
2373
|
-
"name": "
|
|
2330
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2374
2331
|
"type": {
|
|
2375
|
-
"text": "
|
|
2332
|
+
"text": "string"
|
|
2376
2333
|
},
|
|
2377
|
-
"description": "
|
|
2378
|
-
"fieldName": "
|
|
2334
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2335
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2379
2336
|
},
|
|
2380
2337
|
{
|
|
2381
|
-
"name": "
|
|
2338
|
+
"name": "triggerIcon",
|
|
2382
2339
|
"type": {
|
|
2383
2340
|
"text": "boolean"
|
|
2384
2341
|
},
|
|
2385
|
-
"description": "If set
|
|
2386
|
-
"fieldName": "
|
|
2342
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2343
|
+
"fieldName": "triggerIcon"
|
|
2387
2344
|
},
|
|
2388
2345
|
{
|
|
2389
|
-
"name": "
|
|
2346
|
+
"name": "type",
|
|
2390
2347
|
"type": {
|
|
2391
2348
|
"text": "string"
|
|
2392
2349
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"fieldName": "
|
|
2350
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2351
|
+
"fieldName": "type"
|
|
2395
2352
|
},
|
|
2396
2353
|
{
|
|
2397
|
-
"name": "
|
|
2354
|
+
"name": "typedValue",
|
|
2398
2355
|
"type": {
|
|
2399
2356
|
"text": "string"
|
|
2400
2357
|
},
|
|
2401
|
-
"description": "
|
|
2402
|
-
"fieldName": "
|
|
2358
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2359
|
+
"fieldName": "typedValue"
|
|
2403
2360
|
},
|
|
2404
2361
|
{
|
|
2405
|
-
"name": "
|
|
2362
|
+
"name": "validity",
|
|
2406
2363
|
"type": {
|
|
2407
|
-
"text": "
|
|
2364
|
+
"text": "string"
|
|
2408
2365
|
},
|
|
2409
|
-
"description": "
|
|
2410
|
-
"fieldName": "
|
|
2366
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2367
|
+
"fieldName": "validity"
|
|
2411
2368
|
},
|
|
2412
2369
|
{
|
|
2413
2370
|
"name": "value",
|
|
2414
2371
|
"type": {
|
|
2415
2372
|
"text": "string"
|
|
2416
2373
|
},
|
|
2417
|
-
"description": "
|
|
2374
|
+
"description": "Value selected for the dropdown menu.",
|
|
2418
2375
|
"fieldName": "value"
|
|
2419
2376
|
},
|
|
2420
2377
|
{
|
|
2421
|
-
"name": "
|
|
2378
|
+
"name": "largeFullscreenHeadline",
|
|
2422
2379
|
"type": {
|
|
2423
|
-
"text": "
|
|
2380
|
+
"text": "boolean"
|
|
2424
2381
|
},
|
|
2425
|
-
"description": "
|
|
2426
|
-
"fieldName": "
|
|
2382
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2383
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2427
2384
|
},
|
|
2428
2385
|
{
|
|
2429
|
-
"name": "
|
|
2386
|
+
"name": "fullscreenBreakpoint",
|
|
2430
2387
|
"type": {
|
|
2431
|
-
"text": "
|
|
2388
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2432
2389
|
},
|
|
2433
|
-
"description": "
|
|
2434
|
-
"
|
|
2390
|
+
"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.",
|
|
2391
|
+
"default": "'sm'",
|
|
2392
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2435
2393
|
},
|
|
2436
2394
|
{
|
|
2437
|
-
"name": "
|
|
2395
|
+
"name": "shape",
|
|
2438
2396
|
"type": {
|
|
2439
2397
|
"text": "string"
|
|
2440
2398
|
},
|
|
2441
|
-
"
|
|
2442
|
-
"
|
|
2399
|
+
"fieldName": "shape",
|
|
2400
|
+
"inheritedFrom": {
|
|
2401
|
+
"name": "AuroElement",
|
|
2402
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2403
|
+
}
|
|
2443
2404
|
},
|
|
2444
2405
|
{
|
|
2445
|
-
"name": "
|
|
2406
|
+
"name": "size",
|
|
2446
2407
|
"type": {
|
|
2447
2408
|
"text": "string"
|
|
2448
2409
|
},
|
|
2449
|
-
"
|
|
2450
|
-
"
|
|
2410
|
+
"fieldName": "size",
|
|
2411
|
+
"inheritedFrom": {
|
|
2412
|
+
"name": "AuroElement",
|
|
2413
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2414
|
+
}
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "ondark",
|
|
2418
|
+
"type": {
|
|
2419
|
+
"text": "boolean"
|
|
2420
|
+
},
|
|
2421
|
+
"fieldName": "onDark",
|
|
2422
|
+
"inheritedFrom": {
|
|
2423
|
+
"name": "AuroElement",
|
|
2424
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2425
|
+
}
|
|
2451
2426
|
}
|
|
2452
2427
|
],
|
|
2453
2428
|
"superclass": {
|
|
2454
|
-
"name": "
|
|
2455
|
-
"
|
|
2429
|
+
"name": "AuroElement",
|
|
2430
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2456
2431
|
},
|
|
2457
|
-
"tagName": "auro-
|
|
2432
|
+
"tagName": "auro-combobox",
|
|
2458
2433
|
"customElement": true
|
|
2459
2434
|
}
|
|
2460
2435
|
],
|
|
2461
2436
|
"exports": [
|
|
2462
2437
|
{
|
|
2463
2438
|
"kind": "js",
|
|
2464
|
-
"name": "
|
|
2439
|
+
"name": "AuroCombobox",
|
|
2465
2440
|
"declaration": {
|
|
2466
|
-
"name": "
|
|
2467
|
-
"module": "components/
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2468
2443
|
}
|
|
2469
2444
|
}
|
|
2470
2445
|
]
|
|
2471
2446
|
},
|
|
2472
2447
|
{
|
|
2473
2448
|
"kind": "javascript-module",
|
|
2474
|
-
"path": "components/
|
|
2475
|
-
"declarations": [
|
|
2449
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2450
|
+
"declarations": [
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "variable",
|
|
2453
|
+
"name": "comboboxKeyboardStrategy",
|
|
2454
|
+
"type": {
|
|
2455
|
+
"text": "object"
|
|
2456
|
+
},
|
|
2457
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(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. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } 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(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
2458
|
+
}
|
|
2459
|
+
],
|
|
2476
2460
|
"exports": [
|
|
2477
2461
|
{
|
|
2478
2462
|
"kind": "js",
|
|
2479
|
-
"name": "
|
|
2463
|
+
"name": "comboboxKeyboardStrategy",
|
|
2480
2464
|
"declaration": {
|
|
2481
|
-
"name": "
|
|
2482
|
-
"module": "components/
|
|
2465
|
+
"name": "comboboxKeyboardStrategy",
|
|
2466
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2483
2467
|
}
|
|
2484
|
-
}
|
|
2468
|
+
}
|
|
2469
|
+
]
|
|
2470
|
+
},
|
|
2471
|
+
{
|
|
2472
|
+
"kind": "javascript-module",
|
|
2473
|
+
"path": "components/combobox/src/index.js",
|
|
2474
|
+
"declarations": [],
|
|
2475
|
+
"exports": [
|
|
2485
2476
|
{
|
|
2486
2477
|
"kind": "js",
|
|
2487
|
-
"name": "
|
|
2478
|
+
"name": "AuroCombobox",
|
|
2488
2479
|
"declaration": {
|
|
2489
|
-
"name": "
|
|
2490
|
-
"module": "components/
|
|
2480
|
+
"name": "AuroCombobox",
|
|
2481
|
+
"module": "components/combobox/src/index.js"
|
|
2491
2482
|
}
|
|
2492
2483
|
}
|
|
2493
2484
|
]
|
|
2494
2485
|
},
|
|
2495
2486
|
{
|
|
2496
2487
|
"kind": "javascript-module",
|
|
2497
|
-
"path": "components/
|
|
2488
|
+
"path": "components/combobox/src/registered.js",
|
|
2498
2489
|
"declarations": [],
|
|
2499
|
-
"exports": [
|
|
2490
|
+
"exports": [
|
|
2491
|
+
{
|
|
2492
|
+
"kind": "js",
|
|
2493
|
+
"name": "AuroCombobox",
|
|
2494
|
+
"declaration": {
|
|
2495
|
+
"name": "AuroCombobox",
|
|
2496
|
+
"module": "components/combobox/src/registered.js"
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2499
|
+
]
|
|
2500
2500
|
},
|
|
2501
2501
|
{
|
|
2502
2502
|
"kind": "javascript-module",
|
|
@@ -4598,7 +4598,7 @@
|
|
|
4598
4598
|
{
|
|
4599
4599
|
"kind": "method",
|
|
4600
4600
|
"name": "setActive",
|
|
4601
|
-
"description": "Imperatively marks this cell as active without triggering a Lit re-render.\nButtons stay tabindex=\"-1\" because DOM focus stays on the grid wrapper —\narrow keys move the active cell imperatively and the live region carries\nthe SR announcement
|
|
4601
|
+
"description": "Imperatively marks this cell as active without triggering a Lit re-render.\nButtons stay tabindex=\"-1\" because DOM focus stays on the grid wrapper —\narrow keys move the active cell imperatively and the live region carries\nthe SR announcement.",
|
|
4602
4602
|
"return": {
|
|
4603
4603
|
"type": {
|
|
4604
4604
|
"text": "void"
|
|
@@ -5764,7 +5764,7 @@
|
|
|
5764
5764
|
{
|
|
5765
5765
|
"kind": "method",
|
|
5766
5766
|
"name": "scrollToActiveCell",
|
|
5767
|
-
"description": "Scrolls the calendar
|
|
5767
|
+
"description": "Scrolls the calendar to ensure the active cell is visible.\nTargets the cell itself (not its month) so that same-month vertical\nnavigation in mobile fullscreen — where a single month can exceed the\nviewport height — scrolls to the target row. `block: 'nearest'` is a\nno-op when the cell is already in view, preserving desktop behavior.",
|
|
5768
5768
|
"privacy": "private",
|
|
5769
5769
|
"return": {
|
|
5770
5770
|
"type": {
|
|
@@ -5989,7 +5989,7 @@
|
|
|
5989
5989
|
"type": {
|
|
5990
5990
|
"text": "null"
|
|
5991
5991
|
},
|
|
5992
|
-
"description": "Cached reference to the active cell host
|
|
5992
|
+
"description": "Cached reference to the active cell host, set by setActiveCell.\nLets scrollToActiveCell skip a full cell scan on each arrow key.",
|
|
5993
5993
|
"privacy": "private",
|
|
5994
5994
|
"default": "null"
|
|
5995
5995
|
},
|
|
@@ -12067,6 +12067,21 @@
|
|
|
12067
12067
|
"module": "components/input/src/base-input.js"
|
|
12068
12068
|
}
|
|
12069
12069
|
},
|
|
12070
|
+
{
|
|
12071
|
+
"kind": "method",
|
|
12072
|
+
"name": "_initializePrivateDefaults",
|
|
12073
|
+
"description": "Internal Defaults.",
|
|
12074
|
+
"privacy": "private",
|
|
12075
|
+
"return": {
|
|
12076
|
+
"type": {
|
|
12077
|
+
"text": "void"
|
|
12078
|
+
}
|
|
12079
|
+
},
|
|
12080
|
+
"inheritedFrom": {
|
|
12081
|
+
"name": "BaseInput",
|
|
12082
|
+
"module": "components/input/src/base-input.js"
|
|
12083
|
+
}
|
|
12084
|
+
},
|
|
12070
12085
|
{
|
|
12071
12086
|
"kind": "field",
|
|
12072
12087
|
"name": "valueObject",
|
|
@@ -12580,35 +12595,6 @@
|
|
|
12580
12595
|
"module": "components/input/src/base-input.js"
|
|
12581
12596
|
}
|
|
12582
12597
|
},
|
|
12583
|
-
{
|
|
12584
|
-
"kind": "field",
|
|
12585
|
-
"name": "activeLabel",
|
|
12586
|
-
"privacy": "public",
|
|
12587
|
-
"type": {
|
|
12588
|
-
"text": "boolean"
|
|
12589
|
-
},
|
|
12590
|
-
"description": "If set, the label will remain fixed in the active position.",
|
|
12591
|
-
"default": "false",
|
|
12592
|
-
"attribute": "activeLabel",
|
|
12593
|
-
"reflects": true,
|
|
12594
|
-
"inheritedFrom": {
|
|
12595
|
-
"name": "BaseInput",
|
|
12596
|
-
"module": "components/input/src/base-input.js"
|
|
12597
|
-
}
|
|
12598
|
-
},
|
|
12599
|
-
{
|
|
12600
|
-
"kind": "field",
|
|
12601
|
-
"name": "allowedInputTypes",
|
|
12602
|
-
"type": {
|
|
12603
|
-
"text": "array"
|
|
12604
|
-
},
|
|
12605
|
-
"privacy": "private",
|
|
12606
|
-
"default": "[ \"text\", \"number\", \"email\", \"password\", \"credit-card\", \"tel\" ]",
|
|
12607
|
-
"inheritedFrom": {
|
|
12608
|
-
"name": "BaseInput",
|
|
12609
|
-
"module": "components/input/src/base-input.js"
|
|
12610
|
-
}
|
|
12611
|
-
},
|
|
12612
12598
|
{
|
|
12613
12599
|
"kind": "field",
|
|
12614
12600
|
"name": "appearance",
|
|
@@ -12625,19 +12611,6 @@
|
|
|
12625
12611
|
"module": "components/input/src/base-input.js"
|
|
12626
12612
|
}
|
|
12627
12613
|
},
|
|
12628
|
-
{
|
|
12629
|
-
"kind": "field",
|
|
12630
|
-
"name": "dateFormatMap",
|
|
12631
|
-
"type": {
|
|
12632
|
-
"text": "object"
|
|
12633
|
-
},
|
|
12634
|
-
"privacy": "private",
|
|
12635
|
-
"default": "{ 'mm/dd/yyyy': 'dateMMDDYYYY', 'dd/mm/yyyy': 'dateDDMMYYYY', 'yyyy/mm/dd': 'dateYYYYMMDD', 'yyyy/dd/mm': 'dateYYYYDDMM', 'mm/yy': 'dateMMYY', 'yy/mm': 'dateYYMM', 'mm/yyyy': 'dateMMYYYY', 'yyyy/mm': 'dateYYYYMM', 'yy': 'dateYY', 'yyyy': 'dateYYYY', 'mm': 'dateMM', 'dd': 'dateDD', 'dd/mm': 'dateDDMM', 'mm/dd': 'dateMMDD' }",
|
|
12636
|
-
"inheritedFrom": {
|
|
12637
|
-
"name": "BaseInput",
|
|
12638
|
-
"module": "components/input/src/base-input.js"
|
|
12639
|
-
}
|
|
12640
|
-
},
|
|
12641
12614
|
{
|
|
12642
12615
|
"kind": "field",
|
|
12643
12616
|
"name": "disabled",
|
|
@@ -12654,101 +12627,6 @@
|
|
|
12654
12627
|
"module": "components/input/src/base-input.js"
|
|
12655
12628
|
}
|
|
12656
12629
|
},
|
|
12657
|
-
{
|
|
12658
|
-
"kind": "field",
|
|
12659
|
-
"name": "domHandler",
|
|
12660
|
-
"privacy": "private",
|
|
12661
|
-
"default": "new DomHandler()",
|
|
12662
|
-
"inheritedFrom": {
|
|
12663
|
-
"name": "BaseInput",
|
|
12664
|
-
"module": "components/input/src/base-input.js"
|
|
12665
|
-
}
|
|
12666
|
-
},
|
|
12667
|
-
{
|
|
12668
|
-
"kind": "field",
|
|
12669
|
-
"name": "dvInputOnly",
|
|
12670
|
-
"privacy": "public",
|
|
12671
|
-
"type": {
|
|
12672
|
-
"text": "boolean"
|
|
12673
|
-
},
|
|
12674
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
12675
|
-
"default": "false",
|
|
12676
|
-
"attribute": "dvInputOnly",
|
|
12677
|
-
"reflects": true,
|
|
12678
|
-
"inheritedFrom": {
|
|
12679
|
-
"name": "BaseInput",
|
|
12680
|
-
"module": "components/input/src/base-input.js"
|
|
12681
|
-
}
|
|
12682
|
-
},
|
|
12683
|
-
{
|
|
12684
|
-
"kind": "field",
|
|
12685
|
-
"name": "hasValue",
|
|
12686
|
-
"privacy": "public",
|
|
12687
|
-
"type": {
|
|
12688
|
-
"text": "boolean"
|
|
12689
|
-
},
|
|
12690
|
-
"description": "Flag to indicate if the input currently has value.",
|
|
12691
|
-
"default": "false",
|
|
12692
|
-
"inheritedFrom": {
|
|
12693
|
-
"name": "BaseInput",
|
|
12694
|
-
"module": "components/input/src/base-input.js"
|
|
12695
|
-
}
|
|
12696
|
-
},
|
|
12697
|
-
{
|
|
12698
|
-
"kind": "field",
|
|
12699
|
-
"name": "hideLabelVisually",
|
|
12700
|
-
"privacy": "private",
|
|
12701
|
-
"type": {
|
|
12702
|
-
"text": "boolean"
|
|
12703
|
-
},
|
|
12704
|
-
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
12705
|
-
"default": "false",
|
|
12706
|
-
"attribute": "hideLabelVisually",
|
|
12707
|
-
"reflects": true,
|
|
12708
|
-
"inheritedFrom": {
|
|
12709
|
-
"name": "BaseInput",
|
|
12710
|
-
"module": "components/input/src/base-input.js"
|
|
12711
|
-
}
|
|
12712
|
-
},
|
|
12713
|
-
{
|
|
12714
|
-
"kind": "field",
|
|
12715
|
-
"name": "icon",
|
|
12716
|
-
"privacy": "public",
|
|
12717
|
-
"type": {
|
|
12718
|
-
"text": "boolean"
|
|
12719
|
-
},
|
|
12720
|
-
"description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
|
|
12721
|
-
"default": "false",
|
|
12722
|
-
"attribute": "icon",
|
|
12723
|
-
"reflects": true,
|
|
12724
|
-
"inheritedFrom": {
|
|
12725
|
-
"name": "BaseInput",
|
|
12726
|
-
"module": "components/input/src/base-input.js"
|
|
12727
|
-
}
|
|
12728
|
-
},
|
|
12729
|
-
{
|
|
12730
|
-
"kind": "field",
|
|
12731
|
-
"name": "inputIconName",
|
|
12732
|
-
"privacy": "private",
|
|
12733
|
-
"default": "undefined",
|
|
12734
|
-
"inheritedFrom": {
|
|
12735
|
-
"name": "BaseInput",
|
|
12736
|
-
"module": "components/input/src/base-input.js"
|
|
12737
|
-
}
|
|
12738
|
-
},
|
|
12739
|
-
{
|
|
12740
|
-
"kind": "field",
|
|
12741
|
-
"name": "label",
|
|
12742
|
-
"type": {
|
|
12743
|
-
"text": "string"
|
|
12744
|
-
},
|
|
12745
|
-
"privacy": "private",
|
|
12746
|
-
"default": "'Input label is undefined'",
|
|
12747
|
-
"inheritedFrom": {
|
|
12748
|
-
"name": "BaseInput",
|
|
12749
|
-
"module": "components/input/src/base-input.js"
|
|
12750
|
-
}
|
|
12751
|
-
},
|
|
12752
12630
|
{
|
|
12753
12631
|
"kind": "field",
|
|
12754
12632
|
"name": "layout",
|
|
@@ -12861,47 +12739,6 @@
|
|
|
12861
12739
|
"module": "components/input/src/base-input.js"
|
|
12862
12740
|
}
|
|
12863
12741
|
},
|
|
12864
|
-
{
|
|
12865
|
-
"kind": "field",
|
|
12866
|
-
"name": "noValidate",
|
|
12867
|
-
"privacy": "public",
|
|
12868
|
-
"type": {
|
|
12869
|
-
"text": "boolean"
|
|
12870
|
-
},
|
|
12871
|
-
"description": "If set, disables auto-validation on blur.",
|
|
12872
|
-
"default": "false",
|
|
12873
|
-
"attribute": "noValidate",
|
|
12874
|
-
"reflects": true,
|
|
12875
|
-
"inheritedFrom": {
|
|
12876
|
-
"name": "BaseInput",
|
|
12877
|
-
"module": "components/input/src/base-input.js"
|
|
12878
|
-
}
|
|
12879
|
-
},
|
|
12880
|
-
{
|
|
12881
|
-
"kind": "field",
|
|
12882
|
-
"name": "onDark",
|
|
12883
|
-
"privacy": "public",
|
|
12884
|
-
"type": {
|
|
12885
|
-
"text": "boolean"
|
|
12886
|
-
},
|
|
12887
|
-
"attribute": "onDark",
|
|
12888
|
-
"reflects": true,
|
|
12889
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
12890
|
-
"default": "false",
|
|
12891
|
-
"inheritedFrom": {
|
|
12892
|
-
"name": "AuroElement",
|
|
12893
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
12894
|
-
}
|
|
12895
|
-
},
|
|
12896
|
-
{
|
|
12897
|
-
"kind": "field",
|
|
12898
|
-
"name": "_rawMaskValue",
|
|
12899
|
-
"default": "undefined",
|
|
12900
|
-
"inheritedFrom": {
|
|
12901
|
-
"name": "BaseInput",
|
|
12902
|
-
"module": "components/input/src/base-input.js"
|
|
12903
|
-
}
|
|
12904
|
-
},
|
|
12905
12742
|
{
|
|
12906
12743
|
"kind": "field",
|
|
12907
12744
|
"name": "required",
|
|
@@ -12911,94 +12748,8 @@
|
|
|
12911
12748
|
},
|
|
12912
12749
|
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
12913
12750
|
"default": "false",
|
|
12914
|
-
"attribute": "required",
|
|
12915
|
-
"reflects": true,
|
|
12916
|
-
"inheritedFrom": {
|
|
12917
|
-
"name": "BaseInput",
|
|
12918
|
-
"module": "components/input/src/base-input.js"
|
|
12919
|
-
}
|
|
12920
|
-
},
|
|
12921
|
-
{
|
|
12922
|
-
"kind": "field",
|
|
12923
|
-
"name": "setCustomValidityForType",
|
|
12924
|
-
"privacy": "public",
|
|
12925
|
-
"type": {
|
|
12926
|
-
"text": "string"
|
|
12927
|
-
},
|
|
12928
|
-
"description": "Custom help text message to display for the declared element `type` and type validity fails.",
|
|
12929
|
-
"default": "undefined",
|
|
12930
|
-
"attribute": "setCustomValidityForType",
|
|
12931
|
-
"inheritedFrom": {
|
|
12932
|
-
"name": "BaseInput",
|
|
12933
|
-
"module": "components/input/src/base-input.js"
|
|
12934
|
-
}
|
|
12935
|
-
},
|
|
12936
|
-
{
|
|
12937
|
-
"kind": "field",
|
|
12938
|
-
"name": "setSelectionInputTypes",
|
|
12939
|
-
"type": {
|
|
12940
|
-
"text": "array"
|
|
12941
|
-
},
|
|
12942
|
-
"privacy": "private",
|
|
12943
|
-
"default": "[ \"text\", \"password\", \"email\" ]",
|
|
12944
|
-
"inheritedFrom": {
|
|
12945
|
-
"name": "BaseInput",
|
|
12946
|
-
"module": "components/input/src/base-input.js"
|
|
12947
|
-
}
|
|
12948
|
-
},
|
|
12949
|
-
{
|
|
12950
|
-
"kind": "field",
|
|
12951
|
-
"name": "shape",
|
|
12952
|
-
"privacy": "public",
|
|
12953
|
-
"type": {
|
|
12954
|
-
"text": "string"
|
|
12955
|
-
},
|
|
12956
|
-
"attribute": "shape",
|
|
12957
|
-
"reflects": true,
|
|
12958
|
-
"default": "'classic'",
|
|
12959
|
-
"inheritedFrom": {
|
|
12960
|
-
"name": "AuroElement",
|
|
12961
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
12962
|
-
}
|
|
12963
|
-
},
|
|
12964
|
-
{
|
|
12965
|
-
"kind": "field",
|
|
12966
|
-
"name": "showPassword",
|
|
12967
|
-
"privacy": "private",
|
|
12968
|
-
"type": {
|
|
12969
|
-
"text": "boolean"
|
|
12970
|
-
},
|
|
12971
|
-
"default": "false",
|
|
12972
|
-
"attribute": "showPassword",
|
|
12973
|
-
"inheritedFrom": {
|
|
12974
|
-
"name": "BaseInput",
|
|
12975
|
-
"module": "components/input/src/base-input.js"
|
|
12976
|
-
}
|
|
12977
|
-
},
|
|
12978
|
-
{
|
|
12979
|
-
"kind": "field",
|
|
12980
|
-
"name": "size",
|
|
12981
|
-
"privacy": "public",
|
|
12982
|
-
"type": {
|
|
12983
|
-
"text": "string"
|
|
12984
|
-
},
|
|
12985
|
-
"attribute": "size",
|
|
12986
|
-
"reflects": true,
|
|
12987
|
-
"default": "'lg'",
|
|
12988
|
-
"inheritedFrom": {
|
|
12989
|
-
"name": "AuroElement",
|
|
12990
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
12991
|
-
}
|
|
12992
|
-
},
|
|
12993
|
-
{
|
|
12994
|
-
"kind": "field",
|
|
12995
|
-
"name": "touched",
|
|
12996
|
-
"privacy": "private",
|
|
12997
|
-
"type": {
|
|
12998
|
-
"text": "boolean"
|
|
12999
|
-
},
|
|
13000
|
-
"description": "Indicates whether the input is in a dirty state (has been interacted with).",
|
|
13001
|
-
"default": "false",
|
|
12751
|
+
"attribute": "required",
|
|
12752
|
+
"reflects": true,
|
|
13002
12753
|
"inheritedFrom": {
|
|
13003
12754
|
"name": "BaseInput",
|
|
13004
12755
|
"module": "components/input/src/base-input.js"
|
|
@@ -13006,18 +12757,30 @@
|
|
|
13006
12757
|
},
|
|
13007
12758
|
{
|
|
13008
12759
|
"kind": "field",
|
|
13009
|
-
"name": "
|
|
13010
|
-
"privacy": "
|
|
12760
|
+
"name": "onDark",
|
|
12761
|
+
"privacy": "public",
|
|
12762
|
+
"type": {
|
|
12763
|
+
"text": "boolean"
|
|
12764
|
+
},
|
|
12765
|
+
"attribute": "onDark",
|
|
12766
|
+
"reflects": true,
|
|
12767
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
12768
|
+
"default": "false",
|
|
13011
12769
|
"inheritedFrom": {
|
|
13012
|
-
"name": "
|
|
13013
|
-
"module": "components/
|
|
12770
|
+
"name": "AuroElement",
|
|
12771
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
13014
12772
|
}
|
|
13015
12773
|
},
|
|
13016
12774
|
{
|
|
13017
12775
|
"kind": "field",
|
|
13018
|
-
"name": "
|
|
13019
|
-
"privacy": "
|
|
13020
|
-
"
|
|
12776
|
+
"name": "setCustomValidityForType",
|
|
12777
|
+
"privacy": "public",
|
|
12778
|
+
"type": {
|
|
12779
|
+
"text": "string"
|
|
12780
|
+
},
|
|
12781
|
+
"description": "Custom help text message to display for the declared element `type` and type validity fails.",
|
|
12782
|
+
"default": "undefined",
|
|
12783
|
+
"attribute": "setCustomValidityForType",
|
|
13021
12784
|
"inheritedFrom": {
|
|
13022
12785
|
"name": "BaseInput",
|
|
13023
12786
|
"module": "components/input/src/base-input.js"
|
|
@@ -13025,22 +12788,32 @@
|
|
|
13025
12788
|
},
|
|
13026
12789
|
{
|
|
13027
12790
|
"kind": "field",
|
|
13028
|
-
"name": "
|
|
13029
|
-
"privacy": "
|
|
13030
|
-
"
|
|
12791
|
+
"name": "size",
|
|
12792
|
+
"privacy": "public",
|
|
12793
|
+
"type": {
|
|
12794
|
+
"text": "string"
|
|
12795
|
+
},
|
|
12796
|
+
"attribute": "size",
|
|
12797
|
+
"reflects": true,
|
|
12798
|
+
"default": "'lg'",
|
|
13031
12799
|
"inheritedFrom": {
|
|
13032
|
-
"name": "
|
|
13033
|
-
"module": "components/
|
|
12800
|
+
"name": "AuroElement",
|
|
12801
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
13034
12802
|
}
|
|
13035
12803
|
},
|
|
13036
12804
|
{
|
|
13037
12805
|
"kind": "field",
|
|
13038
|
-
"name": "
|
|
13039
|
-
"privacy": "
|
|
13040
|
-
"
|
|
12806
|
+
"name": "shape",
|
|
12807
|
+
"privacy": "public",
|
|
12808
|
+
"type": {
|
|
12809
|
+
"text": "string"
|
|
12810
|
+
},
|
|
12811
|
+
"attribute": "shape",
|
|
12812
|
+
"reflects": true,
|
|
12813
|
+
"default": "'classic'",
|
|
13041
12814
|
"inheritedFrom": {
|
|
13042
|
-
"name": "
|
|
13043
|
-
"module": "components/
|
|
12815
|
+
"name": "AuroElement",
|
|
12816
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
13044
12817
|
}
|
|
13045
12818
|
},
|
|
13046
12819
|
{
|
|
@@ -13127,6 +12900,21 @@
|
|
|
13127
12900
|
"module": "components/input/src/base-input.js"
|
|
13128
12901
|
}
|
|
13129
12902
|
},
|
|
12903
|
+
{
|
|
12904
|
+
"kind": "field",
|
|
12905
|
+
"name": "activeLabel",
|
|
12906
|
+
"privacy": "public",
|
|
12907
|
+
"type": {
|
|
12908
|
+
"text": "boolean"
|
|
12909
|
+
},
|
|
12910
|
+
"description": "If set, the label will remain fixed in the active position.",
|
|
12911
|
+
"attribute": "activeLabel",
|
|
12912
|
+
"reflects": true,
|
|
12913
|
+
"inheritedFrom": {
|
|
12914
|
+
"name": "BaseInput",
|
|
12915
|
+
"module": "components/input/src/base-input.js"
|
|
12916
|
+
}
|
|
12917
|
+
},
|
|
13130
12918
|
{
|
|
13131
12919
|
"kind": "field",
|
|
13132
12920
|
"name": "autocapitalize",
|
|
@@ -13186,6 +12974,21 @@
|
|
|
13186
12974
|
"module": "components/input/src/base-input.js"
|
|
13187
12975
|
}
|
|
13188
12976
|
},
|
|
12977
|
+
{
|
|
12978
|
+
"kind": "field",
|
|
12979
|
+
"name": "dvInputOnly",
|
|
12980
|
+
"privacy": "public",
|
|
12981
|
+
"type": {
|
|
12982
|
+
"text": "boolean"
|
|
12983
|
+
},
|
|
12984
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
12985
|
+
"attribute": "dvInputOnly",
|
|
12986
|
+
"reflects": true,
|
|
12987
|
+
"inheritedFrom": {
|
|
12988
|
+
"name": "BaseInput",
|
|
12989
|
+
"module": "components/input/src/base-input.js"
|
|
12990
|
+
}
|
|
12991
|
+
},
|
|
13189
12992
|
{
|
|
13190
12993
|
"kind": "field",
|
|
13191
12994
|
"name": "error",
|
|
@@ -13243,6 +13046,49 @@
|
|
|
13243
13046
|
"module": "components/input/src/base-input.js"
|
|
13244
13047
|
}
|
|
13245
13048
|
},
|
|
13049
|
+
{
|
|
13050
|
+
"kind": "field",
|
|
13051
|
+
"name": "hasValue",
|
|
13052
|
+
"privacy": "public",
|
|
13053
|
+
"type": {
|
|
13054
|
+
"text": "boolean"
|
|
13055
|
+
},
|
|
13056
|
+
"description": "Flag to indicate if the input currently has value.",
|
|
13057
|
+
"inheritedFrom": {
|
|
13058
|
+
"name": "BaseInput",
|
|
13059
|
+
"module": "components/input/src/base-input.js"
|
|
13060
|
+
}
|
|
13061
|
+
},
|
|
13062
|
+
{
|
|
13063
|
+
"kind": "field",
|
|
13064
|
+
"name": "hideLabelVisually",
|
|
13065
|
+
"privacy": "private",
|
|
13066
|
+
"type": {
|
|
13067
|
+
"text": "boolean"
|
|
13068
|
+
},
|
|
13069
|
+
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
13070
|
+
"attribute": "hideLabelVisually",
|
|
13071
|
+
"reflects": true,
|
|
13072
|
+
"inheritedFrom": {
|
|
13073
|
+
"name": "BaseInput",
|
|
13074
|
+
"module": "components/input/src/base-input.js"
|
|
13075
|
+
}
|
|
13076
|
+
},
|
|
13077
|
+
{
|
|
13078
|
+
"kind": "field",
|
|
13079
|
+
"name": "icon",
|
|
13080
|
+
"privacy": "public",
|
|
13081
|
+
"type": {
|
|
13082
|
+
"text": "boolean"
|
|
13083
|
+
},
|
|
13084
|
+
"description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
|
|
13085
|
+
"attribute": "icon",
|
|
13086
|
+
"reflects": true,
|
|
13087
|
+
"inheritedFrom": {
|
|
13088
|
+
"name": "BaseInput",
|
|
13089
|
+
"module": "components/input/src/base-input.js"
|
|
13090
|
+
}
|
|
13091
|
+
},
|
|
13246
13092
|
{
|
|
13247
13093
|
"kind": "field",
|
|
13248
13094
|
"name": "id",
|
|
@@ -13331,6 +13177,21 @@
|
|
|
13331
13177
|
"module": "components/input/src/base-input.js"
|
|
13332
13178
|
}
|
|
13333
13179
|
},
|
|
13180
|
+
{
|
|
13181
|
+
"kind": "field",
|
|
13182
|
+
"name": "noValidate",
|
|
13183
|
+
"privacy": "public",
|
|
13184
|
+
"type": {
|
|
13185
|
+
"text": "boolean"
|
|
13186
|
+
},
|
|
13187
|
+
"description": "If set, disables auto-validation on blur.",
|
|
13188
|
+
"attribute": "noValidate",
|
|
13189
|
+
"reflects": true,
|
|
13190
|
+
"inheritedFrom": {
|
|
13191
|
+
"name": "BaseInput",
|
|
13192
|
+
"module": "components/input/src/base-input.js"
|
|
13193
|
+
}
|
|
13194
|
+
},
|
|
13334
13195
|
{
|
|
13335
13196
|
"kind": "field",
|
|
13336
13197
|
"name": "pattern",
|
|
@@ -13488,6 +13349,16 @@
|
|
|
13488
13349
|
"module": "components/input/src/base-input.js"
|
|
13489
13350
|
}
|
|
13490
13351
|
},
|
|
13352
|
+
{
|
|
13353
|
+
"kind": "field",
|
|
13354
|
+
"name": "showPassword",
|
|
13355
|
+
"privacy": "public",
|
|
13356
|
+
"attribute": "showPassword",
|
|
13357
|
+
"inheritedFrom": {
|
|
13358
|
+
"name": "BaseInput",
|
|
13359
|
+
"module": "components/input/src/base-input.js"
|
|
13360
|
+
}
|
|
13361
|
+
},
|
|
13491
13362
|
{
|
|
13492
13363
|
"kind": "field",
|
|
13493
13364
|
"name": "simple",
|
|
@@ -13518,6 +13389,19 @@
|
|
|
13518
13389
|
"module": "components/input/src/base-input.js"
|
|
13519
13390
|
}
|
|
13520
13391
|
},
|
|
13392
|
+
{
|
|
13393
|
+
"kind": "field",
|
|
13394
|
+
"name": "touched",
|
|
13395
|
+
"privacy": "private",
|
|
13396
|
+
"type": {
|
|
13397
|
+
"text": "boolean"
|
|
13398
|
+
},
|
|
13399
|
+
"description": "Indicates whether the input is in a dirty state (has been interacted with).",
|
|
13400
|
+
"inheritedFrom": {
|
|
13401
|
+
"name": "BaseInput",
|
|
13402
|
+
"module": "components/input/src/base-input.js"
|
|
13403
|
+
}
|
|
13404
|
+
},
|
|
13521
13405
|
{
|
|
13522
13406
|
"kind": "field",
|
|
13523
13407
|
"name": "type",
|
|
@@ -13665,7 +13549,6 @@
|
|
|
13665
13549
|
"text": "boolean"
|
|
13666
13550
|
},
|
|
13667
13551
|
"description": "If set, the label will remain fixed in the active position.",
|
|
13668
|
-
"default": "false",
|
|
13669
13552
|
"fieldName": "activeLabel",
|
|
13670
13553
|
"inheritedFrom": {
|
|
13671
13554
|
"name": "BaseInput",
|
|
@@ -13752,7 +13635,6 @@
|
|
|
13752
13635
|
"text": "boolean"
|
|
13753
13636
|
},
|
|
13754
13637
|
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
13755
|
-
"default": "false",
|
|
13756
13638
|
"fieldName": "dvInputOnly",
|
|
13757
13639
|
"inheritedFrom": {
|
|
13758
13640
|
"name": "BaseInput",
|
|
@@ -13801,7 +13683,6 @@
|
|
|
13801
13683
|
"text": "boolean"
|
|
13802
13684
|
},
|
|
13803
13685
|
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
13804
|
-
"default": "false",
|
|
13805
13686
|
"fieldName": "hideLabelVisually",
|
|
13806
13687
|
"inheritedFrom": {
|
|
13807
13688
|
"name": "BaseInput",
|
|
@@ -13814,7 +13695,6 @@
|
|
|
13814
13695
|
"text": "boolean"
|
|
13815
13696
|
},
|
|
13816
13697
|
"description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
|
|
13817
|
-
"default": "false",
|
|
13818
13698
|
"fieldName": "icon",
|
|
13819
13699
|
"inheritedFrom": {
|
|
13820
13700
|
"name": "BaseInput",
|
|
@@ -13952,7 +13832,6 @@
|
|
|
13952
13832
|
"text": "boolean"
|
|
13953
13833
|
},
|
|
13954
13834
|
"description": "If set, disables auto-validation on blur.",
|
|
13955
|
-
"default": "false",
|
|
13956
13835
|
"fieldName": "noValidate",
|
|
13957
13836
|
"inheritedFrom": {
|
|
13958
13837
|
"name": "BaseInput",
|
|
@@ -14132,10 +14011,6 @@
|
|
|
14132
14011
|
},
|
|
14133
14012
|
{
|
|
14134
14013
|
"name": "showPassword",
|
|
14135
|
-
"type": {
|
|
14136
|
-
"text": "boolean"
|
|
14137
|
-
},
|
|
14138
|
-
"default": "false",
|
|
14139
14014
|
"fieldName": "showPassword",
|
|
14140
14015
|
"inheritedFrom": {
|
|
14141
14016
|
"name": "BaseInput",
|
|
@@ -14319,6 +14194,17 @@
|
|
|
14319
14194
|
"static": true,
|
|
14320
14195
|
"readonly": true
|
|
14321
14196
|
},
|
|
14197
|
+
{
|
|
14198
|
+
"kind": "method",
|
|
14199
|
+
"name": "_initializePrivateDefaults",
|
|
14200
|
+
"description": "Internal Defaults.",
|
|
14201
|
+
"privacy": "private",
|
|
14202
|
+
"return": {
|
|
14203
|
+
"type": {
|
|
14204
|
+
"text": "void"
|
|
14205
|
+
}
|
|
14206
|
+
}
|
|
14207
|
+
},
|
|
14322
14208
|
{
|
|
14323
14209
|
"kind": "field",
|
|
14324
14210
|
"name": "valueObject",
|
|
@@ -14702,145 +14588,48 @@
|
|
|
14702
14588
|
"name": "processCreditCard",
|
|
14703
14589
|
"description": "Function to support credit-card feature type.",
|
|
14704
14590
|
"privacy": "private",
|
|
14705
|
-
"return": {
|
|
14706
|
-
"type": {
|
|
14707
|
-
"text": "void"
|
|
14708
|
-
}
|
|
14709
|
-
}
|
|
14710
|
-
},
|
|
14711
|
-
{
|
|
14712
|
-
"kind": "method",
|
|
14713
|
-
"name": "matchInputValueToCreditCard",
|
|
14714
|
-
"description": "Function to support credit-card feature type.",
|
|
14715
|
-
"privacy": "private",
|
|
14716
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14717
|
-
"return": {
|
|
14718
|
-
"type": {
|
|
14719
|
-
"text": "object"
|
|
14720
|
-
}
|
|
14721
|
-
}
|
|
14722
|
-
},
|
|
14723
|
-
{
|
|
14724
|
-
"kind": "field",
|
|
14725
|
-
"name": "activeLabel",
|
|
14726
|
-
"privacy": "public",
|
|
14727
|
-
"type": {
|
|
14728
|
-
"text": "boolean"
|
|
14729
|
-
},
|
|
14730
|
-
"description": "If set, the label will remain fixed in the active position.",
|
|
14731
|
-
"default": "false",
|
|
14732
|
-
"attribute": "activeLabel",
|
|
14733
|
-
"reflects": true
|
|
14734
|
-
},
|
|
14735
|
-
{
|
|
14736
|
-
"kind": "field",
|
|
14737
|
-
"name": "allowedInputTypes",
|
|
14738
|
-
"type": {
|
|
14739
|
-
"text": "array"
|
|
14740
|
-
},
|
|
14741
|
-
"privacy": "private",
|
|
14742
|
-
"default": "[ \"text\", \"number\", \"email\", \"password\", \"credit-card\", \"tel\" ]"
|
|
14743
|
-
},
|
|
14744
|
-
{
|
|
14745
|
-
"kind": "field",
|
|
14746
|
-
"name": "appearance",
|
|
14747
|
-
"privacy": "public",
|
|
14748
|
-
"type": {
|
|
14749
|
-
"text": "string"
|
|
14750
|
-
},
|
|
14751
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
14752
|
-
"default": "\"default\"",
|
|
14753
|
-
"attribute": "appearance",
|
|
14754
|
-
"reflects": true
|
|
14755
|
-
},
|
|
14756
|
-
{
|
|
14757
|
-
"kind": "field",
|
|
14758
|
-
"name": "dateFormatMap",
|
|
14759
|
-
"type": {
|
|
14760
|
-
"text": "object"
|
|
14761
|
-
},
|
|
14762
|
-
"privacy": "private",
|
|
14763
|
-
"default": "{ 'mm/dd/yyyy': 'dateMMDDYYYY', 'dd/mm/yyyy': 'dateDDMMYYYY', 'yyyy/mm/dd': 'dateYYYYMMDD', 'yyyy/dd/mm': 'dateYYYYDDMM', 'mm/yy': 'dateMMYY', 'yy/mm': 'dateYYMM', 'mm/yyyy': 'dateMMYYYY', 'yyyy/mm': 'dateYYYYMM', 'yy': 'dateYY', 'yyyy': 'dateYYYY', 'mm': 'dateMM', 'dd': 'dateDD', 'dd/mm': 'dateDDMM', 'mm/dd': 'dateMMDD' }"
|
|
14764
|
-
},
|
|
14765
|
-
{
|
|
14766
|
-
"kind": "field",
|
|
14767
|
-
"name": "disabled",
|
|
14768
|
-
"privacy": "public",
|
|
14769
|
-
"type": {
|
|
14770
|
-
"text": "boolean"
|
|
14771
|
-
},
|
|
14772
|
-
"description": "If set, disables the input.",
|
|
14773
|
-
"default": "false",
|
|
14774
|
-
"attribute": "disabled",
|
|
14775
|
-
"reflects": true
|
|
14776
|
-
},
|
|
14777
|
-
{
|
|
14778
|
-
"kind": "field",
|
|
14779
|
-
"name": "domHandler",
|
|
14780
|
-
"privacy": "private",
|
|
14781
|
-
"default": "new DomHandler()"
|
|
14591
|
+
"return": {
|
|
14592
|
+
"type": {
|
|
14593
|
+
"text": "void"
|
|
14594
|
+
}
|
|
14595
|
+
}
|
|
14782
14596
|
},
|
|
14783
14597
|
{
|
|
14784
|
-
"kind": "
|
|
14785
|
-
"name": "
|
|
14786
|
-
"
|
|
14787
|
-
"
|
|
14788
|
-
|
|
14789
|
-
|
|
14790
|
-
|
|
14791
|
-
|
|
14792
|
-
|
|
14793
|
-
|
|
14598
|
+
"kind": "method",
|
|
14599
|
+
"name": "matchInputValueToCreditCard",
|
|
14600
|
+
"description": "Function to support credit-card feature type.",
|
|
14601
|
+
"privacy": "private",
|
|
14602
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14603
|
+
"return": {
|
|
14604
|
+
"type": {
|
|
14605
|
+
"text": "object"
|
|
14606
|
+
}
|
|
14607
|
+
}
|
|
14794
14608
|
},
|
|
14795
14609
|
{
|
|
14796
14610
|
"kind": "field",
|
|
14797
|
-
"name": "
|
|
14611
|
+
"name": "appearance",
|
|
14798
14612
|
"privacy": "public",
|
|
14799
14613
|
"type": {
|
|
14800
|
-
"text": "
|
|
14801
|
-
},
|
|
14802
|
-
"description": "Flag to indicate if the input currently has value.",
|
|
14803
|
-
"default": "false"
|
|
14804
|
-
},
|
|
14805
|
-
{
|
|
14806
|
-
"kind": "field",
|
|
14807
|
-
"name": "hideLabelVisually",
|
|
14808
|
-
"privacy": "private",
|
|
14809
|
-
"type": {
|
|
14810
|
-
"text": "boolean"
|
|
14614
|
+
"text": "string"
|
|
14811
14615
|
},
|
|
14812
|
-
"description": "
|
|
14813
|
-
"default": "
|
|
14814
|
-
"attribute": "
|
|
14616
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
14617
|
+
"default": "\"default\"",
|
|
14618
|
+
"attribute": "appearance",
|
|
14815
14619
|
"reflects": true
|
|
14816
14620
|
},
|
|
14817
14621
|
{
|
|
14818
14622
|
"kind": "field",
|
|
14819
|
-
"name": "
|
|
14623
|
+
"name": "disabled",
|
|
14820
14624
|
"privacy": "public",
|
|
14821
14625
|
"type": {
|
|
14822
14626
|
"text": "boolean"
|
|
14823
14627
|
},
|
|
14824
|
-
"description": "If set,
|
|
14628
|
+
"description": "If set, disables the input.",
|
|
14825
14629
|
"default": "false",
|
|
14826
|
-
"attribute": "
|
|
14630
|
+
"attribute": "disabled",
|
|
14827
14631
|
"reflects": true
|
|
14828
14632
|
},
|
|
14829
|
-
{
|
|
14830
|
-
"kind": "field",
|
|
14831
|
-
"name": "inputIconName",
|
|
14832
|
-
"privacy": "private",
|
|
14833
|
-
"default": "undefined"
|
|
14834
|
-
},
|
|
14835
|
-
{
|
|
14836
|
-
"kind": "field",
|
|
14837
|
-
"name": "label",
|
|
14838
|
-
"type": {
|
|
14839
|
-
"text": "string"
|
|
14840
|
-
},
|
|
14841
|
-
"privacy": "private",
|
|
14842
|
-
"default": "'Input label is undefined'"
|
|
14843
|
-
},
|
|
14844
14633
|
{
|
|
14845
14634
|
"kind": "field",
|
|
14846
14635
|
"name": "layout",
|
|
@@ -14927,14 +14716,14 @@
|
|
|
14927
14716
|
},
|
|
14928
14717
|
{
|
|
14929
14718
|
"kind": "field",
|
|
14930
|
-
"name": "
|
|
14719
|
+
"name": "required",
|
|
14931
14720
|
"privacy": "public",
|
|
14932
14721
|
"type": {
|
|
14933
14722
|
"text": "boolean"
|
|
14934
14723
|
},
|
|
14935
|
-
"description": "
|
|
14724
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
14936
14725
|
"default": "false",
|
|
14937
|
-
"attribute": "
|
|
14726
|
+
"attribute": "required",
|
|
14938
14727
|
"reflects": true
|
|
14939
14728
|
},
|
|
14940
14729
|
{
|
|
@@ -14953,23 +14742,6 @@
|
|
|
14953
14742
|
"module": "components/layoutElement/src/auroElement.js"
|
|
14954
14743
|
}
|
|
14955
14744
|
},
|
|
14956
|
-
{
|
|
14957
|
-
"kind": "field",
|
|
14958
|
-
"name": "_rawMaskValue",
|
|
14959
|
-
"default": "undefined"
|
|
14960
|
-
},
|
|
14961
|
-
{
|
|
14962
|
-
"kind": "field",
|
|
14963
|
-
"name": "required",
|
|
14964
|
-
"privacy": "public",
|
|
14965
|
-
"type": {
|
|
14966
|
-
"text": "boolean"
|
|
14967
|
-
},
|
|
14968
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
14969
|
-
"default": "false",
|
|
14970
|
-
"attribute": "required",
|
|
14971
|
-
"reflects": true
|
|
14972
|
-
},
|
|
14973
14745
|
{
|
|
14974
14746
|
"kind": "field",
|
|
14975
14747
|
"name": "setCustomValidityForType",
|
|
@@ -14983,23 +14755,14 @@
|
|
|
14983
14755
|
},
|
|
14984
14756
|
{
|
|
14985
14757
|
"kind": "field",
|
|
14986
|
-
"name": "
|
|
14987
|
-
"type": {
|
|
14988
|
-
"text": "array"
|
|
14989
|
-
},
|
|
14990
|
-
"privacy": "private",
|
|
14991
|
-
"default": "[ \"text\", \"password\", \"email\" ]"
|
|
14992
|
-
},
|
|
14993
|
-
{
|
|
14994
|
-
"kind": "field",
|
|
14995
|
-
"name": "shape",
|
|
14758
|
+
"name": "size",
|
|
14996
14759
|
"privacy": "public",
|
|
14997
14760
|
"type": {
|
|
14998
14761
|
"text": "string"
|
|
14999
14762
|
},
|
|
15000
|
-
"attribute": "
|
|
14763
|
+
"attribute": "size",
|
|
15001
14764
|
"reflects": true,
|
|
15002
|
-
"default": "'
|
|
14765
|
+
"default": "'lg'",
|
|
15003
14766
|
"inheritedFrom": {
|
|
15004
14767
|
"name": "AuroElement",
|
|
15005
14768
|
"module": "components/layoutElement/src/auroElement.js"
|
|
@@ -15007,62 +14770,19 @@
|
|
|
15007
14770
|
},
|
|
15008
14771
|
{
|
|
15009
14772
|
"kind": "field",
|
|
15010
|
-
"name": "
|
|
15011
|
-
"privacy": "private",
|
|
15012
|
-
"type": {
|
|
15013
|
-
"text": "boolean"
|
|
15014
|
-
},
|
|
15015
|
-
"default": "false",
|
|
15016
|
-
"attribute": "showPassword"
|
|
15017
|
-
},
|
|
15018
|
-
{
|
|
15019
|
-
"kind": "field",
|
|
15020
|
-
"name": "size",
|
|
14773
|
+
"name": "shape",
|
|
15021
14774
|
"privacy": "public",
|
|
15022
14775
|
"type": {
|
|
15023
14776
|
"text": "string"
|
|
15024
14777
|
},
|
|
15025
|
-
"attribute": "
|
|
14778
|
+
"attribute": "shape",
|
|
15026
14779
|
"reflects": true,
|
|
15027
|
-
"default": "'
|
|
14780
|
+
"default": "'classic'",
|
|
15028
14781
|
"inheritedFrom": {
|
|
15029
14782
|
"name": "AuroElement",
|
|
15030
14783
|
"module": "components/layoutElement/src/auroElement.js"
|
|
15031
14784
|
}
|
|
15032
14785
|
},
|
|
15033
|
-
{
|
|
15034
|
-
"kind": "field",
|
|
15035
|
-
"name": "touched",
|
|
15036
|
-
"privacy": "private",
|
|
15037
|
-
"type": {
|
|
15038
|
-
"text": "boolean"
|
|
15039
|
-
},
|
|
15040
|
-
"description": "Indicates whether the input is in a dirty state (has been interacted with).",
|
|
15041
|
-
"default": "false"
|
|
15042
|
-
},
|
|
15043
|
-
{
|
|
15044
|
-
"kind": "field",
|
|
15045
|
-
"name": "uniqueId",
|
|
15046
|
-
"privacy": "private"
|
|
15047
|
-
},
|
|
15048
|
-
{
|
|
15049
|
-
"kind": "field",
|
|
15050
|
-
"name": "util",
|
|
15051
|
-
"privacy": "private",
|
|
15052
|
-
"default": "new AuroInputUtilities({ locale: this.locale, format: this.format })"
|
|
15053
|
-
},
|
|
15054
|
-
{
|
|
15055
|
-
"kind": "field",
|
|
15056
|
-
"name": "validation",
|
|
15057
|
-
"privacy": "private",
|
|
15058
|
-
"default": "new AuroFormValidation()"
|
|
15059
|
-
},
|
|
15060
|
-
{
|
|
15061
|
-
"kind": "field",
|
|
15062
|
-
"name": "validationCCLength",
|
|
15063
|
-
"privacy": "private",
|
|
15064
|
-
"default": "undefined"
|
|
15065
|
-
},
|
|
15066
14786
|
{
|
|
15067
14787
|
"kind": "field",
|
|
15068
14788
|
"name": "value",
|
|
@@ -15123,6 +14843,17 @@
|
|
|
15123
14843
|
"attribute": "a11yActivedescendant",
|
|
15124
14844
|
"reflects": true
|
|
15125
14845
|
},
|
|
14846
|
+
{
|
|
14847
|
+
"kind": "field",
|
|
14848
|
+
"name": "activeLabel",
|
|
14849
|
+
"privacy": "public",
|
|
14850
|
+
"type": {
|
|
14851
|
+
"text": "boolean"
|
|
14852
|
+
},
|
|
14853
|
+
"description": "If set, the label will remain fixed in the active position.",
|
|
14854
|
+
"attribute": "activeLabel",
|
|
14855
|
+
"reflects": true
|
|
14856
|
+
},
|
|
15126
14857
|
{
|
|
15127
14858
|
"kind": "field",
|
|
15128
14859
|
"name": "autocapitalize",
|
|
@@ -15166,6 +14897,17 @@
|
|
|
15166
14897
|
"description": "Custom help text message for email type validity.",
|
|
15167
14898
|
"attribute": "customValidityTypeEmail"
|
|
15168
14899
|
},
|
|
14900
|
+
{
|
|
14901
|
+
"kind": "field",
|
|
14902
|
+
"name": "dvInputOnly",
|
|
14903
|
+
"privacy": "public",
|
|
14904
|
+
"type": {
|
|
14905
|
+
"text": "boolean"
|
|
14906
|
+
},
|
|
14907
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
14908
|
+
"attribute": "dvInputOnly",
|
|
14909
|
+
"reflects": true
|
|
14910
|
+
},
|
|
15169
14911
|
{
|
|
15170
14912
|
"kind": "field",
|
|
15171
14913
|
"name": "error",
|
|
@@ -15207,6 +14949,37 @@
|
|
|
15207
14949
|
},
|
|
15208
14950
|
"description": "Flag to indicate if the input currently has focus."
|
|
15209
14951
|
},
|
|
14952
|
+
{
|
|
14953
|
+
"kind": "field",
|
|
14954
|
+
"name": "hasValue",
|
|
14955
|
+
"privacy": "public",
|
|
14956
|
+
"type": {
|
|
14957
|
+
"text": "boolean"
|
|
14958
|
+
},
|
|
14959
|
+
"description": "Flag to indicate if the input currently has value."
|
|
14960
|
+
},
|
|
14961
|
+
{
|
|
14962
|
+
"kind": "field",
|
|
14963
|
+
"name": "hideLabelVisually",
|
|
14964
|
+
"privacy": "private",
|
|
14965
|
+
"type": {
|
|
14966
|
+
"text": "boolean"
|
|
14967
|
+
},
|
|
14968
|
+
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
14969
|
+
"attribute": "hideLabelVisually",
|
|
14970
|
+
"reflects": true
|
|
14971
|
+
},
|
|
14972
|
+
{
|
|
14973
|
+
"kind": "field",
|
|
14974
|
+
"name": "icon",
|
|
14975
|
+
"privacy": "public",
|
|
14976
|
+
"type": {
|
|
14977
|
+
"text": "boolean"
|
|
14978
|
+
},
|
|
14979
|
+
"description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
|
|
14980
|
+
"attribute": "icon",
|
|
14981
|
+
"reflects": true
|
|
14982
|
+
},
|
|
15210
14983
|
{
|
|
15211
14984
|
"kind": "field",
|
|
15212
14985
|
"name": "id",
|
|
@@ -15271,6 +15044,17 @@
|
|
|
15271
15044
|
"attribute": "nested",
|
|
15272
15045
|
"reflects": true
|
|
15273
15046
|
},
|
|
15047
|
+
{
|
|
15048
|
+
"kind": "field",
|
|
15049
|
+
"name": "noValidate",
|
|
15050
|
+
"privacy": "public",
|
|
15051
|
+
"type": {
|
|
15052
|
+
"text": "boolean"
|
|
15053
|
+
},
|
|
15054
|
+
"description": "If set, disables auto-validation on blur.",
|
|
15055
|
+
"attribute": "noValidate",
|
|
15056
|
+
"reflects": true
|
|
15057
|
+
},
|
|
15274
15058
|
{
|
|
15275
15059
|
"kind": "field",
|
|
15276
15060
|
"name": "pattern",
|
|
@@ -15384,6 +15168,12 @@
|
|
|
15384
15168
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
15385
15169
|
"attribute": "setCustomValidityValueMissing"
|
|
15386
15170
|
},
|
|
15171
|
+
{
|
|
15172
|
+
"kind": "field",
|
|
15173
|
+
"name": "showPassword",
|
|
15174
|
+
"privacy": "public",
|
|
15175
|
+
"attribute": "showPassword"
|
|
15176
|
+
},
|
|
15387
15177
|
{
|
|
15388
15178
|
"kind": "field",
|
|
15389
15179
|
"name": "simple",
|
|
@@ -15406,6 +15196,15 @@
|
|
|
15406
15196
|
"attribute": "spellcheck",
|
|
15407
15197
|
"reflects": true
|
|
15408
15198
|
},
|
|
15199
|
+
{
|
|
15200
|
+
"kind": "field",
|
|
15201
|
+
"name": "touched",
|
|
15202
|
+
"privacy": "private",
|
|
15203
|
+
"type": {
|
|
15204
|
+
"text": "boolean"
|
|
15205
|
+
},
|
|
15206
|
+
"description": "Indicates whether the input is in a dirty state (has been interacted with)."
|
|
15207
|
+
},
|
|
15409
15208
|
{
|
|
15410
15209
|
"kind": "field",
|
|
15411
15210
|
"name": "type",
|
|
@@ -15535,7 +15334,6 @@
|
|
|
15535
15334
|
"text": "boolean"
|
|
15536
15335
|
},
|
|
15537
15336
|
"description": "If set, the label will remain fixed in the active position.",
|
|
15538
|
-
"default": "false",
|
|
15539
15337
|
"fieldName": "activeLabel"
|
|
15540
15338
|
},
|
|
15541
15339
|
{
|
|
@@ -15594,7 +15392,6 @@
|
|
|
15594
15392
|
"text": "boolean"
|
|
15595
15393
|
},
|
|
15596
15394
|
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
15597
|
-
"default": "false",
|
|
15598
15395
|
"fieldName": "dvInputOnly"
|
|
15599
15396
|
},
|
|
15600
15397
|
{
|
|
@@ -15627,7 +15424,6 @@
|
|
|
15627
15424
|
"text": "boolean"
|
|
15628
15425
|
},
|
|
15629
15426
|
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
15630
|
-
"default": "false",
|
|
15631
15427
|
"fieldName": "hideLabelVisually"
|
|
15632
15428
|
},
|
|
15633
15429
|
{
|
|
@@ -15636,7 +15432,6 @@
|
|
|
15636
15432
|
"text": "boolean"
|
|
15637
15433
|
},
|
|
15638
15434
|
"description": "If set, will render an icon inside the input to the left of the value. Support is limited to auro-input instances with credit card format.",
|
|
15639
|
-
"default": "false",
|
|
15640
15435
|
"fieldName": "icon"
|
|
15641
15436
|
},
|
|
15642
15437
|
{
|
|
@@ -15730,7 +15525,6 @@
|
|
|
15730
15525
|
"text": "boolean"
|
|
15731
15526
|
},
|
|
15732
15527
|
"description": "If set, disables auto-validation on blur.",
|
|
15733
|
-
"default": "false",
|
|
15734
15528
|
"fieldName": "noValidate"
|
|
15735
15529
|
},
|
|
15736
15530
|
{
|
|
@@ -15850,10 +15644,6 @@
|
|
|
15850
15644
|
},
|
|
15851
15645
|
{
|
|
15852
15646
|
"name": "showPassword",
|
|
15853
|
-
"type": {
|
|
15854
|
-
"text": "boolean"
|
|
15855
|
-
},
|
|
15856
|
-
"default": "false",
|
|
15857
15647
|
"fieldName": "showPassword"
|
|
15858
15648
|
},
|
|
15859
15649
|
{
|
|
@@ -19147,18 +18937,6 @@
|
|
|
19147
18937
|
}
|
|
19148
18938
|
}
|
|
19149
18939
|
},
|
|
19150
|
-
{
|
|
19151
|
-
"kind": "method",
|
|
19152
|
-
"name": "_syncLabelText",
|
|
19153
|
-
"description": "Reads the current label slot text and pushes it to the dropdown bib\n(for dialog naming) and the menu (for listbox aria-label). Safe to call\nbefore either child has been wired up — each branch self-guards.",
|
|
19154
|
-
"privacy": "private"
|
|
19155
|
-
},
|
|
19156
|
-
{
|
|
19157
|
-
"kind": "method",
|
|
19158
|
-
"name": "_observeLabelChanges",
|
|
19159
|
-
"description": "Keeps the dialog/menu accessible names in sync when consumers mutate the\nlabel slot at runtime (e.g., i18n locale swap). `slotchange` alone is\ninsufficient — it doesn't fire when textContent of an already-assigned\nslotted node changes, which is the common case. We scope the observer to\nthe label node itself (not the whole host subtree) so option-content\nmutations don't trigger label re-syncs, and re-target on `slotchange`\nwhen consumers add or replace the label element.",
|
|
19160
|
-
"privacy": "private"
|
|
19161
|
-
},
|
|
19162
18940
|
{
|
|
19163
18941
|
"kind": "method",
|
|
19164
18942
|
"name": "register",
|
|
@@ -19877,6 +19655,15 @@
|
|
|
19877
19655
|
"module": "components/layoutElement/src/auroElement.js"
|
|
19878
19656
|
}
|
|
19879
19657
|
},
|
|
19658
|
+
{
|
|
19659
|
+
"kind": "field",
|
|
19660
|
+
"name": "options",
|
|
19661
|
+
"privacy": "private",
|
|
19662
|
+
"type": {
|
|
19663
|
+
"text": "array"
|
|
19664
|
+
},
|
|
19665
|
+
"attribute": "options"
|
|
19666
|
+
},
|
|
19880
19667
|
{
|
|
19881
19668
|
"kind": "field",
|
|
19882
19669
|
"name": "optionSelected",
|
|
@@ -20245,6 +20032,13 @@
|
|
|
20245
20032
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
20246
20033
|
"fieldName": "onDark"
|
|
20247
20034
|
},
|
|
20035
|
+
{
|
|
20036
|
+
"name": "options",
|
|
20037
|
+
"type": {
|
|
20038
|
+
"text": "array"
|
|
20039
|
+
},
|
|
20040
|
+
"fieldName": "options"
|
|
20041
|
+
},
|
|
20248
20042
|
{
|
|
20249
20043
|
"name": "optionSelected",
|
|
20250
20044
|
"type": {
|
|
@@ -20422,7 +20216,7 @@
|
|
|
20422
20216
|
"type": {
|
|
20423
20217
|
"text": "object"
|
|
20424
20218
|
},
|
|
20425
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (
|
|
20219
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { // Always clear the type-ahead buffer — Escape is a universal cancel. // Safe to call when the buffer is empty. // eslint-disable-next-line no-underscore-dangle if (typeof component._clearTypeaheadBuffer === 'function') { // eslint-disable-next-line no-underscore-dangle component._clearTypeaheadBuffer(); } if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); // `pop()` is safe here: getEnabledOptions returns a fresh filtered array. const lastOption = getEnabledOptions(component.menu).pop(); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { // Space resolves to either typeahead-buffer extension or bib toggle // depending on whether a type-ahead buffer is active. Mirrors native // <select> and the WAI-ARIA APG Listbox guidance: mid-typeahead space // is a search character (e.g. \"San Francisco\"); otherwise it toggles. if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (component.typeaheadBuffer && component.typeaheadBuffer.length > 0) { component.updateActiveOptionBasedOnKey(evt.key); return; } if (ctx.isExpanded) { component.dropdown.hide(); } else { component.dropdown.show(); } return; } component.updateActiveOptionBasedOnKey(evt.key); }, }"
|
|
20426
20220
|
}
|
|
20427
20221
|
],
|
|
20428
20222
|
"exports": [
|