@aurodesignsystem-dev/auro-formkit 0.0.0-pr1514.1 → 0.0.0-pr1514.10
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 +121 -97
- package/components/combobox/demo/getting-started.min.js +121 -97
- package/components/combobox/demo/index.min.js +121 -97
- package/components/combobox/dist/index.js +120 -96
- package/components/combobox/dist/registered.js +120 -96
- package/components/counter/demo/customize.min.js +11 -3
- package/components/counter/demo/index.min.js +11 -3
- package/components/counter/dist/index.js +11 -3
- package/components/counter/dist/registered.js +11 -3
- package/components/datepicker/demo/customize.min.js +262 -134
- package/components/datepicker/demo/index.min.js +262 -134
- package/components/datepicker/dist/auro-calendar.d.ts +30 -5
- package/components/datepicker/dist/index.js +262 -134
- package/components/datepicker/dist/registered.js +262 -134
- package/components/dropdown/demo/customize.min.js +2 -1
- package/components/dropdown/demo/getting-started.min.js +2 -1
- package/components/dropdown/demo/index.min.js +2 -1
- package/components/dropdown/dist/index.js +2 -1
- package/components/dropdown/dist/registered.js +2 -1
- package/components/form/demo/customize.min.js +700 -393
- package/components/form/demo/getting-started.min.js +700 -393
- package/components/form/demo/index.min.js +700 -393
- package/components/form/demo/registerDemoDeps.min.js +700 -393
- package/components/input/demo/api.md +5 -5
- package/components/input/demo/customize.md +8 -8
- package/components/input/demo/customize.min.js +116 -93
- package/components/input/demo/getting-started.min.js +116 -93
- package/components/input/demo/index.min.js +116 -93
- package/components/input/dist/base-input.d.ts +33 -44
- package/components/input/dist/index.js +129 -94
- package/components/input/dist/registered.js +116 -93
- 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 +86 -0
- package/components/select/demo/customize.min.js +187 -63
- package/components/select/demo/getting-started.min.js +189 -110
- package/components/select/demo/index.min.js +187 -63
- package/components/select/demo/keyboard-behavior.md +18 -4
- package/components/select/dist/auro-select.d.ts +20 -8
- package/components/select/dist/index.js +187 -63
- package/components/select/dist/registered.js +187 -63
- package/custom-elements.json +1945 -1729
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,34 +267,80 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
275
|
+
"name": "AuroCombobox",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": "
|
|
278
|
+
"description": "Default slot for the menu content.",
|
|
279
|
+
"name": ""
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "HTMLSlotElement"
|
|
284
|
+
},
|
|
282
285
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
283
286
|
"name": "optionalLabel"
|
|
284
287
|
},
|
|
285
288
|
{
|
|
286
|
-
"description": "
|
|
289
|
+
"description": "Sets aria-label on clear button",
|
|
290
|
+
"name": "ariaLabel.input.clear"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
+
"name": "ariaLabel.bib.close"
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"description": "Defines the headline to display above menu-options",
|
|
298
|
+
"name": "bib.fullscreen.headline"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"description": "Defines the content of the label.",
|
|
302
|
+
"name": "label"
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"description": "Defines the content of the helpText.",
|
|
287
306
|
"name": "helpText"
|
|
288
307
|
},
|
|
289
308
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
309
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
310
|
+
"name": "displayValue"
|
|
292
311
|
}
|
|
293
312
|
],
|
|
294
313
|
"members": [
|
|
295
314
|
{
|
|
296
315
|
"kind": "method",
|
|
297
|
-
"name": "_initializeDefaults"
|
|
316
|
+
"name": "_initializeDefaults",
|
|
317
|
+
"privacy": "private",
|
|
318
|
+
"return": {
|
|
319
|
+
"type": {
|
|
320
|
+
"text": "void"
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"kind": "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
|
+
}
|
|
298
344
|
},
|
|
299
345
|
{
|
|
300
346
|
"kind": "method",
|
|
@@ -303,7 +349,7 @@
|
|
|
303
349
|
"parameters": [
|
|
304
350
|
{
|
|
305
351
|
"name": "name",
|
|
306
|
-
"default": "
|
|
352
|
+
"default": "'auro-combobox'",
|
|
307
353
|
"description": "The name of the element that you want to register.",
|
|
308
354
|
"optional": true,
|
|
309
355
|
"type": {
|
|
@@ -315,24 +361,8 @@
|
|
|
315
361
|
},
|
|
316
362
|
{
|
|
317
363
|
"kind": "method",
|
|
318
|
-
"name": "
|
|
319
|
-
"
|
|
320
|
-
{
|
|
321
|
-
"name": "value",
|
|
322
|
-
"description": "The value of the checkbox.",
|
|
323
|
-
"type": {
|
|
324
|
-
"text": "String"
|
|
325
|
-
}
|
|
326
|
-
},
|
|
327
|
-
{
|
|
328
|
-
"name": "selected",
|
|
329
|
-
"description": "The checked state of the checkbox.",
|
|
330
|
-
"type": {
|
|
331
|
-
"text": "Boolean"
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
],
|
|
335
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
364
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
365
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
336
366
|
"privacy": "private",
|
|
337
367
|
"return": {
|
|
338
368
|
"type": {
|
|
@@ -342,8 +372,8 @@
|
|
|
342
372
|
},
|
|
343
373
|
{
|
|
344
374
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "
|
|
375
|
+
"name": "activateLastEnabledAvailableOption",
|
|
376
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
347
377
|
"privacy": "private",
|
|
348
378
|
"return": {
|
|
349
379
|
"type": {
|
|
@@ -353,19 +383,15 @@
|
|
|
353
383
|
},
|
|
354
384
|
{
|
|
355
385
|
"kind": "method",
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
358
|
-
"privacy": "private"
|
|
359
|
-
"return": {
|
|
360
|
-
"type": {
|
|
361
|
-
"text": "void"
|
|
362
|
-
}
|
|
363
|
-
}
|
|
386
|
+
"name": "updateFilter",
|
|
387
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
388
|
+
"privacy": "private"
|
|
364
389
|
},
|
|
365
390
|
{
|
|
366
391
|
"kind": "method",
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
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",
|
|
369
395
|
"return": {
|
|
370
396
|
"type": {
|
|
371
397
|
"text": "void"
|
|
@@ -374,325 +400,159 @@
|
|
|
374
400
|
},
|
|
375
401
|
{
|
|
376
402
|
"kind": "method",
|
|
377
|
-
"name": "
|
|
403
|
+
"name": "updateTriggerTextDisplay",
|
|
378
404
|
"parameters": [
|
|
379
405
|
{
|
|
380
|
-
"name": "
|
|
381
|
-
"
|
|
382
|
-
"description": "Whether to force validation.",
|
|
383
|
-
"optional": true,
|
|
406
|
+
"name": "label",
|
|
407
|
+
"description": "The label of the selected option.",
|
|
384
408
|
"type": {
|
|
385
|
-
"text": "
|
|
409
|
+
"text": "string"
|
|
386
410
|
}
|
|
387
411
|
}
|
|
388
412
|
],
|
|
389
|
-
"description": "
|
|
413
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
414
|
+
"privacy": "private"
|
|
390
415
|
},
|
|
391
416
|
{
|
|
392
|
-
"kind": "
|
|
393
|
-
"name": "
|
|
394
|
-
"
|
|
395
|
-
"
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
"reflects": true
|
|
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.",
|
|
420
|
+
"privacy": "private",
|
|
421
|
+
"return": {
|
|
422
|
+
"type": {
|
|
423
|
+
"text": "void"
|
|
424
|
+
}
|
|
425
|
+
}
|
|
402
426
|
},
|
|
403
427
|
{
|
|
404
|
-
"kind": "
|
|
405
|
-
"name": "
|
|
406
|
-
"
|
|
407
|
-
"
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
428
|
+
"kind": "method",
|
|
429
|
+
"name": "generateOptionsArray",
|
|
430
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
431
|
+
"privacy": "private",
|
|
432
|
+
"return": {
|
|
433
|
+
"type": {
|
|
434
|
+
"text": "void"
|
|
435
|
+
}
|
|
436
|
+
}
|
|
413
437
|
},
|
|
414
438
|
{
|
|
415
|
-
"kind": "
|
|
416
|
-
"name": "
|
|
417
|
-
"
|
|
418
|
-
"
|
|
419
|
-
"
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
"reflects": true
|
|
439
|
+
"kind": "method",
|
|
440
|
+
"name": "hideBib",
|
|
441
|
+
"description": "Hides the dropdown bib if its open.",
|
|
442
|
+
"return": {
|
|
443
|
+
"type": {
|
|
444
|
+
"text": "void"
|
|
445
|
+
}
|
|
446
|
+
}
|
|
424
447
|
},
|
|
425
448
|
{
|
|
426
|
-
"kind": "
|
|
427
|
-
"name": "
|
|
428
|
-
"
|
|
429
|
-
"
|
|
430
|
-
"
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
"reflects": true
|
|
449
|
+
"kind": "method",
|
|
450
|
+
"name": "showBib",
|
|
451
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
452
|
+
"return": {
|
|
453
|
+
"type": {
|
|
454
|
+
"text": "void"
|
|
455
|
+
}
|
|
456
|
+
}
|
|
435
457
|
},
|
|
436
458
|
{
|
|
437
|
-
"kind": "
|
|
438
|
-
"name": "
|
|
439
|
-
"
|
|
440
|
-
"
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
459
|
+
"kind": "method",
|
|
460
|
+
"name": "configureDropdown",
|
|
461
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
462
|
+
"privacy": "private",
|
|
463
|
+
"return": {
|
|
464
|
+
"type": {
|
|
465
|
+
"text": "void"
|
|
466
|
+
}
|
|
467
|
+
}
|
|
446
468
|
},
|
|
447
469
|
{
|
|
448
|
-
"kind": "
|
|
449
|
-
"name": "
|
|
450
|
-
"privacy": "
|
|
451
|
-
"type": {
|
|
452
|
-
"text": "boolean"
|
|
453
|
-
},
|
|
454
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
-
"attribute": "onDark",
|
|
456
|
-
"reflects": true
|
|
470
|
+
"kind": "method",
|
|
471
|
+
"name": "setClearBtnFocus",
|
|
472
|
+
"privacy": "private"
|
|
457
473
|
},
|
|
458
474
|
{
|
|
459
|
-
"kind": "
|
|
460
|
-
"name": "
|
|
461
|
-
"privacy": "
|
|
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
|
|
475
|
+
"kind": "method",
|
|
476
|
+
"name": "setTriggerInputFocus",
|
|
477
|
+
"privacy": "private"
|
|
468
478
|
},
|
|
469
479
|
{
|
|
470
|
-
"kind": "
|
|
471
|
-
"name": "
|
|
472
|
-
"privacy": "
|
|
473
|
-
"type": {
|
|
474
|
-
"text": "string"
|
|
475
|
-
},
|
|
476
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
-
"attribute": "setCustomValidity"
|
|
480
|
+
"kind": "method",
|
|
481
|
+
"name": "setInputFocus",
|
|
482
|
+
"privacy": "private"
|
|
478
483
|
},
|
|
479
484
|
{
|
|
480
|
-
"kind": "
|
|
481
|
-
"name": "
|
|
482
|
-
"
|
|
483
|
-
"
|
|
484
|
-
"text": "string"
|
|
485
|
-
},
|
|
486
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
-
"attribute": "setCustomValidityCustomError"
|
|
485
|
+
"kind": "method",
|
|
486
|
+
"name": "updateBibDialogRole",
|
|
487
|
+
"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.",
|
|
488
|
+
"privacy": "private"
|
|
488
489
|
},
|
|
489
490
|
{
|
|
490
|
-
"kind": "
|
|
491
|
-
"name": "
|
|
492
|
-
"
|
|
493
|
-
"
|
|
494
|
-
"text": "string"
|
|
495
|
-
},
|
|
496
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
-
"attribute": "setCustomValidityValueMissing"
|
|
491
|
+
"kind": "method",
|
|
492
|
+
"name": "updateMenuShapeSize",
|
|
493
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
494
|
+
"privacy": "private"
|
|
498
495
|
},
|
|
499
496
|
{
|
|
500
|
-
"kind": "
|
|
501
|
-
"name": "
|
|
502
|
-
"
|
|
503
|
-
"
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
"reflects": true
|
|
509
|
-
}
|
|
510
|
-
],
|
|
511
|
-
"events": [
|
|
512
|
-
{
|
|
513
|
-
"name": "input",
|
|
514
|
-
"type": {
|
|
515
|
-
"text": "CustomEvent"
|
|
497
|
+
"kind": "method",
|
|
498
|
+
"name": "_getAnnouncementRoot",
|
|
499
|
+
"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.",
|
|
500
|
+
"privacy": "private",
|
|
501
|
+
"return": {
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "ShadowRoot"
|
|
504
|
+
}
|
|
516
505
|
}
|
|
517
506
|
},
|
|
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": [
|
|
662
507
|
{
|
|
663
508
|
"kind": "method",
|
|
664
|
-
"name": "
|
|
509
|
+
"name": "configureMenu",
|
|
510
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
511
|
+
"privacy": "private",
|
|
512
|
+
"return": {
|
|
513
|
+
"type": {
|
|
514
|
+
"text": "void"
|
|
515
|
+
}
|
|
516
|
+
}
|
|
665
517
|
},
|
|
666
518
|
{
|
|
667
519
|
"kind": "method",
|
|
668
|
-
"name": "
|
|
669
|
-
"
|
|
670
|
-
"
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
"
|
|
674
|
-
"description": "The name of element that you want to register to.",
|
|
675
|
-
"optional": true,
|
|
676
|
-
"type": {
|
|
677
|
-
"text": "string"
|
|
678
|
-
}
|
|
520
|
+
"name": "configureInput",
|
|
521
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
522
|
+
"privacy": "private",
|
|
523
|
+
"return": {
|
|
524
|
+
"type": {
|
|
525
|
+
"text": "void"
|
|
679
526
|
}
|
|
680
|
-
|
|
681
|
-
"description": "This will register this element with the browser."
|
|
527
|
+
}
|
|
682
528
|
},
|
|
683
529
|
{
|
|
684
530
|
"kind": "method",
|
|
685
|
-
"name": "
|
|
531
|
+
"name": "handleMenuLoadingChange",
|
|
686
532
|
"parameters": [
|
|
687
533
|
{
|
|
688
534
|
"name": "event",
|
|
689
|
-
"description": "The
|
|
535
|
+
"description": "The event object containing details about the loading state change.",
|
|
690
536
|
"type": {
|
|
691
|
-
"text": "
|
|
537
|
+
"text": "CustomEvent"
|
|
538
|
+
}
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
542
|
+
"name": "event.detail.loading",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "boolean"
|
|
545
|
+
}
|
|
546
|
+
},
|
|
547
|
+
{
|
|
548
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
549
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
550
|
+
"type": {
|
|
551
|
+
"text": "boolean"
|
|
692
552
|
}
|
|
693
553
|
}
|
|
694
554
|
],
|
|
695
|
-
"description": "
|
|
555
|
+
"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.",
|
|
696
556
|
"privacy": "private",
|
|
697
557
|
"return": {
|
|
698
558
|
"type": {
|
|
@@ -702,17 +562,17 @@
|
|
|
702
562
|
},
|
|
703
563
|
{
|
|
704
564
|
"kind": "method",
|
|
705
|
-
"name": "
|
|
565
|
+
"name": "handleInputValueChange",
|
|
706
566
|
"parameters": [
|
|
707
567
|
{
|
|
708
568
|
"name": "event",
|
|
709
|
-
"description": "The input event
|
|
569
|
+
"description": "The input event triggered by the input element.",
|
|
710
570
|
"type": {
|
|
711
571
|
"text": "Event"
|
|
712
572
|
}
|
|
713
573
|
}
|
|
714
574
|
],
|
|
715
|
-
"description": "
|
|
575
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
716
576
|
"privacy": "private",
|
|
717
577
|
"return": {
|
|
718
578
|
"type": {
|
|
@@ -722,8 +582,8 @@
|
|
|
722
582
|
},
|
|
723
583
|
{
|
|
724
584
|
"kind": "method",
|
|
725
|
-
"name": "
|
|
726
|
-
"description": "
|
|
585
|
+
"name": "configureCombobox",
|
|
586
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
727
587
|
"privacy": "private",
|
|
728
588
|
"return": {
|
|
729
589
|
"type": {
|
|
@@ -733,19 +593,8 @@
|
|
|
733
593
|
},
|
|
734
594
|
{
|
|
735
595
|
"kind": "method",
|
|
736
|
-
"name": "
|
|
737
|
-
"description": "
|
|
738
|
-
"privacy": "private",
|
|
739
|
-
"return": {
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "HTMLElement"
|
|
742
|
-
}
|
|
743
|
-
}
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "method",
|
|
747
|
-
"name": "reset",
|
|
748
|
-
"description": "Resets component to initial state.",
|
|
596
|
+
"name": "focus",
|
|
597
|
+
"description": "Focuses the combobox trigger input.",
|
|
749
598
|
"return": {
|
|
750
599
|
"type": {
|
|
751
600
|
"text": "void"
|
|
@@ -754,8 +603,86 @@
|
|
|
754
603
|
},
|
|
755
604
|
{
|
|
756
605
|
"kind": "method",
|
|
757
|
-
"name": "
|
|
758
|
-
"
|
|
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.",
|
|
617
|
+
"return": {
|
|
618
|
+
"type": {
|
|
619
|
+
"text": "void"
|
|
620
|
+
}
|
|
621
|
+
}
|
|
622
|
+
},
|
|
623
|
+
{
|
|
624
|
+
"kind": "method",
|
|
625
|
+
"name": "reset",
|
|
626
|
+
"description": "Resets component to initial state.",
|
|
627
|
+
"return": {
|
|
628
|
+
"type": {
|
|
629
|
+
"text": "void"
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "method",
|
|
635
|
+
"name": "clear",
|
|
636
|
+
"description": "Clears the current value of the combobox.",
|
|
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.",
|
|
759
686
|
"privacy": "private",
|
|
760
687
|
"return": {
|
|
761
688
|
"type": {
|
|
@@ -765,17 +692,31 @@
|
|
|
765
692
|
},
|
|
766
693
|
{
|
|
767
694
|
"kind": "method",
|
|
768
|
-
"name": "
|
|
695
|
+
"name": "updateActiveOption",
|
|
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",
|
|
769
710
|
"parameters": [
|
|
770
711
|
{
|
|
771
712
|
"name": "event",
|
|
772
|
-
"description": "
|
|
713
|
+
"description": "`slotchange` event.",
|
|
773
714
|
"type": {
|
|
774
|
-
"text": "
|
|
715
|
+
"text": "Event"
|
|
775
716
|
}
|
|
776
717
|
}
|
|
777
718
|
],
|
|
778
|
-
"description": "
|
|
719
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
779
720
|
"privacy": "private",
|
|
780
721
|
"return": {
|
|
781
722
|
"type": {
|
|
@@ -788,7 +729,7 @@
|
|
|
788
729
|
"name": "appearance",
|
|
789
730
|
"privacy": "public",
|
|
790
731
|
"type": {
|
|
791
|
-
"text": "
|
|
732
|
+
"text": "string"
|
|
792
733
|
},
|
|
793
734
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
735
|
"default": "'default'",
|
|
@@ -797,769 +738,991 @@
|
|
|
797
738
|
},
|
|
798
739
|
{
|
|
799
740
|
"kind": "field",
|
|
800
|
-
"name": "
|
|
741
|
+
"name": "autocomplete",
|
|
801
742
|
"privacy": "public",
|
|
802
743
|
"type": {
|
|
803
|
-
"text": "
|
|
744
|
+
"text": "string"
|
|
804
745
|
},
|
|
805
|
-
"description": "
|
|
806
|
-
"attribute": "
|
|
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",
|
|
807
748
|
"reflects": true
|
|
808
749
|
},
|
|
809
750
|
{
|
|
810
751
|
"kind": "field",
|
|
811
|
-
"name": "
|
|
752
|
+
"name": "autoPlacement",
|
|
812
753
|
"privacy": "public",
|
|
813
754
|
"type": {
|
|
814
755
|
"text": "boolean"
|
|
815
756
|
},
|
|
816
|
-
"description": "If
|
|
817
|
-
"attribute": "
|
|
757
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
758
|
+
"attribute": "autoPlacement",
|
|
818
759
|
"reflects": true
|
|
819
760
|
},
|
|
820
761
|
{
|
|
821
762
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
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",
|
|
823
774
|
"privacy": "public",
|
|
824
775
|
"type": {
|
|
825
|
-
"text": "
|
|
776
|
+
"text": "'filter' | 'suggestion'"
|
|
826
777
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"
|
|
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",
|
|
829
781
|
"reflects": true
|
|
830
782
|
},
|
|
831
783
|
{
|
|
832
784
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
785
|
+
"name": "checkmark",
|
|
834
786
|
"privacy": "public",
|
|
835
787
|
"type": {
|
|
836
|
-
"text": "
|
|
788
|
+
"text": "boolean"
|
|
837
789
|
},
|
|
838
|
-
"description": "
|
|
839
|
-
"attribute": "
|
|
790
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
791
|
+
"attribute": "checkmark",
|
|
840
792
|
"reflects": true
|
|
841
793
|
},
|
|
842
794
|
{
|
|
843
795
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
796
|
+
"name": "disabled",
|
|
797
|
+
"privacy": "public",
|
|
846
798
|
"type": {
|
|
847
|
-
"text": "
|
|
799
|
+
"text": "boolean"
|
|
848
800
|
},
|
|
849
|
-
"description": "
|
|
801
|
+
"description": "If set, disables the combobox.",
|
|
802
|
+
"attribute": "disabled",
|
|
803
|
+
"reflects": true
|
|
850
804
|
},
|
|
851
805
|
{
|
|
852
806
|
"kind": "field",
|
|
853
|
-
"name": "
|
|
854
|
-
"privacy": "
|
|
807
|
+
"name": "dropdownId",
|
|
808
|
+
"privacy": "private",
|
|
855
809
|
"type": {
|
|
856
810
|
"text": "string"
|
|
857
811
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"attribute": "name"
|
|
812
|
+
"description": "ID for the dropdown."
|
|
860
813
|
},
|
|
861
814
|
{
|
|
862
815
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
864
|
-
"privacy": "
|
|
816
|
+
"name": "dropdownOpen",
|
|
817
|
+
"privacy": "private",
|
|
865
818
|
"type": {
|
|
866
819
|
"text": "boolean"
|
|
867
820
|
},
|
|
868
|
-
"description": "
|
|
869
|
-
"attribute": "onDark",
|
|
870
|
-
"reflects": true
|
|
821
|
+
"description": "Whether or not the dropdown is open."
|
|
871
822
|
},
|
|
872
823
|
{
|
|
873
824
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
875
|
-
"privacy": "
|
|
825
|
+
"name": "dvInputOnly",
|
|
826
|
+
"privacy": "public",
|
|
876
827
|
"type": {
|
|
877
828
|
"text": "boolean"
|
|
878
829
|
},
|
|
879
|
-
"description": "
|
|
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
|
|
880
833
|
},
|
|
881
834
|
{
|
|
882
835
|
"kind": "field",
|
|
883
|
-
"name": "
|
|
836
|
+
"name": "error",
|
|
884
837
|
"privacy": "public",
|
|
885
838
|
"type": {
|
|
886
839
|
"text": "string"
|
|
887
840
|
},
|
|
888
|
-
"description": "
|
|
889
|
-
"attribute": "
|
|
841
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
842
|
+
"attribute": "error",
|
|
843
|
+
"reflects": true
|
|
890
844
|
},
|
|
891
845
|
{
|
|
892
846
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "
|
|
847
|
+
"name": "format",
|
|
848
|
+
"privacy": "public",
|
|
895
849
|
"type": {
|
|
896
|
-
"text": "
|
|
850
|
+
"text": "string"
|
|
897
851
|
},
|
|
898
|
-
"description": "
|
|
899
|
-
"attribute": "
|
|
852
|
+
"description": "Specifies the input mask format.",
|
|
853
|
+
"attribute": "format",
|
|
900
854
|
"reflects": true
|
|
901
855
|
},
|
|
902
856
|
{
|
|
903
857
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
905
|
-
"privacy": "
|
|
858
|
+
"name": "inputmode",
|
|
859
|
+
"privacy": "public",
|
|
906
860
|
"type": {
|
|
907
861
|
"text": "string"
|
|
908
862
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"attribute": "
|
|
863
|
+
"description": "Exposes inputmode attribute for input.",
|
|
864
|
+
"attribute": "inputmode",
|
|
911
865
|
"reflects": true
|
|
912
866
|
},
|
|
913
867
|
{
|
|
914
868
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
869
|
+
"name": "layout",
|
|
870
|
+
"privacy": "public",
|
|
917
871
|
"type": {
|
|
918
872
|
"text": "string"
|
|
919
873
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"
|
|
922
|
-
"
|
|
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
|
+
}
|
|
923
882
|
},
|
|
924
883
|
{
|
|
925
884
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
885
|
+
"name": "matchWidth",
|
|
927
886
|
"privacy": "private",
|
|
928
887
|
"type": {
|
|
929
|
-
"text": "
|
|
888
|
+
"text": "boolean"
|
|
930
889
|
},
|
|
931
|
-
"description": "
|
|
932
|
-
"attribute": "
|
|
890
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
891
|
+
"attribute": "matchWidth",
|
|
933
892
|
"reflects": true
|
|
934
|
-
}
|
|
935
|
-
],
|
|
936
|
-
"events": [
|
|
893
|
+
},
|
|
937
894
|
{
|
|
938
|
-
"
|
|
895
|
+
"kind": "field",
|
|
896
|
+
"name": "noFilter",
|
|
897
|
+
"privacy": "public",
|
|
939
898
|
"type": {
|
|
940
|
-
"text": "
|
|
941
|
-
}
|
|
899
|
+
"text": "boolean"
|
|
900
|
+
},
|
|
901
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
902
|
+
"attribute": "noFilter",
|
|
903
|
+
"reflects": true
|
|
942
904
|
},
|
|
943
905
|
{
|
|
944
|
-
"
|
|
906
|
+
"kind": "field",
|
|
907
|
+
"name": "noFlip",
|
|
908
|
+
"privacy": "public",
|
|
945
909
|
"type": {
|
|
946
|
-
"text": "
|
|
947
|
-
}
|
|
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
|
|
948
915
|
},
|
|
949
916
|
{
|
|
950
|
-
"
|
|
951
|
-
"
|
|
952
|
-
|
|
953
|
-
|
|
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
|
|
954
926
|
},
|
|
955
927
|
{
|
|
956
|
-
"
|
|
957
|
-
"name": "
|
|
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
|
|
958
937
|
},
|
|
959
938
|
{
|
|
960
|
-
"
|
|
961
|
-
"name": "
|
|
962
|
-
|
|
963
|
-
],
|
|
964
|
-
"attributes": [
|
|
965
|
-
{
|
|
966
|
-
"name": "appearance",
|
|
939
|
+
"kind": "field",
|
|
940
|
+
"name": "offset",
|
|
941
|
+
"privacy": "public",
|
|
967
942
|
"type": {
|
|
968
|
-
"text": "
|
|
943
|
+
"text": "number"
|
|
969
944
|
},
|
|
970
|
-
"description": "
|
|
971
|
-
"default": "
|
|
972
|
-
"
|
|
945
|
+
"description": "Gap between the trigger element and bib.",
|
|
946
|
+
"default": "0",
|
|
947
|
+
"attribute": "offset",
|
|
948
|
+
"reflects": true
|
|
973
949
|
},
|
|
974
950
|
{
|
|
975
|
-
"
|
|
951
|
+
"kind": "field",
|
|
952
|
+
"name": "onDark",
|
|
953
|
+
"privacy": "public",
|
|
976
954
|
"type": {
|
|
977
955
|
"text": "boolean"
|
|
978
956
|
},
|
|
979
|
-
"
|
|
980
|
-
"
|
|
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
|
+
}
|
|
981
964
|
},
|
|
982
965
|
{
|
|
983
|
-
"
|
|
966
|
+
"kind": "field",
|
|
967
|
+
"name": "optionSelected",
|
|
968
|
+
"privacy": "public",
|
|
984
969
|
"type": {
|
|
985
|
-
"text": "
|
|
970
|
+
"text": "HTMLElement"
|
|
986
971
|
},
|
|
987
|
-
"description": "
|
|
988
|
-
"
|
|
972
|
+
"description": "Specifies the current selected option.",
|
|
973
|
+
"attribute": "optionSelected"
|
|
989
974
|
},
|
|
990
975
|
{
|
|
991
|
-
"
|
|
976
|
+
"kind": "field",
|
|
977
|
+
"name": "persistInput",
|
|
978
|
+
"privacy": "public",
|
|
992
979
|
"type": {
|
|
993
980
|
"text": "boolean"
|
|
994
981
|
},
|
|
995
|
-
"description": "If
|
|
996
|
-
"
|
|
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
|
|
997
985
|
},
|
|
998
986
|
{
|
|
999
|
-
"
|
|
987
|
+
"kind": "field",
|
|
988
|
+
"name": "placement",
|
|
989
|
+
"privacy": "public",
|
|
1000
990
|
"type": {
|
|
1001
|
-
"text": "
|
|
991
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1002
992
|
},
|
|
1003
|
-
"description": "
|
|
1004
|
-
"
|
|
993
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
994
|
+
"default": "'bottom-start'",
|
|
995
|
+
"attribute": "placement",
|
|
996
|
+
"reflects": true
|
|
1005
997
|
},
|
|
1006
998
|
{
|
|
1007
|
-
"
|
|
999
|
+
"kind": "field",
|
|
1000
|
+
"name": "placeholder",
|
|
1001
|
+
"privacy": "public",
|
|
1008
1002
|
"type": {
|
|
1009
1003
|
"text": "string"
|
|
1010
1004
|
},
|
|
1011
|
-
"description": "
|
|
1012
|
-
"
|
|
1005
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1006
|
+
"attribute": "placeholder",
|
|
1007
|
+
"reflects": true
|
|
1013
1008
|
},
|
|
1014
1009
|
{
|
|
1015
|
-
"
|
|
1010
|
+
"kind": "field",
|
|
1011
|
+
"name": "required",
|
|
1012
|
+
"privacy": "public",
|
|
1016
1013
|
"type": {
|
|
1017
1014
|
"text": "boolean"
|
|
1018
1015
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"
|
|
1016
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1017
|
+
"attribute": "required",
|
|
1018
|
+
"reflects": true
|
|
1021
1019
|
},
|
|
1022
1020
|
{
|
|
1023
|
-
"
|
|
1021
|
+
"kind": "field",
|
|
1022
|
+
"name": "setCustomValidity",
|
|
1023
|
+
"privacy": "public",
|
|
1024
1024
|
"type": {
|
|
1025
1025
|
"text": "string"
|
|
1026
1026
|
},
|
|
1027
|
-
"description": "Sets
|
|
1028
|
-
"
|
|
1027
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1028
|
+
"attribute": "setCustomValidity"
|
|
1029
1029
|
},
|
|
1030
1030
|
{
|
|
1031
|
-
"
|
|
1031
|
+
"kind": "field",
|
|
1032
|
+
"name": "setCustomValidityCustomError",
|
|
1033
|
+
"privacy": "public",
|
|
1032
1034
|
"type": {
|
|
1033
|
-
"text": "
|
|
1035
|
+
"text": "string"
|
|
1034
1036
|
},
|
|
1035
|
-
"description": "
|
|
1036
|
-
"
|
|
1037
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1038
|
+
"attribute": "setCustomValidityCustomError"
|
|
1037
1039
|
},
|
|
1038
1040
|
{
|
|
1039
|
-
"
|
|
1041
|
+
"kind": "field",
|
|
1042
|
+
"name": "setCustomValidityValueMissing",
|
|
1043
|
+
"privacy": "public",
|
|
1040
1044
|
"type": {
|
|
1041
1045
|
"text": "string"
|
|
1042
1046
|
},
|
|
1043
|
-
"description": "
|
|
1044
|
-
"
|
|
1047
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1048
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1045
1049
|
},
|
|
1046
1050
|
{
|
|
1047
|
-
"
|
|
1051
|
+
"kind": "field",
|
|
1052
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1053
|
+
"privacy": "public",
|
|
1048
1054
|
"type": {
|
|
1049
1055
|
"text": "string"
|
|
1050
1056
|
},
|
|
1051
|
-
"description": "
|
|
1052
|
-
"
|
|
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"
|
|
1053
1059
|
},
|
|
1054
1060
|
{
|
|
1055
|
-
"
|
|
1061
|
+
"kind": "field",
|
|
1062
|
+
"name": "touched",
|
|
1063
|
+
"privacy": "private",
|
|
1056
1064
|
"type": {
|
|
1057
|
-
"text": "
|
|
1065
|
+
"text": "boolean"
|
|
1058
1066
|
},
|
|
1059
|
-
"description": "
|
|
1060
|
-
"fieldName": "role"
|
|
1061
|
-
}
|
|
1062
|
-
],
|
|
1063
|
-
"superclass": {
|
|
1064
|
-
"name": "LitElement",
|
|
1065
|
-
"package": "lit"
|
|
1066
|
-
},
|
|
1067
|
-
"tagName": "auro-checkbox",
|
|
1068
|
-
"customElement": true
|
|
1069
|
-
}
|
|
1070
|
-
],
|
|
1071
|
-
"exports": [
|
|
1072
|
-
{
|
|
1073
|
-
"kind": "js",
|
|
1074
|
-
"name": "AuroCheckbox",
|
|
1075
|
-
"declaration": {
|
|
1076
|
-
"name": "AuroCheckbox",
|
|
1077
|
-
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1078
|
-
}
|
|
1079
|
-
}
|
|
1080
|
-
]
|
|
1081
|
-
},
|
|
1082
|
-
{
|
|
1083
|
-
"kind": "javascript-module",
|
|
1084
|
-
"path": "components/checkbox/src/index.js",
|
|
1085
|
-
"declarations": [],
|
|
1086
|
-
"exports": [
|
|
1087
|
-
{
|
|
1088
|
-
"kind": "js",
|
|
1089
|
-
"name": "AuroCheckbox",
|
|
1090
|
-
"declaration": {
|
|
1091
|
-
"name": "AuroCheckbox",
|
|
1092
|
-
"module": "components/checkbox/src/index.js"
|
|
1093
|
-
}
|
|
1094
|
-
},
|
|
1095
|
-
{
|
|
1096
|
-
"kind": "js",
|
|
1097
|
-
"name": "AuroCheckboxGroup",
|
|
1098
|
-
"declaration": {
|
|
1099
|
-
"name": "AuroCheckboxGroup",
|
|
1100
|
-
"module": "components/checkbox/src/index.js"
|
|
1101
|
-
}
|
|
1102
|
-
}
|
|
1103
|
-
]
|
|
1104
|
-
},
|
|
1105
|
-
{
|
|
1106
|
-
"kind": "javascript-module",
|
|
1107
|
-
"path": "components/checkbox/src/registered.js",
|
|
1108
|
-
"declarations": [],
|
|
1109
|
-
"exports": []
|
|
1110
|
-
},
|
|
1111
|
-
{
|
|
1112
|
-
"kind": "javascript-module",
|
|
1113
|
-
"path": "components/combobox/src/auro-combobox.js",
|
|
1114
|
-
"declarations": [
|
|
1115
|
-
{
|
|
1116
|
-
"kind": "class",
|
|
1117
|
-
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
1118
|
-
"name": "AuroCombobox",
|
|
1119
|
-
"slots": [
|
|
1120
|
-
{
|
|
1121
|
-
"description": "Default slot for the menu content.",
|
|
1122
|
-
"name": ""
|
|
1067
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1123
1068
|
},
|
|
1124
1069
|
{
|
|
1070
|
+
"kind": "field",
|
|
1071
|
+
"name": "triggerIcon",
|
|
1072
|
+
"privacy": "public",
|
|
1125
1073
|
"type": {
|
|
1126
|
-
"text": "
|
|
1074
|
+
"text": "boolean"
|
|
1127
1075
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1130
|
-
|
|
1131
|
-
{
|
|
1132
|
-
"description": "Sets aria-label on clear button",
|
|
1133
|
-
"name": "ariaLabel.input.clear"
|
|
1076
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1077
|
+
"attribute": "triggerIcon",
|
|
1078
|
+
"reflects": true
|
|
1134
1079
|
},
|
|
1135
1080
|
{
|
|
1136
|
-
"
|
|
1137
|
-
"name": "
|
|
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
|
|
1138
1090
|
},
|
|
1139
1091
|
{
|
|
1140
|
-
"
|
|
1141
|
-
"name": "
|
|
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
|
|
1142
1101
|
},
|
|
1143
1102
|
{
|
|
1144
|
-
"
|
|
1145
|
-
"name": "
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
"
|
|
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
|
-
}
|
|
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
|
|
1166
1112
|
},
|
|
1167
1113
|
{
|
|
1168
1114
|
"kind": "field",
|
|
1169
|
-
"name": "
|
|
1170
|
-
"
|
|
1171
|
-
"
|
|
1172
|
-
"
|
|
1173
|
-
"text": "string|undefined"
|
|
1174
|
-
}
|
|
1115
|
+
"name": "value",
|
|
1116
|
+
"privacy": "public",
|
|
1117
|
+
"type": {
|
|
1118
|
+
"text": "string"
|
|
1175
1119
|
},
|
|
1176
|
-
"
|
|
1120
|
+
"description": "Value selected for the dropdown menu.",
|
|
1121
|
+
"attribute": "value"
|
|
1177
1122
|
},
|
|
1178
1123
|
{
|
|
1179
|
-
"kind": "
|
|
1180
|
-
"name": "
|
|
1181
|
-
"
|
|
1182
|
-
"
|
|
1183
|
-
"
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
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
|
|
1187
1133
|
},
|
|
1188
1134
|
{
|
|
1189
|
-
"kind": "
|
|
1190
|
-
"name": "
|
|
1191
|
-
"
|
|
1192
|
-
"
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
"text": "string"
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1202
|
-
],
|
|
1203
|
-
"description": "This will register this element with the browser."
|
|
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
|
|
1204
1145
|
},
|
|
1205
1146
|
{
|
|
1206
|
-
"kind": "
|
|
1207
|
-
"name": "
|
|
1208
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1147
|
+
"kind": "field",
|
|
1148
|
+
"name": "optionActive",
|
|
1209
1149
|
"privacy": "private",
|
|
1210
|
-
"
|
|
1211
|
-
"
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
}
|
|
1150
|
+
"type": {
|
|
1151
|
+
"text": "object"
|
|
1152
|
+
},
|
|
1153
|
+
"description": "Specifies the currently active option."
|
|
1215
1154
|
},
|
|
1216
1155
|
{
|
|
1217
|
-
"kind": "
|
|
1218
|
-
"name": "
|
|
1219
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1156
|
+
"kind": "field",
|
|
1157
|
+
"name": "triggerExpandedState",
|
|
1220
1158
|
"privacy": "private",
|
|
1221
|
-
"
|
|
1222
|
-
"
|
|
1223
|
-
|
|
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"
|
|
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\"."
|
|
1232
1163
|
},
|
|
1233
1164
|
{
|
|
1234
|
-
"kind": "
|
|
1235
|
-
"name": "
|
|
1236
|
-
"description": "
|
|
1165
|
+
"kind": "field",
|
|
1166
|
+
"name": "componentHasFocus",
|
|
1167
|
+
"description": "Returns true if the element has focus.",
|
|
1237
1168
|
"privacy": "private",
|
|
1238
1169
|
"return": {
|
|
1239
1170
|
"type": {
|
|
1240
|
-
"text": "
|
|
1171
|
+
"text": "boolean"
|
|
1241
1172
|
}
|
|
1173
|
+
},
|
|
1174
|
+
"readonly": true,
|
|
1175
|
+
"inheritedFrom": {
|
|
1176
|
+
"name": "AuroElement",
|
|
1177
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1242
1178
|
}
|
|
1243
1179
|
},
|
|
1244
1180
|
{
|
|
1245
1181
|
"kind": "method",
|
|
1246
|
-
"name": "
|
|
1247
|
-
"
|
|
1248
|
-
|
|
1249
|
-
|
|
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
|
-
}
|
|
1182
|
+
"name": "resetShapeClasses",
|
|
1183
|
+
"inheritedFrom": {
|
|
1184
|
+
"name": "AuroElement",
|
|
1185
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1268
1186
|
}
|
|
1269
1187
|
},
|
|
1270
1188
|
{
|
|
1271
1189
|
"kind": "method",
|
|
1272
|
-
"name": "
|
|
1273
|
-
"
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
"type": {
|
|
1277
|
-
"text": "void"
|
|
1278
|
-
}
|
|
1190
|
+
"name": "resetLayoutClasses",
|
|
1191
|
+
"inheritedFrom": {
|
|
1192
|
+
"name": "AuroElement",
|
|
1193
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1279
1194
|
}
|
|
1280
1195
|
},
|
|
1281
1196
|
{
|
|
1282
1197
|
"kind": "method",
|
|
1283
|
-
"name": "
|
|
1284
|
-
"
|
|
1285
|
-
|
|
1286
|
-
"
|
|
1287
|
-
"text": "void"
|
|
1288
|
-
}
|
|
1198
|
+
"name": "updateComponentArchitecture",
|
|
1199
|
+
"inheritedFrom": {
|
|
1200
|
+
"name": "AuroElement",
|
|
1201
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1289
1202
|
}
|
|
1290
1203
|
},
|
|
1291
1204
|
{
|
|
1292
|
-
"kind": "
|
|
1293
|
-
"name": "
|
|
1294
|
-
"
|
|
1295
|
-
"
|
|
1296
|
-
"
|
|
1297
|
-
|
|
1298
|
-
|
|
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"
|
|
1299
1216
|
}
|
|
1300
1217
|
},
|
|
1301
1218
|
{
|
|
1302
|
-
"kind": "
|
|
1303
|
-
"name": "
|
|
1304
|
-
"
|
|
1305
|
-
"
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
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"
|
|
1310
1230
|
}
|
|
1311
|
-
}
|
|
1231
|
+
}
|
|
1232
|
+
],
|
|
1233
|
+
"events": [
|
|
1312
1234
|
{
|
|
1313
|
-
"
|
|
1314
|
-
"
|
|
1315
|
-
|
|
1235
|
+
"name": "inputValue",
|
|
1236
|
+
"type": {
|
|
1237
|
+
"text": "CustomEvent"
|
|
1238
|
+
},
|
|
1239
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1316
1240
|
},
|
|
1317
1241
|
{
|
|
1318
|
-
"
|
|
1319
|
-
"
|
|
1320
|
-
|
|
1242
|
+
"name": "input",
|
|
1243
|
+
"type": {
|
|
1244
|
+
"text": "CustomEvent"
|
|
1245
|
+
},
|
|
1246
|
+
"description": "Notifies that the component has a new value set."
|
|
1321
1247
|
},
|
|
1322
1248
|
{
|
|
1323
|
-
"
|
|
1324
|
-
"
|
|
1325
|
-
|
|
1249
|
+
"name": "auroCombobox-valueSet",
|
|
1250
|
+
"type": {
|
|
1251
|
+
"text": "CustomEvent"
|
|
1252
|
+
},
|
|
1253
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1326
1254
|
},
|
|
1327
1255
|
{
|
|
1328
|
-
"
|
|
1329
|
-
"name": "
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
|
|
1256
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1257
|
+
"name": "auroFormElement-validated"
|
|
1258
|
+
}
|
|
1259
|
+
],
|
|
1260
|
+
"attributes": [
|
|
1333
1261
|
{
|
|
1334
|
-
"
|
|
1335
|
-
"
|
|
1336
|
-
|
|
1337
|
-
|
|
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"
|
|
1338
1269
|
},
|
|
1339
1270
|
{
|
|
1340
|
-
"
|
|
1341
|
-
"
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
"
|
|
1345
|
-
|
|
1346
|
-
"text": "ShadowRoot"
|
|
1347
|
-
}
|
|
1348
|
-
}
|
|
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"
|
|
1349
1277
|
},
|
|
1350
1278
|
{
|
|
1351
|
-
"
|
|
1352
|
-
"
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
"
|
|
1356
|
-
|
|
1357
|
-
"text": "void"
|
|
1358
|
-
}
|
|
1359
|
-
}
|
|
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"
|
|
1360
1285
|
},
|
|
1361
1286
|
{
|
|
1362
|
-
"
|
|
1363
|
-
"
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1368
|
-
"text": "void"
|
|
1369
|
-
}
|
|
1370
|
-
}
|
|
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"
|
|
1371
1293
|
},
|
|
1372
1294
|
{
|
|
1373
|
-
"
|
|
1374
|
-
"
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1380
|
-
|
|
1381
|
-
|
|
1382
|
-
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
"
|
|
1399
|
-
"
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
|
|
1403
|
-
|
|
1295
|
+
"name": "behavior",
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "'filter' | 'suggestion'"
|
|
1298
|
+
},
|
|
1299
|
+
"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.",
|
|
1300
|
+
"default": "'suggestion'",
|
|
1301
|
+
"fieldName": "behavior"
|
|
1302
|
+
},
|
|
1303
|
+
{
|
|
1304
|
+
"name": "checkmark",
|
|
1305
|
+
"type": {
|
|
1306
|
+
"text": "boolean"
|
|
1307
|
+
},
|
|
1308
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1309
|
+
"fieldName": "checkmark"
|
|
1310
|
+
},
|
|
1311
|
+
{
|
|
1312
|
+
"name": "disabled",
|
|
1313
|
+
"type": {
|
|
1314
|
+
"text": "boolean"
|
|
1315
|
+
},
|
|
1316
|
+
"description": "If set, disables the combobox.",
|
|
1317
|
+
"fieldName": "disabled"
|
|
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"
|
|
1326
|
+
},
|
|
1327
|
+
{
|
|
1328
|
+
"name": "error",
|
|
1329
|
+
"type": {
|
|
1330
|
+
"text": "string"
|
|
1331
|
+
},
|
|
1332
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1333
|
+
"fieldName": "error"
|
|
1334
|
+
},
|
|
1335
|
+
{
|
|
1336
|
+
"name": "format",
|
|
1337
|
+
"type": {
|
|
1338
|
+
"text": "string"
|
|
1339
|
+
},
|
|
1340
|
+
"description": "Specifies the input mask format.",
|
|
1341
|
+
"fieldName": "format"
|
|
1342
|
+
},
|
|
1343
|
+
{
|
|
1344
|
+
"name": "inputmode",
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "string"
|
|
1347
|
+
},
|
|
1348
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1349
|
+
"fieldName": "inputmode"
|
|
1350
|
+
},
|
|
1351
|
+
{
|
|
1352
|
+
"name": "layout",
|
|
1353
|
+
"type": {
|
|
1354
|
+
"text": "string"
|
|
1355
|
+
},
|
|
1356
|
+
"description": "Sets the layout of the combobox.",
|
|
1357
|
+
"default": "'classic'",
|
|
1358
|
+
"fieldName": "layout",
|
|
1359
|
+
"inheritedFrom": {
|
|
1360
|
+
"name": "AuroElement",
|
|
1361
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1404
1362
|
}
|
|
1405
1363
|
},
|
|
1406
1364
|
{
|
|
1407
|
-
"
|
|
1408
|
-
"
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
"
|
|
1420
|
-
"
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
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"
|
|
1379
|
+
},
|
|
1380
|
+
{
|
|
1381
|
+
"name": "noFlip",
|
|
1382
|
+
"type": {
|
|
1383
|
+
"text": "boolean"
|
|
1384
|
+
},
|
|
1385
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1386
|
+
"fieldName": "noFlip"
|
|
1387
|
+
},
|
|
1388
|
+
{
|
|
1389
|
+
"name": "shift",
|
|
1390
|
+
"type": {
|
|
1391
|
+
"text": "boolean"
|
|
1392
|
+
},
|
|
1393
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1394
|
+
"fieldName": "shift"
|
|
1395
|
+
},
|
|
1396
|
+
{
|
|
1397
|
+
"name": "noValidate",
|
|
1398
|
+
"type": {
|
|
1399
|
+
"text": "boolean"
|
|
1400
|
+
},
|
|
1401
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1402
|
+
"fieldName": "noValidate"
|
|
1403
|
+
},
|
|
1404
|
+
{
|
|
1405
|
+
"name": "offset",
|
|
1406
|
+
"type": {
|
|
1407
|
+
"text": "number"
|
|
1408
|
+
},
|
|
1409
|
+
"description": "Gap between the trigger element and bib.",
|
|
1410
|
+
"default": "0",
|
|
1411
|
+
"fieldName": "offset"
|
|
1412
|
+
},
|
|
1413
|
+
{
|
|
1414
|
+
"name": "onDark",
|
|
1415
|
+
"type": {
|
|
1416
|
+
"text": "boolean"
|
|
1417
|
+
},
|
|
1418
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1419
|
+
"fieldName": "onDark"
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"name": "optionSelected",
|
|
1423
|
+
"type": {
|
|
1424
|
+
"text": "HTMLElement"
|
|
1425
|
+
},
|
|
1426
|
+
"description": "Specifies the current selected option.",
|
|
1427
|
+
"fieldName": "optionSelected"
|
|
1428
|
+
},
|
|
1429
|
+
{
|
|
1430
|
+
"name": "persistInput",
|
|
1431
|
+
"type": {
|
|
1432
|
+
"text": "boolean"
|
|
1433
|
+
},
|
|
1434
|
+
"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.",
|
|
1435
|
+
"fieldName": "persistInput"
|
|
1436
|
+
},
|
|
1437
|
+
{
|
|
1438
|
+
"name": "placement",
|
|
1439
|
+
"type": {
|
|
1440
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1441
|
+
},
|
|
1442
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1443
|
+
"default": "'bottom-start'",
|
|
1444
|
+
"fieldName": "placement"
|
|
1445
|
+
},
|
|
1446
|
+
{
|
|
1447
|
+
"name": "placeholder",
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "string"
|
|
1450
|
+
},
|
|
1451
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1452
|
+
"fieldName": "placeholder"
|
|
1453
|
+
},
|
|
1454
|
+
{
|
|
1455
|
+
"name": "required",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "boolean"
|
|
1458
|
+
},
|
|
1459
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1460
|
+
"fieldName": "required"
|
|
1461
|
+
},
|
|
1462
|
+
{
|
|
1463
|
+
"name": "setCustomValidity",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "string"
|
|
1466
|
+
},
|
|
1467
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1468
|
+
"fieldName": "setCustomValidity"
|
|
1469
|
+
},
|
|
1470
|
+
{
|
|
1471
|
+
"name": "setCustomValidityCustomError",
|
|
1472
|
+
"type": {
|
|
1473
|
+
"text": "string"
|
|
1474
|
+
},
|
|
1475
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1476
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1477
|
+
},
|
|
1478
|
+
{
|
|
1479
|
+
"name": "setCustomValidityValueMissing",
|
|
1480
|
+
"type": {
|
|
1481
|
+
"text": "string"
|
|
1482
|
+
},
|
|
1483
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1484
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1488
|
+
"type": {
|
|
1489
|
+
"text": "string"
|
|
1490
|
+
},
|
|
1491
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1492
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1493
|
+
},
|
|
1494
|
+
{
|
|
1495
|
+
"name": "triggerIcon",
|
|
1496
|
+
"type": {
|
|
1497
|
+
"text": "boolean"
|
|
1498
|
+
},
|
|
1499
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1500
|
+
"fieldName": "triggerIcon"
|
|
1501
|
+
},
|
|
1502
|
+
{
|
|
1503
|
+
"name": "type",
|
|
1504
|
+
"type": {
|
|
1505
|
+
"text": "string"
|
|
1506
|
+
},
|
|
1507
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1508
|
+
"fieldName": "type"
|
|
1509
|
+
},
|
|
1510
|
+
{
|
|
1511
|
+
"name": "typedValue",
|
|
1512
|
+
"type": {
|
|
1513
|
+
"text": "string"
|
|
1514
|
+
},
|
|
1515
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1516
|
+
"fieldName": "typedValue"
|
|
1517
|
+
},
|
|
1518
|
+
{
|
|
1519
|
+
"name": "validity",
|
|
1520
|
+
"type": {
|
|
1521
|
+
"text": "string"
|
|
1522
|
+
},
|
|
1523
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1524
|
+
"fieldName": "validity"
|
|
1525
|
+
},
|
|
1526
|
+
{
|
|
1527
|
+
"name": "value",
|
|
1528
|
+
"type": {
|
|
1529
|
+
"text": "string"
|
|
1530
|
+
},
|
|
1531
|
+
"description": "Value selected for the dropdown menu.",
|
|
1532
|
+
"fieldName": "value"
|
|
1533
|
+
},
|
|
1534
|
+
{
|
|
1535
|
+
"name": "largeFullscreenHeadline",
|
|
1536
|
+
"type": {
|
|
1537
|
+
"text": "boolean"
|
|
1538
|
+
},
|
|
1539
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1540
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1425
1541
|
},
|
|
1426
1542
|
{
|
|
1427
|
-
"
|
|
1428
|
-
"
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
"
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
}
|
|
1435
|
-
}
|
|
1543
|
+
"name": "fullscreenBreakpoint",
|
|
1544
|
+
"type": {
|
|
1545
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1546
|
+
},
|
|
1547
|
+
"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.",
|
|
1548
|
+
"default": "'sm'",
|
|
1549
|
+
"fieldName": "fullscreenBreakpoint"
|
|
1436
1550
|
},
|
|
1437
1551
|
{
|
|
1438
|
-
"
|
|
1439
|
-
"
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1552
|
+
"name": "shape",
|
|
1553
|
+
"type": {
|
|
1554
|
+
"text": "string"
|
|
1555
|
+
},
|
|
1556
|
+
"fieldName": "shape",
|
|
1557
|
+
"inheritedFrom": {
|
|
1558
|
+
"name": "AuroElement",
|
|
1559
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1445
1560
|
}
|
|
1446
1561
|
},
|
|
1447
1562
|
{
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
}
|
|
1457
|
-
}
|
|
1458
|
-
],
|
|
1459
|
-
"description": "Sets the menu value if menu is available.",
|
|
1460
|
-
"return": {
|
|
1461
|
-
"type": {
|
|
1462
|
-
"text": "void"
|
|
1463
|
-
}
|
|
1563
|
+
"name": "size",
|
|
1564
|
+
"type": {
|
|
1565
|
+
"text": "string"
|
|
1566
|
+
},
|
|
1567
|
+
"fieldName": "size",
|
|
1568
|
+
"inheritedFrom": {
|
|
1569
|
+
"name": "AuroElement",
|
|
1570
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1464
1571
|
}
|
|
1465
1572
|
},
|
|
1466
1573
|
{
|
|
1467
|
-
"
|
|
1468
|
-
"
|
|
1469
|
-
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1574
|
+
"name": "ondark",
|
|
1575
|
+
"type": {
|
|
1576
|
+
"text": "boolean"
|
|
1577
|
+
},
|
|
1578
|
+
"fieldName": "onDark",
|
|
1579
|
+
"inheritedFrom": {
|
|
1580
|
+
"name": "AuroElement",
|
|
1581
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1474
1582
|
}
|
|
1583
|
+
}
|
|
1584
|
+
],
|
|
1585
|
+
"superclass": {
|
|
1586
|
+
"name": "AuroElement",
|
|
1587
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
1588
|
+
},
|
|
1589
|
+
"tagName": "auro-combobox",
|
|
1590
|
+
"customElement": true
|
|
1591
|
+
}
|
|
1592
|
+
],
|
|
1593
|
+
"exports": [
|
|
1594
|
+
{
|
|
1595
|
+
"kind": "js",
|
|
1596
|
+
"name": "AuroCombobox",
|
|
1597
|
+
"declaration": {
|
|
1598
|
+
"name": "AuroCombobox",
|
|
1599
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1602
|
+
]
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"kind": "javascript-module",
|
|
1606
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
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
|
+
],
|
|
1617
|
+
"exports": [
|
|
1618
|
+
{
|
|
1619
|
+
"kind": "js",
|
|
1620
|
+
"name": "comboboxKeyboardStrategy",
|
|
1621
|
+
"declaration": {
|
|
1622
|
+
"name": "comboboxKeyboardStrategy",
|
|
1623
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1624
|
+
}
|
|
1625
|
+
}
|
|
1626
|
+
]
|
|
1627
|
+
},
|
|
1628
|
+
{
|
|
1629
|
+
"kind": "javascript-module",
|
|
1630
|
+
"path": "components/combobox/src/index.js",
|
|
1631
|
+
"declarations": [],
|
|
1632
|
+
"exports": [
|
|
1633
|
+
{
|
|
1634
|
+
"kind": "js",
|
|
1635
|
+
"name": "AuroCombobox",
|
|
1636
|
+
"declaration": {
|
|
1637
|
+
"name": "AuroCombobox",
|
|
1638
|
+
"module": "components/combobox/src/index.js"
|
|
1639
|
+
}
|
|
1640
|
+
}
|
|
1641
|
+
]
|
|
1642
|
+
},
|
|
1643
|
+
{
|
|
1644
|
+
"kind": "javascript-module",
|
|
1645
|
+
"path": "components/combobox/src/registered.js",
|
|
1646
|
+
"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
|
+
]
|
|
1657
|
+
},
|
|
1658
|
+
{
|
|
1659
|
+
"kind": "javascript-module",
|
|
1660
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1661
|
+
"declarations": [
|
|
1662
|
+
{
|
|
1663
|
+
"kind": "class",
|
|
1664
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1665
|
+
"name": "AuroCheckboxGroup",
|
|
1666
|
+
"slots": [
|
|
1667
|
+
{
|
|
1668
|
+
"description": "Allows for the legend to be overridden.",
|
|
1669
|
+
"name": "legend"
|
|
1475
1670
|
},
|
|
1476
1671
|
{
|
|
1477
|
-
"
|
|
1478
|
-
"name": "
|
|
1479
|
-
"description": "Clears the current value of the combobox.",
|
|
1480
|
-
"return": {
|
|
1481
|
-
"type": {
|
|
1482
|
-
"text": "void"
|
|
1483
|
-
}
|
|
1484
|
-
}
|
|
1672
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1673
|
+
"name": "optionalLabel"
|
|
1485
1674
|
},
|
|
1486
1675
|
{
|
|
1487
|
-
"
|
|
1488
|
-
"name": "
|
|
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."
|
|
1676
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1677
|
+
"name": "helpText"
|
|
1501
1678
|
},
|
|
1679
|
+
{
|
|
1680
|
+
"description": "The default slot for the checkbox items.",
|
|
1681
|
+
"name": "default"
|
|
1682
|
+
}
|
|
1683
|
+
],
|
|
1684
|
+
"members": [
|
|
1502
1685
|
{
|
|
1503
1686
|
"kind": "method",
|
|
1504
|
-
"name": "
|
|
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
|
-
}
|
|
1687
|
+
"name": "_initializeDefaults"
|
|
1535
1688
|
},
|
|
1536
1689
|
{
|
|
1537
1690
|
"kind": "method",
|
|
1538
|
-
"name": "
|
|
1691
|
+
"name": "register",
|
|
1692
|
+
"static": true,
|
|
1539
1693
|
"parameters": [
|
|
1540
1694
|
{
|
|
1541
|
-
"name": "
|
|
1542
|
-
"
|
|
1695
|
+
"name": "name",
|
|
1696
|
+
"default": "\"auro-checkbox-group\"",
|
|
1697
|
+
"description": "The name of the element that you want to register.",
|
|
1698
|
+
"optional": true,
|
|
1543
1699
|
"type": {
|
|
1544
|
-
"text": "
|
|
1700
|
+
"text": "string"
|
|
1545
1701
|
}
|
|
1546
1702
|
}
|
|
1547
1703
|
],
|
|
1548
|
-
"description": "
|
|
1704
|
+
"description": "This will register this element with the browser."
|
|
1549
1705
|
},
|
|
1550
1706
|
{
|
|
1551
1707
|
"kind": "method",
|
|
1552
|
-
"name": "
|
|
1708
|
+
"name": "handleValueUpdate",
|
|
1553
1709
|
"parameters": [
|
|
1554
1710
|
{
|
|
1555
|
-
"name": "
|
|
1556
|
-
"description": "
|
|
1711
|
+
"name": "value",
|
|
1712
|
+
"description": "The value of the checkbox.",
|
|
1557
1713
|
"type": {
|
|
1558
|
-
"text": "
|
|
1714
|
+
"text": "String"
|
|
1715
|
+
}
|
|
1716
|
+
},
|
|
1717
|
+
{
|
|
1718
|
+
"name": "selected",
|
|
1719
|
+
"description": "The checked state of the checkbox.",
|
|
1720
|
+
"type": {
|
|
1721
|
+
"text": "Boolean"
|
|
1559
1722
|
}
|
|
1560
1723
|
}
|
|
1561
1724
|
],
|
|
1562
|
-
"description": "
|
|
1725
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1563
1726
|
"privacy": "private",
|
|
1564
1727
|
"return": {
|
|
1565
1728
|
"type": {
|
|
@@ -1568,285 +1731,118 @@
|
|
|
1568
1731
|
}
|
|
1569
1732
|
},
|
|
1570
1733
|
{
|
|
1571
|
-
"kind": "
|
|
1572
|
-
"name": "
|
|
1573
|
-
"
|
|
1574
|
-
"type": {
|
|
1575
|
-
"text": "string"
|
|
1576
|
-
},
|
|
1577
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1578
|
-
"default": "'default'",
|
|
1579
|
-
"attribute": "appearance",
|
|
1580
|
-
"reflects": true
|
|
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
|
-
},
|
|
1637
|
-
{
|
|
1638
|
-
"kind": "field",
|
|
1639
|
-
"name": "disabled",
|
|
1640
|
-
"privacy": "public",
|
|
1641
|
-
"type": {
|
|
1642
|
-
"text": "boolean"
|
|
1643
|
-
},
|
|
1644
|
-
"description": "If set, disables the combobox.",
|
|
1645
|
-
"attribute": "disabled",
|
|
1646
|
-
"reflects": true
|
|
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",
|
|
1734
|
+
"kind": "method",
|
|
1735
|
+
"name": "handlePreselectedItems",
|
|
1736
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1660
1737
|
"privacy": "private",
|
|
1661
|
-
"
|
|
1662
|
-
"
|
|
1663
|
-
|
|
1664
|
-
|
|
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
|
-
},
|
|
1677
|
-
{
|
|
1678
|
-
"kind": "field",
|
|
1679
|
-
"name": "error",
|
|
1680
|
-
"privacy": "public",
|
|
1681
|
-
"type": {
|
|
1682
|
-
"text": "string"
|
|
1683
|
-
},
|
|
1684
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1685
|
-
"attribute": "error",
|
|
1686
|
-
"reflects": true
|
|
1687
|
-
},
|
|
1688
|
-
{
|
|
1689
|
-
"kind": "field",
|
|
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"
|
|
1738
|
+
"return": {
|
|
1739
|
+
"type": {
|
|
1740
|
+
"text": "void"
|
|
1741
|
+
}
|
|
1724
1742
|
}
|
|
1725
1743
|
},
|
|
1726
1744
|
{
|
|
1727
|
-
"kind": "
|
|
1728
|
-
"name": "
|
|
1745
|
+
"kind": "method",
|
|
1746
|
+
"name": "handleItems",
|
|
1747
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1729
1748
|
"privacy": "private",
|
|
1730
|
-
"
|
|
1731
|
-
"
|
|
1732
|
-
|
|
1733
|
-
|
|
1734
|
-
|
|
1735
|
-
"reflects": true
|
|
1736
|
-
},
|
|
1737
|
-
{
|
|
1738
|
-
"kind": "field",
|
|
1739
|
-
"name": "noFilter",
|
|
1740
|
-
"privacy": "public",
|
|
1741
|
-
"type": {
|
|
1742
|
-
"text": "boolean"
|
|
1743
|
-
},
|
|
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
|
|
1749
|
+
"return": {
|
|
1750
|
+
"type": {
|
|
1751
|
+
"text": "void"
|
|
1752
|
+
}
|
|
1753
|
+
}
|
|
1758
1754
|
},
|
|
1759
1755
|
{
|
|
1760
|
-
"kind": "
|
|
1761
|
-
"name": "
|
|
1762
|
-
"
|
|
1763
|
-
"
|
|
1764
|
-
"
|
|
1765
|
-
|
|
1766
|
-
|
|
1767
|
-
|
|
1768
|
-
"reflects": true
|
|
1756
|
+
"kind": "method",
|
|
1757
|
+
"name": "reset",
|
|
1758
|
+
"description": "Resets component to initial state.",
|
|
1759
|
+
"return": {
|
|
1760
|
+
"type": {
|
|
1761
|
+
"text": "void"
|
|
1762
|
+
}
|
|
1763
|
+
}
|
|
1769
1764
|
},
|
|
1770
1765
|
{
|
|
1771
|
-
"kind": "
|
|
1772
|
-
"name": "
|
|
1773
|
-
"
|
|
1774
|
-
|
|
1775
|
-
|
|
1776
|
-
|
|
1777
|
-
|
|
1778
|
-
|
|
1779
|
-
|
|
1766
|
+
"kind": "method",
|
|
1767
|
+
"name": "validate",
|
|
1768
|
+
"parameters": [
|
|
1769
|
+
{
|
|
1770
|
+
"name": "force",
|
|
1771
|
+
"default": "false",
|
|
1772
|
+
"description": "Whether to force validation.",
|
|
1773
|
+
"optional": true,
|
|
1774
|
+
"type": {
|
|
1775
|
+
"text": "boolean"
|
|
1776
|
+
}
|
|
1777
|
+
}
|
|
1778
|
+
],
|
|
1779
|
+
"description": "Validates value."
|
|
1780
1780
|
},
|
|
1781
1781
|
{
|
|
1782
1782
|
"kind": "field",
|
|
1783
|
-
"name": "
|
|
1783
|
+
"name": "appearance",
|
|
1784
1784
|
"privacy": "public",
|
|
1785
1785
|
"type": {
|
|
1786
|
-
"text": "
|
|
1786
|
+
"text": "'default' | 'inverse'"
|
|
1787
1787
|
},
|
|
1788
|
-
"description": "
|
|
1789
|
-
"default": "
|
|
1790
|
-
"attribute": "
|
|
1788
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1789
|
+
"default": "'default'",
|
|
1790
|
+
"attribute": "appearance",
|
|
1791
1791
|
"reflects": true
|
|
1792
1792
|
},
|
|
1793
1793
|
{
|
|
1794
1794
|
"kind": "field",
|
|
1795
|
-
"name": "
|
|
1795
|
+
"name": "disabled",
|
|
1796
1796
|
"privacy": "public",
|
|
1797
1797
|
"type": {
|
|
1798
1798
|
"text": "boolean"
|
|
1799
1799
|
},
|
|
1800
|
-
"
|
|
1801
|
-
"
|
|
1802
|
-
"
|
|
1803
|
-
"inheritedFrom": {
|
|
1804
|
-
"name": "AuroElement",
|
|
1805
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1806
|
-
}
|
|
1800
|
+
"description": "If set, disables the checkbox group.",
|
|
1801
|
+
"attribute": "disabled",
|
|
1802
|
+
"reflects": true
|
|
1807
1803
|
},
|
|
1808
1804
|
{
|
|
1809
1805
|
"kind": "field",
|
|
1810
|
-
"name": "
|
|
1806
|
+
"name": "error",
|
|
1811
1807
|
"privacy": "public",
|
|
1812
1808
|
"type": {
|
|
1813
|
-
"text": "
|
|
1809
|
+
"text": "string"
|
|
1814
1810
|
},
|
|
1815
|
-
"description": "
|
|
1816
|
-
"attribute": "
|
|
1811
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1812
|
+
"attribute": "error",
|
|
1813
|
+
"reflects": true
|
|
1817
1814
|
},
|
|
1818
1815
|
{
|
|
1819
1816
|
"kind": "field",
|
|
1820
|
-
"name": "
|
|
1817
|
+
"name": "horizontal",
|
|
1821
1818
|
"privacy": "public",
|
|
1822
1819
|
"type": {
|
|
1823
1820
|
"text": "boolean"
|
|
1824
1821
|
},
|
|
1825
|
-
"description": "If
|
|
1826
|
-
"attribute": "
|
|
1822
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1823
|
+
"attribute": "horizontal",
|
|
1827
1824
|
"reflects": true
|
|
1828
1825
|
},
|
|
1829
1826
|
{
|
|
1830
1827
|
"kind": "field",
|
|
1831
|
-
"name": "
|
|
1828
|
+
"name": "noValidate",
|
|
1832
1829
|
"privacy": "public",
|
|
1833
1830
|
"type": {
|
|
1834
|
-
"text": "
|
|
1831
|
+
"text": "boolean"
|
|
1835
1832
|
},
|
|
1836
|
-
"description": "
|
|
1837
|
-
"
|
|
1838
|
-
"attribute": "placement",
|
|
1833
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1834
|
+
"attribute": "noValidate",
|
|
1839
1835
|
"reflects": true
|
|
1840
1836
|
},
|
|
1841
1837
|
{
|
|
1842
1838
|
"kind": "field",
|
|
1843
|
-
"name": "
|
|
1839
|
+
"name": "onDark",
|
|
1844
1840
|
"privacy": "public",
|
|
1845
1841
|
"type": {
|
|
1846
|
-
"text": "
|
|
1842
|
+
"text": "boolean"
|
|
1847
1843
|
},
|
|
1848
|
-
"description": "
|
|
1849
|
-
"attribute": "
|
|
1844
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1845
|
+
"attribute": "onDark",
|
|
1850
1846
|
"reflects": true
|
|
1851
1847
|
},
|
|
1852
1848
|
{
|
|
@@ -1856,7 +1852,7 @@
|
|
|
1856
1852
|
"type": {
|
|
1857
1853
|
"text": "boolean"
|
|
1858
1854
|
},
|
|
1859
|
-
"description": "Populates the `required` attribute on the
|
|
1855
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1860
1856
|
"attribute": "required",
|
|
1861
1857
|
"reflects": true
|
|
1862
1858
|
},
|
|
@@ -1892,612 +1888,616 @@
|
|
|
1892
1888
|
},
|
|
1893
1889
|
{
|
|
1894
1890
|
"kind": "field",
|
|
1895
|
-
"name": "
|
|
1891
|
+
"name": "validity",
|
|
1896
1892
|
"privacy": "public",
|
|
1897
1893
|
"type": {
|
|
1898
1894
|
"text": "string"
|
|
1899
1895
|
},
|
|
1900
|
-
"description": "
|
|
1901
|
-
"attribute": "
|
|
1896
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1897
|
+
"attribute": "validity",
|
|
1898
|
+
"reflects": true
|
|
1899
|
+
}
|
|
1900
|
+
],
|
|
1901
|
+
"events": [
|
|
1902
|
+
{
|
|
1903
|
+
"name": "input",
|
|
1904
|
+
"type": {
|
|
1905
|
+
"text": "CustomEvent"
|
|
1906
|
+
}
|
|
1902
1907
|
},
|
|
1903
1908
|
{
|
|
1904
|
-
"
|
|
1905
|
-
"name": "
|
|
1906
|
-
|
|
1909
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1910
|
+
"name": "auroFormElement-validated"
|
|
1911
|
+
}
|
|
1912
|
+
],
|
|
1913
|
+
"attributes": [
|
|
1914
|
+
{
|
|
1915
|
+
"name": "appearance",
|
|
1907
1916
|
"type": {
|
|
1908
|
-
"text": "
|
|
1917
|
+
"text": "'default' | 'inverse'"
|
|
1909
1918
|
},
|
|
1910
|
-
"description": "
|
|
1919
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1920
|
+
"default": "'default'",
|
|
1921
|
+
"fieldName": "appearance"
|
|
1911
1922
|
},
|
|
1912
1923
|
{
|
|
1913
|
-
"
|
|
1914
|
-
"name": "triggerIcon",
|
|
1915
|
-
"privacy": "public",
|
|
1924
|
+
"name": "disabled",
|
|
1916
1925
|
"type": {
|
|
1917
1926
|
"text": "boolean"
|
|
1918
1927
|
},
|
|
1919
|
-
"description": "If set,
|
|
1920
|
-
"
|
|
1921
|
-
"reflects": true
|
|
1928
|
+
"description": "If set, disables the checkbox group.",
|
|
1929
|
+
"fieldName": "disabled"
|
|
1922
1930
|
},
|
|
1923
1931
|
{
|
|
1924
|
-
"
|
|
1925
|
-
"name": "type",
|
|
1926
|
-
"privacy": "public",
|
|
1932
|
+
"name": "error",
|
|
1927
1933
|
"type": {
|
|
1928
1934
|
"text": "string"
|
|
1929
1935
|
},
|
|
1930
|
-
"description": "
|
|
1931
|
-
"
|
|
1932
|
-
"reflects": true
|
|
1936
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1937
|
+
"fieldName": "error"
|
|
1933
1938
|
},
|
|
1934
1939
|
{
|
|
1935
|
-
"
|
|
1936
|
-
"name": "typedValue",
|
|
1937
|
-
"privacy": "public",
|
|
1940
|
+
"name": "horizontal",
|
|
1938
1941
|
"type": {
|
|
1939
|
-
"text": "
|
|
1942
|
+
"text": "boolean"
|
|
1940
1943
|
},
|
|
1941
|
-
"description": "
|
|
1942
|
-
"
|
|
1943
|
-
"reflects": true
|
|
1944
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1945
|
+
"fieldName": "horizontal"
|
|
1944
1946
|
},
|
|
1945
1947
|
{
|
|
1946
|
-
"
|
|
1947
|
-
"name": "validity",
|
|
1948
|
-
"privacy": "public",
|
|
1948
|
+
"name": "noValidate",
|
|
1949
1949
|
"type": {
|
|
1950
|
-
"text": "
|
|
1950
|
+
"text": "boolean"
|
|
1951
1951
|
},
|
|
1952
|
-
"description": "
|
|
1953
|
-
"
|
|
1954
|
-
"reflects": true
|
|
1952
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1953
|
+
"fieldName": "noValidate"
|
|
1955
1954
|
},
|
|
1956
1955
|
{
|
|
1957
|
-
"
|
|
1958
|
-
"name": "value",
|
|
1959
|
-
"privacy": "public",
|
|
1956
|
+
"name": "onDark",
|
|
1960
1957
|
"type": {
|
|
1961
|
-
"text": "
|
|
1958
|
+
"text": "boolean"
|
|
1962
1959
|
},
|
|
1963
|
-
"description": "
|
|
1964
|
-
"
|
|
1960
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1961
|
+
"fieldName": "onDark"
|
|
1965
1962
|
},
|
|
1966
1963
|
{
|
|
1967
|
-
"
|
|
1968
|
-
"name": "largeFullscreenHeadline",
|
|
1969
|
-
"privacy": "public",
|
|
1964
|
+
"name": "required",
|
|
1970
1965
|
"type": {
|
|
1971
1966
|
"text": "boolean"
|
|
1972
1967
|
},
|
|
1973
|
-
"description": "
|
|
1974
|
-
"
|
|
1975
|
-
"reflects": true
|
|
1968
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1969
|
+
"fieldName": "required"
|
|
1976
1970
|
},
|
|
1977
1971
|
{
|
|
1978
|
-
"
|
|
1979
|
-
"name": "fullscreenBreakpoint",
|
|
1980
|
-
"privacy": "public",
|
|
1972
|
+
"name": "setCustomValidity",
|
|
1981
1973
|
"type": {
|
|
1982
|
-
"text": "
|
|
1974
|
+
"text": "string"
|
|
1983
1975
|
},
|
|
1984
|
-
"description": "
|
|
1985
|
-
"
|
|
1986
|
-
"attribute": "fullscreenBreakpoint",
|
|
1987
|
-
"reflects": true
|
|
1976
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1977
|
+
"fieldName": "setCustomValidity"
|
|
1988
1978
|
},
|
|
1989
1979
|
{
|
|
1990
|
-
"
|
|
1991
|
-
"name": "optionActive",
|
|
1992
|
-
"privacy": "private",
|
|
1980
|
+
"name": "setCustomValidityCustomError",
|
|
1993
1981
|
"type": {
|
|
1994
|
-
"text": "
|
|
1982
|
+
"text": "string"
|
|
1995
1983
|
},
|
|
1996
|
-
"description": "
|
|
1984
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1985
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1997
1986
|
},
|
|
1998
1987
|
{
|
|
1999
|
-
"
|
|
2000
|
-
"name": "triggerExpandedState",
|
|
2001
|
-
"privacy": "private",
|
|
1988
|
+
"name": "setCustomValidityValueMissing",
|
|
2002
1989
|
"type": {
|
|
2003
|
-
"text": "
|
|
1990
|
+
"text": "string"
|
|
2004
1991
|
},
|
|
2005
|
-
"description": "
|
|
1992
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1993
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1994
|
+
},
|
|
1995
|
+
{
|
|
1996
|
+
"name": "validity",
|
|
1997
|
+
"type": {
|
|
1998
|
+
"text": "string"
|
|
1999
|
+
},
|
|
2000
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
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."
|
|
2006
2072
|
},
|
|
2007
2073
|
{
|
|
2008
|
-
"kind": "
|
|
2009
|
-
"name": "
|
|
2010
|
-
"
|
|
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.",
|
|
2011
2086
|
"privacy": "private",
|
|
2012
2087
|
"return": {
|
|
2013
2088
|
"type": {
|
|
2014
|
-
"text": "
|
|
2089
|
+
"text": "void"
|
|
2015
2090
|
}
|
|
2016
|
-
},
|
|
2017
|
-
"readonly": true,
|
|
2018
|
-
"inheritedFrom": {
|
|
2019
|
-
"name": "AuroElement",
|
|
2020
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2021
2091
|
}
|
|
2022
2092
|
},
|
|
2023
2093
|
{
|
|
2024
2094
|
"kind": "method",
|
|
2025
|
-
"name": "
|
|
2026
|
-
"
|
|
2027
|
-
|
|
2028
|
-
|
|
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
|
+
}
|
|
2029
2111
|
}
|
|
2030
2112
|
},
|
|
2031
2113
|
{
|
|
2032
2114
|
"kind": "method",
|
|
2033
|
-
"name": "
|
|
2034
|
-
"
|
|
2035
|
-
|
|
2036
|
-
|
|
2115
|
+
"name": "handleFocusin",
|
|
2116
|
+
"description": "Function to support",
|
|
2117
|
+
"privacy": "private",
|
|
2118
|
+
"return": {
|
|
2119
|
+
"type": {
|
|
2120
|
+
"text": "void"
|
|
2121
|
+
}
|
|
2037
2122
|
}
|
|
2038
2123
|
},
|
|
2039
2124
|
{
|
|
2040
2125
|
"kind": "method",
|
|
2041
|
-
"name": "
|
|
2042
|
-
"
|
|
2043
|
-
|
|
2044
|
-
|
|
2126
|
+
"name": "generateIconHtml",
|
|
2127
|
+
"description": "Function to generate checkmark svg.",
|
|
2128
|
+
"privacy": "private",
|
|
2129
|
+
"return": {
|
|
2130
|
+
"type": {
|
|
2131
|
+
"text": "HTMLElement"
|
|
2132
|
+
}
|
|
2045
2133
|
}
|
|
2046
2134
|
},
|
|
2047
2135
|
{
|
|
2048
|
-
"kind": "
|
|
2049
|
-
"name": "
|
|
2050
|
-
"
|
|
2051
|
-
"
|
|
2052
|
-
"
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
"reflects": true,
|
|
2056
|
-
"inheritedFrom": {
|
|
2057
|
-
"name": "AuroElement",
|
|
2058
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2136
|
+
"kind": "method",
|
|
2137
|
+
"name": "reset",
|
|
2138
|
+
"description": "Resets component to initial state.",
|
|
2139
|
+
"return": {
|
|
2140
|
+
"type": {
|
|
2141
|
+
"text": "void"
|
|
2142
|
+
}
|
|
2059
2143
|
}
|
|
2060
2144
|
},
|
|
2061
2145
|
{
|
|
2062
|
-
"kind": "
|
|
2063
|
-
"name": "
|
|
2064
|
-
"
|
|
2065
|
-
"
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
"inheritedFrom": {
|
|
2071
|
-
"name": "AuroElement",
|
|
2072
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2146
|
+
"kind": "method",
|
|
2147
|
+
"name": "updateAriaLabel",
|
|
2148
|
+
"description": "Updates the aria-label based on slot content.",
|
|
2149
|
+
"privacy": "private",
|
|
2150
|
+
"return": {
|
|
2151
|
+
"type": {
|
|
2152
|
+
"text": "void"
|
|
2153
|
+
}
|
|
2073
2154
|
}
|
|
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
2155
|
},
|
|
2091
2156
|
{
|
|
2092
|
-
"
|
|
2093
|
-
"
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2157
|
+
"kind": "method",
|
|
2158
|
+
"name": "handleKeyDown",
|
|
2159
|
+
"parameters": [
|
|
2160
|
+
{
|
|
2161
|
+
"name": "event",
|
|
2162
|
+
"description": "The keydown event from the checkbox input.",
|
|
2163
|
+
"type": {
|
|
2164
|
+
"text": "KeyboardEvent"
|
|
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
|
+
}
|
|
2174
|
+
}
|
|
2097
2175
|
},
|
|
2098
2176
|
{
|
|
2099
|
-
"
|
|
2100
|
-
"name": "auroFormElement-validated"
|
|
2101
|
-
}
|
|
2102
|
-
],
|
|
2103
|
-
"attributes": [
|
|
2104
|
-
{
|
|
2177
|
+
"kind": "field",
|
|
2105
2178
|
"name": "appearance",
|
|
2179
|
+
"privacy": "public",
|
|
2106
2180
|
"type": {
|
|
2107
|
-
"text": "
|
|
2181
|
+
"text": "'default' | 'inverse'"
|
|
2108
2182
|
},
|
|
2109
2183
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2110
2184
|
"default": "'default'",
|
|
2111
|
-
"
|
|
2112
|
-
|
|
2113
|
-
{
|
|
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",
|
|
2123
|
-
"type": {
|
|
2124
|
-
"text": "boolean"
|
|
2125
|
-
},
|
|
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"
|
|
2185
|
+
"attribute": "appearance",
|
|
2186
|
+
"reflects": true
|
|
2145
2187
|
},
|
|
2146
2188
|
{
|
|
2147
|
-
"
|
|
2189
|
+
"kind": "field",
|
|
2190
|
+
"name": "checked",
|
|
2191
|
+
"privacy": "public",
|
|
2148
2192
|
"type": {
|
|
2149
2193
|
"text": "boolean"
|
|
2150
2194
|
},
|
|
2151
|
-
"description": "
|
|
2152
|
-
"
|
|
2195
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2196
|
+
"attribute": "checked",
|
|
2197
|
+
"reflects": true
|
|
2153
2198
|
},
|
|
2154
2199
|
{
|
|
2200
|
+
"kind": "field",
|
|
2155
2201
|
"name": "disabled",
|
|
2202
|
+
"privacy": "public",
|
|
2156
2203
|
"type": {
|
|
2157
2204
|
"text": "boolean"
|
|
2158
2205
|
},
|
|
2159
|
-
"description": "If set,
|
|
2160
|
-
"
|
|
2161
|
-
|
|
2162
|
-
{
|
|
2163
|
-
"name": "dvInputOnly",
|
|
2164
|
-
"type": {
|
|
2165
|
-
"text": "boolean"
|
|
2166
|
-
},
|
|
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"
|
|
2206
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2207
|
+
"attribute": "disabled",
|
|
2208
|
+
"reflects": true
|
|
2169
2209
|
},
|
|
2170
2210
|
{
|
|
2211
|
+
"kind": "field",
|
|
2171
2212
|
"name": "error",
|
|
2213
|
+
"privacy": "public",
|
|
2172
2214
|
"type": {
|
|
2173
|
-
"text": "
|
|
2174
|
-
},
|
|
2175
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2176
|
-
"fieldName": "error"
|
|
2177
|
-
},
|
|
2178
|
-
{
|
|
2179
|
-
"name": "format",
|
|
2180
|
-
"type": {
|
|
2181
|
-
"text": "string"
|
|
2182
|
-
},
|
|
2183
|
-
"description": "Specifies the input mask format.",
|
|
2184
|
-
"fieldName": "format"
|
|
2185
|
-
},
|
|
2186
|
-
{
|
|
2187
|
-
"name": "inputmode",
|
|
2188
|
-
"type": {
|
|
2189
|
-
"text": "string"
|
|
2215
|
+
"text": "boolean"
|
|
2190
2216
|
},
|
|
2191
|
-
"description": "
|
|
2192
|
-
"
|
|
2217
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2218
|
+
"attribute": "error",
|
|
2219
|
+
"reflects": true
|
|
2193
2220
|
},
|
|
2194
2221
|
{
|
|
2195
|
-
"
|
|
2222
|
+
"kind": "field",
|
|
2223
|
+
"name": "id",
|
|
2224
|
+
"privacy": "public",
|
|
2196
2225
|
"type": {
|
|
2197
2226
|
"text": "string"
|
|
2198
2227
|
},
|
|
2199
|
-
"description": "
|
|
2200
|
-
"
|
|
2201
|
-
"
|
|
2202
|
-
"inheritedFrom": {
|
|
2203
|
-
"name": "AuroElement",
|
|
2204
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2205
|
-
}
|
|
2228
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2229
|
+
"attribute": "id",
|
|
2230
|
+
"reflects": true
|
|
2206
2231
|
},
|
|
2207
2232
|
{
|
|
2208
|
-
"
|
|
2233
|
+
"kind": "field",
|
|
2234
|
+
"name": "inputId",
|
|
2235
|
+
"privacy": "private",
|
|
2209
2236
|
"type": {
|
|
2210
|
-
"text": "
|
|
2237
|
+
"text": "string"
|
|
2211
2238
|
},
|
|
2212
|
-
"description": "
|
|
2213
|
-
"fieldName": "matchWidth"
|
|
2239
|
+
"description": "The id for input node."
|
|
2214
2240
|
},
|
|
2215
2241
|
{
|
|
2216
|
-
"
|
|
2242
|
+
"kind": "field",
|
|
2243
|
+
"name": "name",
|
|
2244
|
+
"privacy": "public",
|
|
2217
2245
|
"type": {
|
|
2218
|
-
"text": "
|
|
2246
|
+
"text": "string"
|
|
2219
2247
|
},
|
|
2220
|
-
"description": "
|
|
2221
|
-
"
|
|
2248
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2249
|
+
"attribute": "name"
|
|
2222
2250
|
},
|
|
2223
2251
|
{
|
|
2224
|
-
"
|
|
2252
|
+
"kind": "field",
|
|
2253
|
+
"name": "onDark",
|
|
2254
|
+
"privacy": "public",
|
|
2225
2255
|
"type": {
|
|
2226
2256
|
"text": "boolean"
|
|
2227
2257
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2258
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2259
|
+
"attribute": "onDark",
|
|
2260
|
+
"reflects": true
|
|
2230
2261
|
},
|
|
2231
2262
|
{
|
|
2232
|
-
"
|
|
2263
|
+
"kind": "field",
|
|
2264
|
+
"name": "touched",
|
|
2265
|
+
"privacy": "private",
|
|
2233
2266
|
"type": {
|
|
2234
2267
|
"text": "boolean"
|
|
2235
2268
|
},
|
|
2236
|
-
"description": "
|
|
2237
|
-
"fieldName": "shift"
|
|
2269
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2238
2270
|
},
|
|
2239
2271
|
{
|
|
2240
|
-
"
|
|
2272
|
+
"kind": "field",
|
|
2273
|
+
"name": "value",
|
|
2274
|
+
"privacy": "public",
|
|
2241
2275
|
"type": {
|
|
2242
|
-
"text": "
|
|
2276
|
+
"text": "string"
|
|
2243
2277
|
},
|
|
2244
|
-
"description": "
|
|
2245
|
-
"
|
|
2278
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2279
|
+
"attribute": "value"
|
|
2246
2280
|
},
|
|
2247
2281
|
{
|
|
2248
|
-
"
|
|
2282
|
+
"kind": "field",
|
|
2283
|
+
"name": "tabIndex",
|
|
2284
|
+
"privacy": "private",
|
|
2249
2285
|
"type": {
|
|
2250
2286
|
"text": "number"
|
|
2251
2287
|
},
|
|
2252
|
-
"description": "
|
|
2253
|
-
"
|
|
2254
|
-
"
|
|
2288
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2289
|
+
"attribute": "tabindex",
|
|
2290
|
+
"reflects": true
|
|
2255
2291
|
},
|
|
2256
2292
|
{
|
|
2257
|
-
"
|
|
2293
|
+
"kind": "field",
|
|
2294
|
+
"name": "ariaChecked",
|
|
2295
|
+
"privacy": "private",
|
|
2258
2296
|
"type": {
|
|
2259
|
-
"text": "
|
|
2297
|
+
"text": "string"
|
|
2260
2298
|
},
|
|
2261
|
-
"description": "
|
|
2262
|
-
"
|
|
2299
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2300
|
+
"attribute": "aria-checked",
|
|
2301
|
+
"reflects": true
|
|
2263
2302
|
},
|
|
2264
2303
|
{
|
|
2265
|
-
"
|
|
2304
|
+
"kind": "field",
|
|
2305
|
+
"name": "ariaDisabled",
|
|
2306
|
+
"privacy": "private",
|
|
2266
2307
|
"type": {
|
|
2267
|
-
"text": "
|
|
2308
|
+
"text": "string"
|
|
2268
2309
|
},
|
|
2269
|
-
"description": "
|
|
2270
|
-
"
|
|
2310
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2311
|
+
"attribute": "aria-disabled",
|
|
2312
|
+
"reflects": true
|
|
2271
2313
|
},
|
|
2272
2314
|
{
|
|
2273
|
-
"
|
|
2315
|
+
"kind": "field",
|
|
2316
|
+
"name": "role",
|
|
2317
|
+
"privacy": "private",
|
|
2274
2318
|
"type": {
|
|
2275
|
-
"text": "
|
|
2319
|
+
"text": "string"
|
|
2276
2320
|
},
|
|
2277
|
-
"description": "
|
|
2278
|
-
"
|
|
2279
|
-
|
|
2321
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2322
|
+
"attribute": "role",
|
|
2323
|
+
"reflects": true
|
|
2324
|
+
}
|
|
2325
|
+
],
|
|
2326
|
+
"events": [
|
|
2280
2327
|
{
|
|
2281
|
-
"name": "
|
|
2328
|
+
"name": "auroCheckbox-input",
|
|
2282
2329
|
"type": {
|
|
2283
|
-
"text": "
|
|
2284
|
-
}
|
|
2285
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
2286
|
-
"default": "'bottom-start'",
|
|
2287
|
-
"fieldName": "placement"
|
|
2330
|
+
"text": "CustomEvent"
|
|
2331
|
+
}
|
|
2288
2332
|
},
|
|
2289
2333
|
{
|
|
2290
|
-
"name": "
|
|
2334
|
+
"name": "auroCheckbox-focusin",
|
|
2291
2335
|
"type": {
|
|
2292
|
-
"text": "
|
|
2293
|
-
}
|
|
2294
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2295
|
-
"fieldName": "placeholder"
|
|
2336
|
+
"text": "CustomEvent"
|
|
2337
|
+
}
|
|
2296
2338
|
},
|
|
2297
2339
|
{
|
|
2298
|
-
"name": "
|
|
2340
|
+
"name": "auroCheckbox-focusout",
|
|
2299
2341
|
"type": {
|
|
2300
|
-
"text": "
|
|
2301
|
-
}
|
|
2302
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2303
|
-
"fieldName": "required"
|
|
2342
|
+
"text": "CustomEvent"
|
|
2343
|
+
}
|
|
2304
2344
|
},
|
|
2305
2345
|
{
|
|
2306
|
-
"
|
|
2307
|
-
"
|
|
2308
|
-
"text": "string"
|
|
2309
|
-
},
|
|
2310
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2311
|
-
"fieldName": "setCustomValidity"
|
|
2346
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2347
|
+
"name": "change"
|
|
2312
2348
|
},
|
|
2313
2349
|
{
|
|
2314
|
-
"
|
|
2350
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
2351
|
+
"name": "input"
|
|
2352
|
+
}
|
|
2353
|
+
],
|
|
2354
|
+
"attributes": [
|
|
2355
|
+
{
|
|
2356
|
+
"name": "appearance",
|
|
2315
2357
|
"type": {
|
|
2316
|
-
"text": "
|
|
2358
|
+
"text": "'default' | 'inverse'"
|
|
2317
2359
|
},
|
|
2318
|
-
"description": "
|
|
2319
|
-
"
|
|
2360
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2361
|
+
"default": "'default'",
|
|
2362
|
+
"fieldName": "appearance"
|
|
2320
2363
|
},
|
|
2321
2364
|
{
|
|
2322
|
-
"name": "
|
|
2365
|
+
"name": "checked",
|
|
2323
2366
|
"type": {
|
|
2324
|
-
"text": "
|
|
2367
|
+
"text": "boolean"
|
|
2325
2368
|
},
|
|
2326
|
-
"description": "
|
|
2327
|
-
"fieldName": "
|
|
2369
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2370
|
+
"fieldName": "checked"
|
|
2328
2371
|
},
|
|
2329
2372
|
{
|
|
2330
|
-
"name": "
|
|
2373
|
+
"name": "disabled",
|
|
2331
2374
|
"type": {
|
|
2332
|
-
"text": "
|
|
2375
|
+
"text": "boolean"
|
|
2333
2376
|
},
|
|
2334
|
-
"description": "
|
|
2335
|
-
"fieldName": "
|
|
2377
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2378
|
+
"fieldName": "disabled"
|
|
2336
2379
|
},
|
|
2337
2380
|
{
|
|
2338
|
-
"name": "
|
|
2381
|
+
"name": "error",
|
|
2339
2382
|
"type": {
|
|
2340
2383
|
"text": "boolean"
|
|
2341
2384
|
},
|
|
2342
|
-
"description": "If set, the
|
|
2343
|
-
"fieldName": "
|
|
2385
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2386
|
+
"fieldName": "error"
|
|
2344
2387
|
},
|
|
2345
2388
|
{
|
|
2346
|
-
"name": "
|
|
2389
|
+
"name": "id",
|
|
2347
2390
|
"type": {
|
|
2348
2391
|
"text": "string"
|
|
2349
2392
|
},
|
|
2350
|
-
"description": "
|
|
2351
|
-
"fieldName": "
|
|
2393
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2394
|
+
"fieldName": "id"
|
|
2352
2395
|
},
|
|
2353
2396
|
{
|
|
2354
|
-
"name": "
|
|
2397
|
+
"name": "name",
|
|
2355
2398
|
"type": {
|
|
2356
2399
|
"text": "string"
|
|
2357
2400
|
},
|
|
2358
|
-
"description": "
|
|
2359
|
-
"fieldName": "
|
|
2401
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2402
|
+
"fieldName": "name"
|
|
2360
2403
|
},
|
|
2361
2404
|
{
|
|
2362
|
-
"name": "
|
|
2405
|
+
"name": "onDark",
|
|
2363
2406
|
"type": {
|
|
2364
|
-
"text": "
|
|
2407
|
+
"text": "boolean"
|
|
2365
2408
|
},
|
|
2366
|
-
"description": "
|
|
2367
|
-
"fieldName": "
|
|
2409
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2410
|
+
"fieldName": "onDark"
|
|
2368
2411
|
},
|
|
2369
2412
|
{
|
|
2370
2413
|
"name": "value",
|
|
2371
2414
|
"type": {
|
|
2372
2415
|
"text": "string"
|
|
2373
2416
|
},
|
|
2374
|
-
"description": "
|
|
2417
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2375
2418
|
"fieldName": "value"
|
|
2376
2419
|
},
|
|
2377
2420
|
{
|
|
2378
|
-
"name": "
|
|
2379
|
-
"type": {
|
|
2380
|
-
"text": "boolean"
|
|
2381
|
-
},
|
|
2382
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2383
|
-
"fieldName": "largeFullscreenHeadline"
|
|
2384
|
-
},
|
|
2385
|
-
{
|
|
2386
|
-
"name": "fullscreenBreakpoint",
|
|
2421
|
+
"name": "tabindex",
|
|
2387
2422
|
"type": {
|
|
2388
|
-
"text": "
|
|
2423
|
+
"text": "number"
|
|
2389
2424
|
},
|
|
2390
|
-
"description": "
|
|
2391
|
-
"
|
|
2392
|
-
"fieldName": "fullscreenBreakpoint"
|
|
2425
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2426
|
+
"fieldName": "tabIndex"
|
|
2393
2427
|
},
|
|
2394
2428
|
{
|
|
2395
|
-
"name": "
|
|
2429
|
+
"name": "aria-checked",
|
|
2396
2430
|
"type": {
|
|
2397
2431
|
"text": "string"
|
|
2398
2432
|
},
|
|
2399
|
-
"
|
|
2400
|
-
"
|
|
2401
|
-
"name": "AuroElement",
|
|
2402
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2403
|
-
}
|
|
2433
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2434
|
+
"fieldName": "ariaChecked"
|
|
2404
2435
|
},
|
|
2405
2436
|
{
|
|
2406
|
-
"name": "
|
|
2437
|
+
"name": "aria-disabled",
|
|
2407
2438
|
"type": {
|
|
2408
2439
|
"text": "string"
|
|
2409
2440
|
},
|
|
2410
|
-
"
|
|
2411
|
-
"
|
|
2412
|
-
"name": "AuroElement",
|
|
2413
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2414
|
-
}
|
|
2441
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2442
|
+
"fieldName": "ariaDisabled"
|
|
2415
2443
|
},
|
|
2416
2444
|
{
|
|
2417
|
-
"name": "
|
|
2445
|
+
"name": "role",
|
|
2418
2446
|
"type": {
|
|
2419
|
-
"text": "
|
|
2447
|
+
"text": "string"
|
|
2420
2448
|
},
|
|
2421
|
-
"
|
|
2422
|
-
"
|
|
2423
|
-
"name": "AuroElement",
|
|
2424
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2425
|
-
}
|
|
2449
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2450
|
+
"fieldName": "role"
|
|
2426
2451
|
}
|
|
2427
2452
|
],
|
|
2428
2453
|
"superclass": {
|
|
2429
|
-
"name": "
|
|
2430
|
-
"
|
|
2454
|
+
"name": "LitElement",
|
|
2455
|
+
"package": "lit"
|
|
2431
2456
|
},
|
|
2432
|
-
"tagName": "auro-
|
|
2457
|
+
"tagName": "auro-checkbox",
|
|
2433
2458
|
"customElement": true
|
|
2434
2459
|
}
|
|
2435
2460
|
],
|
|
2436
2461
|
"exports": [
|
|
2437
2462
|
{
|
|
2438
2463
|
"kind": "js",
|
|
2439
|
-
"name": "
|
|
2440
|
-
"declaration": {
|
|
2441
|
-
"name": "AuroCombobox",
|
|
2442
|
-
"module": "components/combobox/src/auro-combobox.js"
|
|
2443
|
-
}
|
|
2444
|
-
}
|
|
2445
|
-
]
|
|
2446
|
-
},
|
|
2447
|
-
{
|
|
2448
|
-
"kind": "javascript-module",
|
|
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
|
-
],
|
|
2460
|
-
"exports": [
|
|
2461
|
-
{
|
|
2462
|
-
"kind": "js",
|
|
2463
|
-
"name": "comboboxKeyboardStrategy",
|
|
2464
|
+
"name": "AuroCheckbox",
|
|
2464
2465
|
"declaration": {
|
|
2465
|
-
"name": "
|
|
2466
|
-
"module": "components/
|
|
2466
|
+
"name": "AuroCheckbox",
|
|
2467
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
2467
2468
|
}
|
|
2468
2469
|
}
|
|
2469
2470
|
]
|
|
2470
2471
|
},
|
|
2471
2472
|
{
|
|
2472
2473
|
"kind": "javascript-module",
|
|
2473
|
-
"path": "components/
|
|
2474
|
+
"path": "components/checkbox/src/index.js",
|
|
2474
2475
|
"declarations": [],
|
|
2475
2476
|
"exports": [
|
|
2476
2477
|
{
|
|
2477
2478
|
"kind": "js",
|
|
2478
|
-
"name": "
|
|
2479
|
+
"name": "AuroCheckbox",
|
|
2479
2480
|
"declaration": {
|
|
2480
|
-
"name": "
|
|
2481
|
-
"module": "components/
|
|
2481
|
+
"name": "AuroCheckbox",
|
|
2482
|
+
"module": "components/checkbox/src/index.js"
|
|
2482
2483
|
}
|
|
2483
|
-
}
|
|
2484
|
-
]
|
|
2485
|
-
},
|
|
2486
|
-
{
|
|
2487
|
-
"kind": "javascript-module",
|
|
2488
|
-
"path": "components/combobox/src/registered.js",
|
|
2489
|
-
"declarations": [],
|
|
2490
|
-
"exports": [
|
|
2484
|
+
},
|
|
2491
2485
|
{
|
|
2492
2486
|
"kind": "js",
|
|
2493
|
-
"name": "
|
|
2487
|
+
"name": "AuroCheckboxGroup",
|
|
2494
2488
|
"declaration": {
|
|
2495
|
-
"name": "
|
|
2496
|
-
"module": "components/
|
|
2489
|
+
"name": "AuroCheckboxGroup",
|
|
2490
|
+
"module": "components/checkbox/src/index.js"
|
|
2497
2491
|
}
|
|
2498
2492
|
}
|
|
2499
2493
|
]
|
|
2500
2494
|
},
|
|
2495
|
+
{
|
|
2496
|
+
"kind": "javascript-module",
|
|
2497
|
+
"path": "components/checkbox/src/registered.js",
|
|
2498
|
+
"declarations": [],
|
|
2499
|
+
"exports": []
|
|
2500
|
+
},
|
|
2501
2501
|
{
|
|
2502
2502
|
"kind": "javascript-module",
|
|
2503
2503
|
"path": "components/counter/src/auro-counter-button.js",
|
|
@@ -5764,7 +5764,7 @@
|
|
|
5764
5764
|
{
|
|
5765
5765
|
"kind": "method",
|
|
5766
5766
|
"name": "scrollToActiveCell",
|
|
5767
|
-
"description": "Scrolls the calendar
|
|
5767
|
+
"description": "Scrolls the calendar so the active cell is visible.\n\nWalks the flat tree (rendered, slot-aware) outward from the active\ncell's button and calls `scrollBy` on every vertically-scrollable\nancestor by whatever delta still separates the cell from that\nancestor's viewport. Native `scrollIntoView` is not used because the\ncell sits inside multiple nested scroll containers (the dropdown bib's\n`<dialog>`, the bibtemplate's `#bodyContainer`) and the algorithm only\nscrolls one of them on its own, leaving the cell short of the\nviewport in mobile fullscreen.\n\nUses `behavior: 'auto'` (the spec's universally-supported non-animated\nvalue) so each `scrollBy` resolves synchronously and the next\niteration's `getBoundingClientRect` reads post-scroll positions\naccurately. This also satisfies `prefers-reduced-motion` users — the\nscroll containers do not set CSS `scroll-behavior: smooth`, so `auto`\nis effectively instant.\n\nThe active cell is looked up from the cache populated by\n`setActiveCell`. On a cache miss (stale or absent) the cache is\nrefreshed from a single full scan so subsequent calls stay on the\nfast path.",
|
|
5768
5768
|
"privacy": "private",
|
|
5769
5769
|
"return": {
|
|
5770
5770
|
"type": {
|
|
@@ -5983,6 +5983,16 @@
|
|
|
5983
5983
|
"privacy": "private",
|
|
5984
5984
|
"default": "null"
|
|
5985
5985
|
},
|
|
5986
|
+
{
|
|
5987
|
+
"kind": "field",
|
|
5988
|
+
"name": "_activeCell",
|
|
5989
|
+
"type": {
|
|
5990
|
+
"text": "null"
|
|
5991
|
+
},
|
|
5992
|
+
"description": "Cached reference to the active cell host. Set by setActiveCell and\nrefreshed by scrollToActiveCell when its cache check misses (stale\nor missing). Lets scrollToActiveCell skip a full cell scan on each\narrow key.",
|
|
5993
|
+
"privacy": "private",
|
|
5994
|
+
"default": "null"
|
|
5995
|
+
},
|
|
5986
5996
|
{
|
|
5987
5997
|
"kind": "field",
|
|
5988
5998
|
"name": "_gridHasFocus",
|
|
@@ -12057,21 +12067,6 @@
|
|
|
12057
12067
|
"module": "components/input/src/base-input.js"
|
|
12058
12068
|
}
|
|
12059
12069
|
},
|
|
12060
|
-
{
|
|
12061
|
-
"kind": "method",
|
|
12062
|
-
"name": "_initializePrivateDefaults",
|
|
12063
|
-
"description": "Internal Defaults.",
|
|
12064
|
-
"privacy": "private",
|
|
12065
|
-
"return": {
|
|
12066
|
-
"type": {
|
|
12067
|
-
"text": "void"
|
|
12068
|
-
}
|
|
12069
|
-
},
|
|
12070
|
-
"inheritedFrom": {
|
|
12071
|
-
"name": "BaseInput",
|
|
12072
|
-
"module": "components/input/src/base-input.js"
|
|
12073
|
-
}
|
|
12074
|
-
},
|
|
12075
12070
|
{
|
|
12076
12071
|
"kind": "field",
|
|
12077
12072
|
"name": "valueObject",
|
|
@@ -12585,6 +12580,35 @@
|
|
|
12585
12580
|
"module": "components/input/src/base-input.js"
|
|
12586
12581
|
}
|
|
12587
12582
|
},
|
|
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
|
+
},
|
|
12588
12612
|
{
|
|
12589
12613
|
"kind": "field",
|
|
12590
12614
|
"name": "appearance",
|
|
@@ -12601,6 +12625,19 @@
|
|
|
12601
12625
|
"module": "components/input/src/base-input.js"
|
|
12602
12626
|
}
|
|
12603
12627
|
},
|
|
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
|
+
},
|
|
12604
12641
|
{
|
|
12605
12642
|
"kind": "field",
|
|
12606
12643
|
"name": "disabled",
|
|
@@ -12617,6 +12654,101 @@
|
|
|
12617
12654
|
"module": "components/input/src/base-input.js"
|
|
12618
12655
|
}
|
|
12619
12656
|
},
|
|
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
|
+
},
|
|
12620
12752
|
{
|
|
12621
12753
|
"kind": "field",
|
|
12622
12754
|
"name": "layout",
|
|
@@ -12729,6 +12861,47 @@
|
|
|
12729
12861
|
"module": "components/input/src/base-input.js"
|
|
12730
12862
|
}
|
|
12731
12863
|
},
|
|
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
|
+
},
|
|
12732
12905
|
{
|
|
12733
12906
|
"kind": "field",
|
|
12734
12907
|
"name": "required",
|
|
@@ -12747,15 +12920,42 @@
|
|
|
12747
12920
|
},
|
|
12748
12921
|
{
|
|
12749
12922
|
"kind": "field",
|
|
12750
|
-
"name": "
|
|
12923
|
+
"name": "setCustomValidityForType",
|
|
12751
12924
|
"privacy": "public",
|
|
12752
12925
|
"type": {
|
|
12753
|
-
"text": "
|
|
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"
|
|
12754
12955
|
},
|
|
12755
|
-
"attribute": "
|
|
12956
|
+
"attribute": "shape",
|
|
12756
12957
|
"reflects": true,
|
|
12757
|
-
"
|
|
12758
|
-
"default": "false",
|
|
12958
|
+
"default": "'classic'",
|
|
12759
12959
|
"inheritedFrom": {
|
|
12760
12960
|
"name": "AuroElement",
|
|
12761
12961
|
"module": "components/layoutElement/src/auroElement.js"
|
|
@@ -12763,14 +12963,13 @@
|
|
|
12763
12963
|
},
|
|
12764
12964
|
{
|
|
12765
12965
|
"kind": "field",
|
|
12766
|
-
"name": "
|
|
12767
|
-
"privacy": "
|
|
12966
|
+
"name": "showPassword",
|
|
12967
|
+
"privacy": "private",
|
|
12768
12968
|
"type": {
|
|
12769
|
-
"text": "
|
|
12969
|
+
"text": "boolean"
|
|
12770
12970
|
},
|
|
12771
|
-
"
|
|
12772
|
-
"
|
|
12773
|
-
"attribute": "setCustomValidityForType",
|
|
12971
|
+
"default": "false",
|
|
12972
|
+
"attribute": "showPassword",
|
|
12774
12973
|
"inheritedFrom": {
|
|
12775
12974
|
"name": "BaseInput",
|
|
12776
12975
|
"module": "components/input/src/base-input.js"
|
|
@@ -12793,17 +12992,55 @@
|
|
|
12793
12992
|
},
|
|
12794
12993
|
{
|
|
12795
12994
|
"kind": "field",
|
|
12796
|
-
"name": "
|
|
12797
|
-
"privacy": "
|
|
12995
|
+
"name": "touched",
|
|
12996
|
+
"privacy": "private",
|
|
12798
12997
|
"type": {
|
|
12799
|
-
"text": "
|
|
12998
|
+
"text": "boolean"
|
|
12800
12999
|
},
|
|
12801
|
-
"
|
|
12802
|
-
"
|
|
12803
|
-
"default": "'classic'",
|
|
13000
|
+
"description": "Indicates whether the input is in a dirty state (has been interacted with).",
|
|
13001
|
+
"default": "false",
|
|
12804
13002
|
"inheritedFrom": {
|
|
12805
|
-
"name": "
|
|
12806
|
-
"module": "components/
|
|
13003
|
+
"name": "BaseInput",
|
|
13004
|
+
"module": "components/input/src/base-input.js"
|
|
13005
|
+
}
|
|
13006
|
+
},
|
|
13007
|
+
{
|
|
13008
|
+
"kind": "field",
|
|
13009
|
+
"name": "uniqueId",
|
|
13010
|
+
"privacy": "private",
|
|
13011
|
+
"inheritedFrom": {
|
|
13012
|
+
"name": "BaseInput",
|
|
13013
|
+
"module": "components/input/src/base-input.js"
|
|
13014
|
+
}
|
|
13015
|
+
},
|
|
13016
|
+
{
|
|
13017
|
+
"kind": "field",
|
|
13018
|
+
"name": "util",
|
|
13019
|
+
"privacy": "private",
|
|
13020
|
+
"default": "new AuroInputUtilities({ locale: this.locale, format: this.format })",
|
|
13021
|
+
"inheritedFrom": {
|
|
13022
|
+
"name": "BaseInput",
|
|
13023
|
+
"module": "components/input/src/base-input.js"
|
|
13024
|
+
}
|
|
13025
|
+
},
|
|
13026
|
+
{
|
|
13027
|
+
"kind": "field",
|
|
13028
|
+
"name": "validation",
|
|
13029
|
+
"privacy": "private",
|
|
13030
|
+
"default": "new AuroFormValidation()",
|
|
13031
|
+
"inheritedFrom": {
|
|
13032
|
+
"name": "BaseInput",
|
|
13033
|
+
"module": "components/input/src/base-input.js"
|
|
13034
|
+
}
|
|
13035
|
+
},
|
|
13036
|
+
{
|
|
13037
|
+
"kind": "field",
|
|
13038
|
+
"name": "validationCCLength",
|
|
13039
|
+
"privacy": "private",
|
|
13040
|
+
"default": "undefined",
|
|
13041
|
+
"inheritedFrom": {
|
|
13042
|
+
"name": "BaseInput",
|
|
13043
|
+
"module": "components/input/src/base-input.js"
|
|
12807
13044
|
}
|
|
12808
13045
|
},
|
|
12809
13046
|
{
|
|
@@ -12890,21 +13127,6 @@
|
|
|
12890
13127
|
"module": "components/input/src/base-input.js"
|
|
12891
13128
|
}
|
|
12892
13129
|
},
|
|
12893
|
-
{
|
|
12894
|
-
"kind": "field",
|
|
12895
|
-
"name": "activeLabel",
|
|
12896
|
-
"privacy": "public",
|
|
12897
|
-
"type": {
|
|
12898
|
-
"text": "boolean"
|
|
12899
|
-
},
|
|
12900
|
-
"description": "If set, the label will remain fixed in the active position.",
|
|
12901
|
-
"attribute": "activeLabel",
|
|
12902
|
-
"reflects": true,
|
|
12903
|
-
"inheritedFrom": {
|
|
12904
|
-
"name": "BaseInput",
|
|
12905
|
-
"module": "components/input/src/base-input.js"
|
|
12906
|
-
}
|
|
12907
|
-
},
|
|
12908
13130
|
{
|
|
12909
13131
|
"kind": "field",
|
|
12910
13132
|
"name": "autocapitalize",
|
|
@@ -12964,21 +13186,6 @@
|
|
|
12964
13186
|
"module": "components/input/src/base-input.js"
|
|
12965
13187
|
}
|
|
12966
13188
|
},
|
|
12967
|
-
{
|
|
12968
|
-
"kind": "field",
|
|
12969
|
-
"name": "dvInputOnly",
|
|
12970
|
-
"privacy": "public",
|
|
12971
|
-
"type": {
|
|
12972
|
-
"text": "boolean"
|
|
12973
|
-
},
|
|
12974
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
12975
|
-
"attribute": "dvInputOnly",
|
|
12976
|
-
"reflects": true,
|
|
12977
|
-
"inheritedFrom": {
|
|
12978
|
-
"name": "BaseInput",
|
|
12979
|
-
"module": "components/input/src/base-input.js"
|
|
12980
|
-
}
|
|
12981
|
-
},
|
|
12982
13189
|
{
|
|
12983
13190
|
"kind": "field",
|
|
12984
13191
|
"name": "error",
|
|
@@ -13036,49 +13243,6 @@
|
|
|
13036
13243
|
"module": "components/input/src/base-input.js"
|
|
13037
13244
|
}
|
|
13038
13245
|
},
|
|
13039
|
-
{
|
|
13040
|
-
"kind": "field",
|
|
13041
|
-
"name": "hasValue",
|
|
13042
|
-
"privacy": "public",
|
|
13043
|
-
"type": {
|
|
13044
|
-
"text": "boolean"
|
|
13045
|
-
},
|
|
13046
|
-
"description": "Flag to indicate if the input currently has value.",
|
|
13047
|
-
"inheritedFrom": {
|
|
13048
|
-
"name": "BaseInput",
|
|
13049
|
-
"module": "components/input/src/base-input.js"
|
|
13050
|
-
}
|
|
13051
|
-
},
|
|
13052
|
-
{
|
|
13053
|
-
"kind": "field",
|
|
13054
|
-
"name": "hideLabelVisually",
|
|
13055
|
-
"privacy": "private",
|
|
13056
|
-
"type": {
|
|
13057
|
-
"text": "boolean"
|
|
13058
|
-
},
|
|
13059
|
-
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
13060
|
-
"attribute": "hideLabelVisually",
|
|
13061
|
-
"reflects": true,
|
|
13062
|
-
"inheritedFrom": {
|
|
13063
|
-
"name": "BaseInput",
|
|
13064
|
-
"module": "components/input/src/base-input.js"
|
|
13065
|
-
}
|
|
13066
|
-
},
|
|
13067
|
-
{
|
|
13068
|
-
"kind": "field",
|
|
13069
|
-
"name": "icon",
|
|
13070
|
-
"privacy": "public",
|
|
13071
|
-
"type": {
|
|
13072
|
-
"text": "boolean"
|
|
13073
|
-
},
|
|
13074
|
-
"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.",
|
|
13075
|
-
"attribute": "icon",
|
|
13076
|
-
"reflects": true,
|
|
13077
|
-
"inheritedFrom": {
|
|
13078
|
-
"name": "BaseInput",
|
|
13079
|
-
"module": "components/input/src/base-input.js"
|
|
13080
|
-
}
|
|
13081
|
-
},
|
|
13082
13246
|
{
|
|
13083
13247
|
"kind": "field",
|
|
13084
13248
|
"name": "id",
|
|
@@ -13167,21 +13331,6 @@
|
|
|
13167
13331
|
"module": "components/input/src/base-input.js"
|
|
13168
13332
|
}
|
|
13169
13333
|
},
|
|
13170
|
-
{
|
|
13171
|
-
"kind": "field",
|
|
13172
|
-
"name": "noValidate",
|
|
13173
|
-
"privacy": "public",
|
|
13174
|
-
"type": {
|
|
13175
|
-
"text": "boolean"
|
|
13176
|
-
},
|
|
13177
|
-
"description": "If set, disables auto-validation on blur.",
|
|
13178
|
-
"attribute": "noValidate",
|
|
13179
|
-
"reflects": true,
|
|
13180
|
-
"inheritedFrom": {
|
|
13181
|
-
"name": "BaseInput",
|
|
13182
|
-
"module": "components/input/src/base-input.js"
|
|
13183
|
-
}
|
|
13184
|
-
},
|
|
13185
13334
|
{
|
|
13186
13335
|
"kind": "field",
|
|
13187
13336
|
"name": "pattern",
|
|
@@ -13339,16 +13488,6 @@
|
|
|
13339
13488
|
"module": "components/input/src/base-input.js"
|
|
13340
13489
|
}
|
|
13341
13490
|
},
|
|
13342
|
-
{
|
|
13343
|
-
"kind": "field",
|
|
13344
|
-
"name": "showPassword",
|
|
13345
|
-
"privacy": "public",
|
|
13346
|
-
"attribute": "showPassword",
|
|
13347
|
-
"inheritedFrom": {
|
|
13348
|
-
"name": "BaseInput",
|
|
13349
|
-
"module": "components/input/src/base-input.js"
|
|
13350
|
-
}
|
|
13351
|
-
},
|
|
13352
13491
|
{
|
|
13353
13492
|
"kind": "field",
|
|
13354
13493
|
"name": "simple",
|
|
@@ -13379,19 +13518,6 @@
|
|
|
13379
13518
|
"module": "components/input/src/base-input.js"
|
|
13380
13519
|
}
|
|
13381
13520
|
},
|
|
13382
|
-
{
|
|
13383
|
-
"kind": "field",
|
|
13384
|
-
"name": "touched",
|
|
13385
|
-
"privacy": "private",
|
|
13386
|
-
"type": {
|
|
13387
|
-
"text": "boolean"
|
|
13388
|
-
},
|
|
13389
|
-
"description": "Indicates whether the input is in a dirty state (has been interacted with).",
|
|
13390
|
-
"inheritedFrom": {
|
|
13391
|
-
"name": "BaseInput",
|
|
13392
|
-
"module": "components/input/src/base-input.js"
|
|
13393
|
-
}
|
|
13394
|
-
},
|
|
13395
13521
|
{
|
|
13396
13522
|
"kind": "field",
|
|
13397
13523
|
"name": "type",
|
|
@@ -13539,6 +13665,7 @@
|
|
|
13539
13665
|
"text": "boolean"
|
|
13540
13666
|
},
|
|
13541
13667
|
"description": "If set, the label will remain fixed in the active position.",
|
|
13668
|
+
"default": "false",
|
|
13542
13669
|
"fieldName": "activeLabel",
|
|
13543
13670
|
"inheritedFrom": {
|
|
13544
13671
|
"name": "BaseInput",
|
|
@@ -13625,6 +13752,7 @@
|
|
|
13625
13752
|
"text": "boolean"
|
|
13626
13753
|
},
|
|
13627
13754
|
"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",
|
|
13628
13756
|
"fieldName": "dvInputOnly",
|
|
13629
13757
|
"inheritedFrom": {
|
|
13630
13758
|
"name": "BaseInput",
|
|
@@ -13673,6 +13801,7 @@
|
|
|
13673
13801
|
"text": "boolean"
|
|
13674
13802
|
},
|
|
13675
13803
|
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
13804
|
+
"default": "false",
|
|
13676
13805
|
"fieldName": "hideLabelVisually",
|
|
13677
13806
|
"inheritedFrom": {
|
|
13678
13807
|
"name": "BaseInput",
|
|
@@ -13685,6 +13814,7 @@
|
|
|
13685
13814
|
"text": "boolean"
|
|
13686
13815
|
},
|
|
13687
13816
|
"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",
|
|
13688
13818
|
"fieldName": "icon",
|
|
13689
13819
|
"inheritedFrom": {
|
|
13690
13820
|
"name": "BaseInput",
|
|
@@ -13822,6 +13952,7 @@
|
|
|
13822
13952
|
"text": "boolean"
|
|
13823
13953
|
},
|
|
13824
13954
|
"description": "If set, disables auto-validation on blur.",
|
|
13955
|
+
"default": "false",
|
|
13825
13956
|
"fieldName": "noValidate",
|
|
13826
13957
|
"inheritedFrom": {
|
|
13827
13958
|
"name": "BaseInput",
|
|
@@ -14001,6 +14132,10 @@
|
|
|
14001
14132
|
},
|
|
14002
14133
|
{
|
|
14003
14134
|
"name": "showPassword",
|
|
14135
|
+
"type": {
|
|
14136
|
+
"text": "boolean"
|
|
14137
|
+
},
|
|
14138
|
+
"default": "false",
|
|
14004
14139
|
"fieldName": "showPassword",
|
|
14005
14140
|
"inheritedFrom": {
|
|
14006
14141
|
"name": "BaseInput",
|
|
@@ -14184,17 +14319,6 @@
|
|
|
14184
14319
|
"static": true,
|
|
14185
14320
|
"readonly": true
|
|
14186
14321
|
},
|
|
14187
|
-
{
|
|
14188
|
-
"kind": "method",
|
|
14189
|
-
"name": "_initializePrivateDefaults",
|
|
14190
|
-
"description": "Internal Defaults.",
|
|
14191
|
-
"privacy": "private",
|
|
14192
|
-
"return": {
|
|
14193
|
-
"type": {
|
|
14194
|
-
"text": "void"
|
|
14195
|
-
}
|
|
14196
|
-
}
|
|
14197
|
-
},
|
|
14198
14322
|
{
|
|
14199
14323
|
"kind": "field",
|
|
14200
14324
|
"name": "valueObject",
|
|
@@ -14585,41 +14709,138 @@
|
|
|
14585
14709
|
}
|
|
14586
14710
|
},
|
|
14587
14711
|
{
|
|
14588
|
-
"kind": "method",
|
|
14589
|
-
"name": "matchInputValueToCreditCard",
|
|
14590
|
-
"description": "Function to support credit-card feature type.",
|
|
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",
|
|
14591
14780
|
"privacy": "private",
|
|
14592
|
-
"
|
|
14593
|
-
"return": {
|
|
14594
|
-
"type": {
|
|
14595
|
-
"text": "object"
|
|
14596
|
-
}
|
|
14597
|
-
}
|
|
14781
|
+
"default": "new DomHandler()"
|
|
14598
14782
|
},
|
|
14599
14783
|
{
|
|
14600
14784
|
"kind": "field",
|
|
14601
|
-
"name": "
|
|
14785
|
+
"name": "dvInputOnly",
|
|
14602
14786
|
"privacy": "public",
|
|
14603
14787
|
"type": {
|
|
14604
|
-
"text": "
|
|
14788
|
+
"text": "boolean"
|
|
14605
14789
|
},
|
|
14606
|
-
"description": "
|
|
14607
|
-
"default": "
|
|
14608
|
-
"attribute": "
|
|
14790
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
14791
|
+
"default": "false",
|
|
14792
|
+
"attribute": "dvInputOnly",
|
|
14609
14793
|
"reflects": true
|
|
14610
14794
|
},
|
|
14611
14795
|
{
|
|
14612
14796
|
"kind": "field",
|
|
14613
|
-
"name": "
|
|
14797
|
+
"name": "hasValue",
|
|
14614
14798
|
"privacy": "public",
|
|
14615
14799
|
"type": {
|
|
14616
14800
|
"text": "boolean"
|
|
14617
14801
|
},
|
|
14618
|
-
"description": "
|
|
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"
|
|
14811
|
+
},
|
|
14812
|
+
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
14619
14813
|
"default": "false",
|
|
14620
|
-
"attribute": "
|
|
14814
|
+
"attribute": "hideLabelVisually",
|
|
14815
|
+
"reflects": true
|
|
14816
|
+
},
|
|
14817
|
+
{
|
|
14818
|
+
"kind": "field",
|
|
14819
|
+
"name": "icon",
|
|
14820
|
+
"privacy": "public",
|
|
14821
|
+
"type": {
|
|
14822
|
+
"text": "boolean"
|
|
14823
|
+
},
|
|
14824
|
+
"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.",
|
|
14825
|
+
"default": "false",
|
|
14826
|
+
"attribute": "icon",
|
|
14621
14827
|
"reflects": true
|
|
14622
14828
|
},
|
|
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
|
+
},
|
|
14623
14844
|
{
|
|
14624
14845
|
"kind": "field",
|
|
14625
14846
|
"name": "layout",
|
|
@@ -14706,14 +14927,14 @@
|
|
|
14706
14927
|
},
|
|
14707
14928
|
{
|
|
14708
14929
|
"kind": "field",
|
|
14709
|
-
"name": "
|
|
14930
|
+
"name": "noValidate",
|
|
14710
14931
|
"privacy": "public",
|
|
14711
14932
|
"type": {
|
|
14712
14933
|
"text": "boolean"
|
|
14713
14934
|
},
|
|
14714
|
-
"description": "
|
|
14935
|
+
"description": "If set, disables auto-validation on blur.",
|
|
14715
14936
|
"default": "false",
|
|
14716
|
-
"attribute": "
|
|
14937
|
+
"attribute": "noValidate",
|
|
14717
14938
|
"reflects": true
|
|
14718
14939
|
},
|
|
14719
14940
|
{
|
|
@@ -14732,6 +14953,23 @@
|
|
|
14732
14953
|
"module": "components/layoutElement/src/auroElement.js"
|
|
14733
14954
|
}
|
|
14734
14955
|
},
|
|
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
|
+
},
|
|
14735
14973
|
{
|
|
14736
14974
|
"kind": "field",
|
|
14737
14975
|
"name": "setCustomValidityForType",
|
|
@@ -14745,14 +14983,23 @@
|
|
|
14745
14983
|
},
|
|
14746
14984
|
{
|
|
14747
14985
|
"kind": "field",
|
|
14748
|
-
"name": "
|
|
14986
|
+
"name": "setSelectionInputTypes",
|
|
14987
|
+
"type": {
|
|
14988
|
+
"text": "array"
|
|
14989
|
+
},
|
|
14990
|
+
"privacy": "private",
|
|
14991
|
+
"default": "[ \"text\", \"password\", \"email\" ]"
|
|
14992
|
+
},
|
|
14993
|
+
{
|
|
14994
|
+
"kind": "field",
|
|
14995
|
+
"name": "shape",
|
|
14749
14996
|
"privacy": "public",
|
|
14750
14997
|
"type": {
|
|
14751
14998
|
"text": "string"
|
|
14752
14999
|
},
|
|
14753
|
-
"attribute": "
|
|
15000
|
+
"attribute": "shape",
|
|
14754
15001
|
"reflects": true,
|
|
14755
|
-
"default": "'
|
|
15002
|
+
"default": "'classic'",
|
|
14756
15003
|
"inheritedFrom": {
|
|
14757
15004
|
"name": "AuroElement",
|
|
14758
15005
|
"module": "components/layoutElement/src/auroElement.js"
|
|
@@ -14760,19 +15007,62 @@
|
|
|
14760
15007
|
},
|
|
14761
15008
|
{
|
|
14762
15009
|
"kind": "field",
|
|
14763
|
-
"name": "
|
|
15010
|
+
"name": "showPassword",
|
|
15011
|
+
"privacy": "private",
|
|
15012
|
+
"type": {
|
|
15013
|
+
"text": "boolean"
|
|
15014
|
+
},
|
|
15015
|
+
"default": "false",
|
|
15016
|
+
"attribute": "showPassword"
|
|
15017
|
+
},
|
|
15018
|
+
{
|
|
15019
|
+
"kind": "field",
|
|
15020
|
+
"name": "size",
|
|
14764
15021
|
"privacy": "public",
|
|
14765
15022
|
"type": {
|
|
14766
15023
|
"text": "string"
|
|
14767
15024
|
},
|
|
14768
|
-
"attribute": "
|
|
15025
|
+
"attribute": "size",
|
|
14769
15026
|
"reflects": true,
|
|
14770
|
-
"default": "'
|
|
15027
|
+
"default": "'lg'",
|
|
14771
15028
|
"inheritedFrom": {
|
|
14772
15029
|
"name": "AuroElement",
|
|
14773
15030
|
"module": "components/layoutElement/src/auroElement.js"
|
|
14774
15031
|
}
|
|
14775
15032
|
},
|
|
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
|
+
},
|
|
14776
15066
|
{
|
|
14777
15067
|
"kind": "field",
|
|
14778
15068
|
"name": "value",
|
|
@@ -14833,17 +15123,6 @@
|
|
|
14833
15123
|
"attribute": "a11yActivedescendant",
|
|
14834
15124
|
"reflects": true
|
|
14835
15125
|
},
|
|
14836
|
-
{
|
|
14837
|
-
"kind": "field",
|
|
14838
|
-
"name": "activeLabel",
|
|
14839
|
-
"privacy": "public",
|
|
14840
|
-
"type": {
|
|
14841
|
-
"text": "boolean"
|
|
14842
|
-
},
|
|
14843
|
-
"description": "If set, the label will remain fixed in the active position.",
|
|
14844
|
-
"attribute": "activeLabel",
|
|
14845
|
-
"reflects": true
|
|
14846
|
-
},
|
|
14847
15126
|
{
|
|
14848
15127
|
"kind": "field",
|
|
14849
15128
|
"name": "autocapitalize",
|
|
@@ -14887,17 +15166,6 @@
|
|
|
14887
15166
|
"description": "Custom help text message for email type validity.",
|
|
14888
15167
|
"attribute": "customValidityTypeEmail"
|
|
14889
15168
|
},
|
|
14890
|
-
{
|
|
14891
|
-
"kind": "field",
|
|
14892
|
-
"name": "dvInputOnly",
|
|
14893
|
-
"privacy": "public",
|
|
14894
|
-
"type": {
|
|
14895
|
-
"text": "boolean"
|
|
14896
|
-
},
|
|
14897
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.",
|
|
14898
|
-
"attribute": "dvInputOnly",
|
|
14899
|
-
"reflects": true
|
|
14900
|
-
},
|
|
14901
15169
|
{
|
|
14902
15170
|
"kind": "field",
|
|
14903
15171
|
"name": "error",
|
|
@@ -14939,37 +15207,6 @@
|
|
|
14939
15207
|
},
|
|
14940
15208
|
"description": "Flag to indicate if the input currently has focus."
|
|
14941
15209
|
},
|
|
14942
|
-
{
|
|
14943
|
-
"kind": "field",
|
|
14944
|
-
"name": "hasValue",
|
|
14945
|
-
"privacy": "public",
|
|
14946
|
-
"type": {
|
|
14947
|
-
"text": "boolean"
|
|
14948
|
-
},
|
|
14949
|
-
"description": "Flag to indicate if the input currently has value."
|
|
14950
|
-
},
|
|
14951
|
-
{
|
|
14952
|
-
"kind": "field",
|
|
14953
|
-
"name": "hideLabelVisually",
|
|
14954
|
-
"privacy": "private",
|
|
14955
|
-
"type": {
|
|
14956
|
-
"text": "boolean"
|
|
14957
|
-
},
|
|
14958
|
-
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
14959
|
-
"attribute": "hideLabelVisually",
|
|
14960
|
-
"reflects": true
|
|
14961
|
-
},
|
|
14962
|
-
{
|
|
14963
|
-
"kind": "field",
|
|
14964
|
-
"name": "icon",
|
|
14965
|
-
"privacy": "public",
|
|
14966
|
-
"type": {
|
|
14967
|
-
"text": "boolean"
|
|
14968
|
-
},
|
|
14969
|
-
"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.",
|
|
14970
|
-
"attribute": "icon",
|
|
14971
|
-
"reflects": true
|
|
14972
|
-
},
|
|
14973
15210
|
{
|
|
14974
15211
|
"kind": "field",
|
|
14975
15212
|
"name": "id",
|
|
@@ -15034,17 +15271,6 @@
|
|
|
15034
15271
|
"attribute": "nested",
|
|
15035
15272
|
"reflects": true
|
|
15036
15273
|
},
|
|
15037
|
-
{
|
|
15038
|
-
"kind": "field",
|
|
15039
|
-
"name": "noValidate",
|
|
15040
|
-
"privacy": "public",
|
|
15041
|
-
"type": {
|
|
15042
|
-
"text": "boolean"
|
|
15043
|
-
},
|
|
15044
|
-
"description": "If set, disables auto-validation on blur.",
|
|
15045
|
-
"attribute": "noValidate",
|
|
15046
|
-
"reflects": true
|
|
15047
|
-
},
|
|
15048
15274
|
{
|
|
15049
15275
|
"kind": "field",
|
|
15050
15276
|
"name": "pattern",
|
|
@@ -15158,12 +15384,6 @@
|
|
|
15158
15384
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
15159
15385
|
"attribute": "setCustomValidityValueMissing"
|
|
15160
15386
|
},
|
|
15161
|
-
{
|
|
15162
|
-
"kind": "field",
|
|
15163
|
-
"name": "showPassword",
|
|
15164
|
-
"privacy": "public",
|
|
15165
|
-
"attribute": "showPassword"
|
|
15166
|
-
},
|
|
15167
15387
|
{
|
|
15168
15388
|
"kind": "field",
|
|
15169
15389
|
"name": "simple",
|
|
@@ -15186,15 +15406,6 @@
|
|
|
15186
15406
|
"attribute": "spellcheck",
|
|
15187
15407
|
"reflects": true
|
|
15188
15408
|
},
|
|
15189
|
-
{
|
|
15190
|
-
"kind": "field",
|
|
15191
|
-
"name": "touched",
|
|
15192
|
-
"privacy": "private",
|
|
15193
|
-
"type": {
|
|
15194
|
-
"text": "boolean"
|
|
15195
|
-
},
|
|
15196
|
-
"description": "Indicates whether the input is in a dirty state (has been interacted with)."
|
|
15197
|
-
},
|
|
15198
15409
|
{
|
|
15199
15410
|
"kind": "field",
|
|
15200
15411
|
"name": "type",
|
|
@@ -15324,6 +15535,7 @@
|
|
|
15324
15535
|
"text": "boolean"
|
|
15325
15536
|
},
|
|
15326
15537
|
"description": "If set, the label will remain fixed in the active position.",
|
|
15538
|
+
"default": "false",
|
|
15327
15539
|
"fieldName": "activeLabel"
|
|
15328
15540
|
},
|
|
15329
15541
|
{
|
|
@@ -15382,6 +15594,7 @@
|
|
|
15382
15594
|
"text": "boolean"
|
|
15383
15595
|
},
|
|
15384
15596
|
"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",
|
|
15385
15598
|
"fieldName": "dvInputOnly"
|
|
15386
15599
|
},
|
|
15387
15600
|
{
|
|
@@ -15414,6 +15627,7 @@
|
|
|
15414
15627
|
"text": "boolean"
|
|
15415
15628
|
},
|
|
15416
15629
|
"description": "If set, the label will be hidden visually but still accessible to assistive technologies.",
|
|
15630
|
+
"default": "false",
|
|
15417
15631
|
"fieldName": "hideLabelVisually"
|
|
15418
15632
|
},
|
|
15419
15633
|
{
|
|
@@ -15422,6 +15636,7 @@
|
|
|
15422
15636
|
"text": "boolean"
|
|
15423
15637
|
},
|
|
15424
15638
|
"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",
|
|
15425
15640
|
"fieldName": "icon"
|
|
15426
15641
|
},
|
|
15427
15642
|
{
|
|
@@ -15515,6 +15730,7 @@
|
|
|
15515
15730
|
"text": "boolean"
|
|
15516
15731
|
},
|
|
15517
15732
|
"description": "If set, disables auto-validation on blur.",
|
|
15733
|
+
"default": "false",
|
|
15518
15734
|
"fieldName": "noValidate"
|
|
15519
15735
|
},
|
|
15520
15736
|
{
|
|
@@ -15634,6 +15850,10 @@
|
|
|
15634
15850
|
},
|
|
15635
15851
|
{
|
|
15636
15852
|
"name": "showPassword",
|
|
15853
|
+
"type": {
|
|
15854
|
+
"text": "boolean"
|
|
15855
|
+
},
|
|
15856
|
+
"default": "false",
|
|
15637
15857
|
"fieldName": "showPassword"
|
|
15638
15858
|
},
|
|
15639
15859
|
{
|
|
@@ -18927,6 +19147,18 @@
|
|
|
18927
19147
|
}
|
|
18928
19148
|
}
|
|
18929
19149
|
},
|
|
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
|
+
},
|
|
18930
19162
|
{
|
|
18931
19163
|
"kind": "method",
|
|
18932
19164
|
"name": "register",
|
|
@@ -19645,15 +19877,6 @@
|
|
|
19645
19877
|
"module": "components/layoutElement/src/auroElement.js"
|
|
19646
19878
|
}
|
|
19647
19879
|
},
|
|
19648
|
-
{
|
|
19649
|
-
"kind": "field",
|
|
19650
|
-
"name": "options",
|
|
19651
|
-
"privacy": "private",
|
|
19652
|
-
"type": {
|
|
19653
|
-
"text": "array"
|
|
19654
|
-
},
|
|
19655
|
-
"attribute": "options"
|
|
19656
|
-
},
|
|
19657
19880
|
{
|
|
19658
19881
|
"kind": "field",
|
|
19659
19882
|
"name": "optionSelected",
|
|
@@ -20022,13 +20245,6 @@
|
|
|
20022
20245
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
20023
20246
|
"fieldName": "onDark"
|
|
20024
20247
|
},
|
|
20025
|
-
{
|
|
20026
|
-
"name": "options",
|
|
20027
|
-
"type": {
|
|
20028
|
-
"text": "array"
|
|
20029
|
-
},
|
|
20030
|
-
"fieldName": "options"
|
|
20031
|
-
},
|
|
20032
20248
|
{
|
|
20033
20249
|
"name": "optionSelected",
|
|
20034
20250
|
"type": {
|
|
@@ -20206,7 +20422,7 @@
|
|
|
20206
20422
|
"type": {
|
|
20207
20423
|
"text": "object"
|
|
20208
20424
|
},
|
|
20209
|
-
"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) {
|
|
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 (!lastOption) { return; } // Pre-stash before show() so the auroDropdown-toggled handler's // `!optionActive` guard short-circuits the firstActive/selected fallback — // otherwise show() synchronously fires the handler and writes // aria-activedescendant once before we overwrite it. component.menu.updateActiveOption(lastOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, Enter(component, evt, ctx) { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit. Matches APG select-only combobox // and native <select> behavior: Enter opens the listbox when closed, selects // the active option when open — it does not submit a parent form. evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); const [firstOption] = getEnabledOptions(component.menu); if (!firstOption) { return; } // See End() for why this must run before show(). component.menu.updateActiveOption(firstOption); if (!ctx.isExpanded) { component.dropdown.show(); } }, 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); }, }"
|
|
20210
20426
|
}
|
|
20211
20427
|
],
|
|
20212
20428
|
"exports": [
|