@aurodesignsystem-dev/auro-formkit 0.0.0-pr1515.4 → 0.0.0-pr1518.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/bibtemplate/dist/index.js +1 -1
- package/components/bibtemplate/dist/registered.js +1 -1
- package/components/checkbox/demo/customize.min.js +8 -6
- package/components/checkbox/demo/getting-started.min.js +8 -6
- package/components/checkbox/demo/index.min.js +8 -6
- package/components/checkbox/dist/index.js +8 -6
- package/components/checkbox/dist/registered.js +8 -6
- package/components/combobox/README.md +1 -1
- package/components/combobox/demo/customize.md +2 -10
- package/components/combobox/demo/customize.min.js +383 -467
- package/components/combobox/demo/getting-started.min.js +383 -463
- package/components/combobox/demo/index.md +1 -1
- package/components/combobox/demo/index.min.js +383 -463
- package/components/combobox/demo/keyboard-behavior.md +2 -142
- package/components/combobox/demo/readme.md +1 -1
- package/components/combobox/demo/why-combobox.md +2 -2
- package/components/combobox/dist/auro-combobox.d.ts +30 -14
- package/components/combobox/dist/index.js +383 -463
- package/components/combobox/dist/registered.js +383 -463
- package/components/counter/demo/customize.min.js +10 -8
- package/components/counter/demo/index.min.js +10 -8
- package/components/counter/dist/index.js +10 -8
- package/components/counter/dist/registered.js +10 -8
- package/components/datepicker/demo/customize.min.js +226 -206
- package/components/datepicker/demo/index.min.js +226 -206
- package/components/datepicker/dist/auro-calendar-cell.d.ts +6 -0
- package/components/datepicker/dist/auro-calendar.d.ts +30 -1
- package/components/datepicker/dist/index.js +226 -206
- package/components/datepicker/dist/registered.js +226 -206
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +712 -856
- package/components/form/demo/getting-started.min.js +712 -856
- package/components/form/demo/index.min.js +712 -856
- package/components/form/demo/registerDemoDeps.min.js +712 -856
- package/components/input/demo/customize.min.js +67 -159
- package/components/input/demo/getting-started.min.js +67 -159
- package/components/input/demo/index.min.js +67 -159
- package/components/input/dist/auro-input.d.ts +1 -1
- package/components/input/dist/base-input.d.ts +3 -51
- package/components/input/dist/index.js +67 -159
- package/components/input/dist/registered.js +67 -159
- package/components/input/dist/utilities.d.ts +1 -1
- package/components/radio/demo/customize.min.js +8 -6
- package/components/radio/demo/getting-started.min.js +8 -6
- package/components/radio/demo/index.min.js +8 -6
- package/components/radio/dist/index.js +8 -6
- package/components/radio/dist/registered.js +8 -6
- package/components/select/demo/customize.min.js +10 -8
- package/components/select/demo/getting-started.min.js +10 -8
- package/components/select/demo/index.min.js +10 -8
- package/components/select/dist/index.js +10 -8
- package/components/select/dist/registered.js +10 -8
- package/custom-elements.json +1472 -1668
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,80 +267,34 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
275
|
+
"name": "AuroCheckboxGroup",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": ""
|
|
278
|
+
"description": "Allows for the legend to be overridden.",
|
|
279
|
+
"name": "legend"
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
-
"type": {
|
|
283
|
-
"text": "HTMLSlotElement"
|
|
284
|
-
},
|
|
285
282
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
286
283
|
"name": "optionalLabel"
|
|
287
284
|
},
|
|
288
285
|
{
|
|
289
|
-
"description": "
|
|
290
|
-
"name": "ariaLabel.input.clear"
|
|
291
|
-
},
|
|
292
|
-
{
|
|
293
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
-
"name": "ariaLabel.bib.close"
|
|
295
|
-
},
|
|
296
|
-
{
|
|
297
|
-
"description": "Defines the headline to display above menu-options",
|
|
298
|
-
"name": "bib.fullscreen.headline"
|
|
299
|
-
},
|
|
300
|
-
{
|
|
301
|
-
"description": "Defines the content of the label.",
|
|
302
|
-
"name": "label"
|
|
303
|
-
},
|
|
304
|
-
{
|
|
305
|
-
"description": "Defines the content of the helpText.",
|
|
286
|
+
"description": "Allows for the helper text to be overridden.",
|
|
306
287
|
"name": "helpText"
|
|
307
288
|
},
|
|
308
289
|
{
|
|
309
|
-
"description": "
|
|
310
|
-
"name": "
|
|
290
|
+
"description": "The default slot for the checkbox items.",
|
|
291
|
+
"name": "default"
|
|
311
292
|
}
|
|
312
293
|
],
|
|
313
294
|
"members": [
|
|
314
295
|
{
|
|
315
296
|
"kind": "method",
|
|
316
|
-
"name": "_initializeDefaults"
|
|
317
|
-
"privacy": "private",
|
|
318
|
-
"return": {
|
|
319
|
-
"type": {
|
|
320
|
-
"text": "void"
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"kind": "field",
|
|
326
|
-
"name": "inputValue",
|
|
327
|
-
"description": "Returns the current value of the input element within the combobox.",
|
|
328
|
-
"return": {
|
|
329
|
-
"type": {
|
|
330
|
-
"text": "string|undefined"
|
|
331
|
-
}
|
|
332
|
-
},
|
|
333
|
-
"readonly": true
|
|
334
|
-
},
|
|
335
|
-
{
|
|
336
|
-
"kind": "method",
|
|
337
|
-
"name": "isValid",
|
|
338
|
-
"description": "Checks if the element is valid.",
|
|
339
|
-
"return": {
|
|
340
|
-
"type": {
|
|
341
|
-
"text": "boolean"
|
|
342
|
-
}
|
|
343
|
-
}
|
|
297
|
+
"name": "_initializeDefaults"
|
|
344
298
|
},
|
|
345
299
|
{
|
|
346
300
|
"kind": "method",
|
|
@@ -349,7 +303,7 @@
|
|
|
349
303
|
"parameters": [
|
|
350
304
|
{
|
|
351
305
|
"name": "name",
|
|
352
|
-
"default": "
|
|
306
|
+
"default": "\"auro-checkbox-group\"",
|
|
353
307
|
"description": "The name of the element that you want to register.",
|
|
354
308
|
"optional": true,
|
|
355
309
|
"type": {
|
|
@@ -361,62 +315,24 @@
|
|
|
361
315
|
},
|
|
362
316
|
{
|
|
363
317
|
"kind": "method",
|
|
364
|
-
"name": "
|
|
365
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
366
|
-
"privacy": "private",
|
|
367
|
-
"return": {
|
|
368
|
-
"type": {
|
|
369
|
-
"text": "void"
|
|
370
|
-
}
|
|
371
|
-
}
|
|
372
|
-
},
|
|
373
|
-
{
|
|
374
|
-
"kind": "method",
|
|
375
|
-
"name": "activateLastEnabledAvailableOption",
|
|
376
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
377
|
-
"privacy": "private",
|
|
378
|
-
"return": {
|
|
379
|
-
"type": {
|
|
380
|
-
"text": "void"
|
|
381
|
-
}
|
|
382
|
-
}
|
|
383
|
-
},
|
|
384
|
-
{
|
|
385
|
-
"kind": "method",
|
|
386
|
-
"name": "updateFilter",
|
|
387
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
388
|
-
"privacy": "private"
|
|
389
|
-
},
|
|
390
|
-
{
|
|
391
|
-
"kind": "method",
|
|
392
|
-
"name": "syncValuesAndStates",
|
|
393
|
-
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
394
|
-
"privacy": "private",
|
|
395
|
-
"return": {
|
|
396
|
-
"type": {
|
|
397
|
-
"text": "void"
|
|
398
|
-
}
|
|
399
|
-
}
|
|
400
|
-
},
|
|
401
|
-
{
|
|
402
|
-
"kind": "method",
|
|
403
|
-
"name": "updateTriggerTextDisplay",
|
|
318
|
+
"name": "handleValueUpdate",
|
|
404
319
|
"parameters": [
|
|
405
320
|
{
|
|
406
|
-
"name": "
|
|
407
|
-
"description": "The
|
|
321
|
+
"name": "value",
|
|
322
|
+
"description": "The value of the checkbox.",
|
|
408
323
|
"type": {
|
|
409
|
-
"text": "
|
|
324
|
+
"text": "String"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
"name": "selected",
|
|
329
|
+
"description": "The checked state of the checkbox.",
|
|
330
|
+
"type": {
|
|
331
|
+
"text": "Boolean"
|
|
410
332
|
}
|
|
411
333
|
}
|
|
412
334
|
],
|
|
413
|
-
"description": "
|
|
414
|
-
"privacy": "private"
|
|
415
|
-
},
|
|
416
|
-
{
|
|
417
|
-
"kind": "method",
|
|
418
|
-
"name": "handleMenuOptions",
|
|
419
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
335
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
420
336
|
"privacy": "private",
|
|
421
337
|
"return": {
|
|
422
338
|
"type": {
|
|
@@ -426,8 +342,8 @@
|
|
|
426
342
|
},
|
|
427
343
|
{
|
|
428
344
|
"kind": "method",
|
|
429
|
-
"name": "
|
|
430
|
-
"description": "
|
|
345
|
+
"name": "handlePreselectedItems",
|
|
346
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
431
347
|
"privacy": "private",
|
|
432
348
|
"return": {
|
|
433
349
|
"type": {
|
|
@@ -437,8 +353,9 @@
|
|
|
437
353
|
},
|
|
438
354
|
{
|
|
439
355
|
"kind": "method",
|
|
440
|
-
"name": "
|
|
441
|
-
"description": "
|
|
356
|
+
"name": "handleItems",
|
|
357
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
358
|
+
"privacy": "private",
|
|
442
359
|
"return": {
|
|
443
360
|
"type": {
|
|
444
361
|
"text": "void"
|
|
@@ -447,8 +364,8 @@
|
|
|
447
364
|
},
|
|
448
365
|
{
|
|
449
366
|
"kind": "method",
|
|
450
|
-
"name": "
|
|
451
|
-
"description": "
|
|
367
|
+
"name": "reset",
|
|
368
|
+
"description": "Resets component to initial state.",
|
|
452
369
|
"return": {
|
|
453
370
|
"type": {
|
|
454
371
|
"text": "void"
|
|
@@ -457,102 +374,325 @@
|
|
|
457
374
|
},
|
|
458
375
|
{
|
|
459
376
|
"kind": "method",
|
|
460
|
-
"name": "
|
|
461
|
-
"
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
"
|
|
377
|
+
"name": "validate",
|
|
378
|
+
"parameters": [
|
|
379
|
+
{
|
|
380
|
+
"name": "force",
|
|
381
|
+
"default": "false",
|
|
382
|
+
"description": "Whether to force validation.",
|
|
383
|
+
"optional": true,
|
|
384
|
+
"type": {
|
|
385
|
+
"text": "boolean"
|
|
386
|
+
}
|
|
466
387
|
}
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
{
|
|
470
|
-
"kind": "method",
|
|
471
|
-
"name": "setClearBtnFocus",
|
|
472
|
-
"privacy": "private"
|
|
388
|
+
],
|
|
389
|
+
"description": "Validates value."
|
|
473
390
|
},
|
|
474
391
|
{
|
|
475
|
-
"kind": "
|
|
476
|
-
"name": "
|
|
477
|
-
"privacy": "
|
|
392
|
+
"kind": "field",
|
|
393
|
+
"name": "appearance",
|
|
394
|
+
"privacy": "public",
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "'default' | 'inverse'"
|
|
397
|
+
},
|
|
398
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
399
|
+
"default": "'default'",
|
|
400
|
+
"attribute": "appearance",
|
|
401
|
+
"reflects": true
|
|
478
402
|
},
|
|
479
403
|
{
|
|
480
|
-
"kind": "
|
|
481
|
-
"name": "
|
|
482
|
-
"privacy": "
|
|
404
|
+
"kind": "field",
|
|
405
|
+
"name": "disabled",
|
|
406
|
+
"privacy": "public",
|
|
407
|
+
"type": {
|
|
408
|
+
"text": "boolean"
|
|
409
|
+
},
|
|
410
|
+
"description": "If set, disables the checkbox group.",
|
|
411
|
+
"attribute": "disabled",
|
|
412
|
+
"reflects": true
|
|
483
413
|
},
|
|
484
414
|
{
|
|
485
|
-
"kind": "
|
|
486
|
-
"name": "
|
|
487
|
-
"
|
|
488
|
-
"
|
|
415
|
+
"kind": "field",
|
|
416
|
+
"name": "error",
|
|
417
|
+
"privacy": "public",
|
|
418
|
+
"type": {
|
|
419
|
+
"text": "string"
|
|
420
|
+
},
|
|
421
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
422
|
+
"attribute": "error",
|
|
423
|
+
"reflects": true
|
|
489
424
|
},
|
|
490
425
|
{
|
|
491
|
-
"kind": "
|
|
492
|
-
"name": "
|
|
493
|
-
"
|
|
494
|
-
"
|
|
426
|
+
"kind": "field",
|
|
427
|
+
"name": "horizontal",
|
|
428
|
+
"privacy": "public",
|
|
429
|
+
"type": {
|
|
430
|
+
"text": "boolean"
|
|
431
|
+
},
|
|
432
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
+
"attribute": "horizontal",
|
|
434
|
+
"reflects": true
|
|
495
435
|
},
|
|
496
436
|
{
|
|
497
|
-
"kind": "
|
|
498
|
-
"name": "
|
|
499
|
-
"
|
|
500
|
-
"
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
437
|
+
"kind": "field",
|
|
438
|
+
"name": "noValidate",
|
|
439
|
+
"privacy": "public",
|
|
440
|
+
"type": {
|
|
441
|
+
"text": "boolean"
|
|
442
|
+
},
|
|
443
|
+
"description": "If set, disables auto-validation on blur.",
|
|
444
|
+
"attribute": "noValidate",
|
|
445
|
+
"reflects": true
|
|
506
446
|
},
|
|
507
447
|
{
|
|
508
|
-
"kind": "
|
|
509
|
-
"name": "
|
|
510
|
-
"
|
|
511
|
-
"
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
448
|
+
"kind": "field",
|
|
449
|
+
"name": "onDark",
|
|
450
|
+
"privacy": "public",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "boolean"
|
|
453
|
+
},
|
|
454
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
+
"attribute": "onDark",
|
|
456
|
+
"reflects": true
|
|
517
457
|
},
|
|
518
458
|
{
|
|
519
|
-
"kind": "
|
|
520
|
-
"name": "
|
|
521
|
-
"
|
|
522
|
-
"
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
459
|
+
"kind": "field",
|
|
460
|
+
"name": "required",
|
|
461
|
+
"privacy": "public",
|
|
462
|
+
"type": {
|
|
463
|
+
"text": "boolean"
|
|
464
|
+
},
|
|
465
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
466
|
+
"attribute": "required",
|
|
467
|
+
"reflects": true
|
|
468
|
+
},
|
|
469
|
+
{
|
|
470
|
+
"kind": "field",
|
|
471
|
+
"name": "setCustomValidity",
|
|
472
|
+
"privacy": "public",
|
|
473
|
+
"type": {
|
|
474
|
+
"text": "string"
|
|
475
|
+
},
|
|
476
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
477
|
+
"attribute": "setCustomValidity"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"kind": "field",
|
|
481
|
+
"name": "setCustomValidityCustomError",
|
|
482
|
+
"privacy": "public",
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "string"
|
|
485
|
+
},
|
|
486
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
487
|
+
"attribute": "setCustomValidityCustomError"
|
|
488
|
+
},
|
|
489
|
+
{
|
|
490
|
+
"kind": "field",
|
|
491
|
+
"name": "setCustomValidityValueMissing",
|
|
492
|
+
"privacy": "public",
|
|
493
|
+
"type": {
|
|
494
|
+
"text": "string"
|
|
495
|
+
},
|
|
496
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
497
|
+
"attribute": "setCustomValidityValueMissing"
|
|
498
|
+
},
|
|
499
|
+
{
|
|
500
|
+
"kind": "field",
|
|
501
|
+
"name": "validity",
|
|
502
|
+
"privacy": "public",
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "string"
|
|
505
|
+
},
|
|
506
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
507
|
+
"attribute": "validity",
|
|
508
|
+
"reflects": true
|
|
509
|
+
}
|
|
510
|
+
],
|
|
511
|
+
"events": [
|
|
512
|
+
{
|
|
513
|
+
"name": "input",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "CustomEvent"
|
|
527
516
|
}
|
|
528
517
|
},
|
|
518
|
+
{
|
|
519
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
520
|
+
"name": "auroFormElement-validated"
|
|
521
|
+
}
|
|
522
|
+
],
|
|
523
|
+
"attributes": [
|
|
524
|
+
{
|
|
525
|
+
"name": "appearance",
|
|
526
|
+
"type": {
|
|
527
|
+
"text": "'default' | 'inverse'"
|
|
528
|
+
},
|
|
529
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
530
|
+
"default": "'default'",
|
|
531
|
+
"fieldName": "appearance"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"name": "disabled",
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "boolean"
|
|
537
|
+
},
|
|
538
|
+
"description": "If set, disables the checkbox group.",
|
|
539
|
+
"fieldName": "disabled"
|
|
540
|
+
},
|
|
541
|
+
{
|
|
542
|
+
"name": "error",
|
|
543
|
+
"type": {
|
|
544
|
+
"text": "string"
|
|
545
|
+
},
|
|
546
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
547
|
+
"fieldName": "error"
|
|
548
|
+
},
|
|
549
|
+
{
|
|
550
|
+
"name": "horizontal",
|
|
551
|
+
"type": {
|
|
552
|
+
"text": "boolean"
|
|
553
|
+
},
|
|
554
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
555
|
+
"fieldName": "horizontal"
|
|
556
|
+
},
|
|
557
|
+
{
|
|
558
|
+
"name": "noValidate",
|
|
559
|
+
"type": {
|
|
560
|
+
"text": "boolean"
|
|
561
|
+
},
|
|
562
|
+
"description": "If set, disables auto-validation on blur.",
|
|
563
|
+
"fieldName": "noValidate"
|
|
564
|
+
},
|
|
565
|
+
{
|
|
566
|
+
"name": "onDark",
|
|
567
|
+
"type": {
|
|
568
|
+
"text": "boolean"
|
|
569
|
+
},
|
|
570
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
571
|
+
"fieldName": "onDark"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"name": "required",
|
|
575
|
+
"type": {
|
|
576
|
+
"text": "boolean"
|
|
577
|
+
},
|
|
578
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
+
"fieldName": "required"
|
|
580
|
+
},
|
|
581
|
+
{
|
|
582
|
+
"name": "setCustomValidity",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "string"
|
|
585
|
+
},
|
|
586
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
+
"fieldName": "setCustomValidity"
|
|
588
|
+
},
|
|
589
|
+
{
|
|
590
|
+
"name": "setCustomValidityCustomError",
|
|
591
|
+
"type": {
|
|
592
|
+
"text": "string"
|
|
593
|
+
},
|
|
594
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
+
"fieldName": "setCustomValidityCustomError"
|
|
596
|
+
},
|
|
597
|
+
{
|
|
598
|
+
"name": "setCustomValidityValueMissing",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "string"
|
|
601
|
+
},
|
|
602
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"name": "validity",
|
|
607
|
+
"type": {
|
|
608
|
+
"text": "string"
|
|
609
|
+
},
|
|
610
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
+
"fieldName": "validity"
|
|
612
|
+
}
|
|
613
|
+
],
|
|
614
|
+
"superclass": {
|
|
615
|
+
"name": "LitElement",
|
|
616
|
+
"package": "lit"
|
|
617
|
+
},
|
|
618
|
+
"tagName": "auro-checkbox-group",
|
|
619
|
+
"customElement": true
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"exports": [
|
|
623
|
+
{
|
|
624
|
+
"kind": "js",
|
|
625
|
+
"name": "AuroCheckboxGroup",
|
|
626
|
+
"declaration": {
|
|
627
|
+
"name": "AuroCheckboxGroup",
|
|
628
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
]
|
|
632
|
+
},
|
|
633
|
+
{
|
|
634
|
+
"kind": "javascript-module",
|
|
635
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
+
"declarations": [
|
|
637
|
+
{
|
|
638
|
+
"kind": "class",
|
|
639
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
+
"name": "AuroCheckbox",
|
|
641
|
+
"cssParts": [
|
|
642
|
+
{
|
|
643
|
+
"description": "apply css to a specific checkbox.",
|
|
644
|
+
"name": "checkbox"
|
|
645
|
+
},
|
|
646
|
+
{
|
|
647
|
+
"description": "apply css to a specific checkbox's input.",
|
|
648
|
+
"name": "checkbox-input"
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"description": "apply css to a specific checkbox's label.",
|
|
652
|
+
"name": "checkbox-label"
|
|
653
|
+
}
|
|
654
|
+
],
|
|
655
|
+
"slots": [
|
|
656
|
+
{
|
|
657
|
+
"description": "The default slot for the checkbox label.",
|
|
658
|
+
"name": "default"
|
|
659
|
+
}
|
|
660
|
+
],
|
|
661
|
+
"members": [
|
|
529
662
|
{
|
|
530
663
|
"kind": "method",
|
|
531
|
-
"name": "
|
|
664
|
+
"name": "_initializeDefaults"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "method",
|
|
668
|
+
"name": "register",
|
|
669
|
+
"static": true,
|
|
532
670
|
"parameters": [
|
|
533
671
|
{
|
|
534
|
-
"name": "
|
|
535
|
-
"
|
|
536
|
-
"
|
|
537
|
-
|
|
538
|
-
}
|
|
539
|
-
},
|
|
540
|
-
{
|
|
541
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
542
|
-
"name": "event.detail.loading",
|
|
672
|
+
"name": "name",
|
|
673
|
+
"default": "\"auro-checkbox\"",
|
|
674
|
+
"description": "The name of element that you want to register to.",
|
|
675
|
+
"optional": true,
|
|
543
676
|
"type": {
|
|
544
|
-
"text": "
|
|
677
|
+
"text": "string"
|
|
545
678
|
}
|
|
546
|
-
}
|
|
679
|
+
}
|
|
680
|
+
],
|
|
681
|
+
"description": "This will register this element with the browser."
|
|
682
|
+
},
|
|
683
|
+
{
|
|
684
|
+
"kind": "method",
|
|
685
|
+
"name": "handleChange",
|
|
686
|
+
"parameters": [
|
|
547
687
|
{
|
|
548
|
-
"
|
|
549
|
-
"
|
|
688
|
+
"name": "event",
|
|
689
|
+
"description": "The change event from the checkbox input.",
|
|
550
690
|
"type": {
|
|
551
|
-
"text": "
|
|
691
|
+
"text": "Event"
|
|
552
692
|
}
|
|
553
693
|
}
|
|
554
694
|
],
|
|
555
|
-
"description": "
|
|
695
|
+
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
556
696
|
"privacy": "private",
|
|
557
697
|
"return": {
|
|
558
698
|
"type": {
|
|
@@ -562,17 +702,17 @@
|
|
|
562
702
|
},
|
|
563
703
|
{
|
|
564
704
|
"kind": "method",
|
|
565
|
-
"name": "
|
|
705
|
+
"name": "handleInput",
|
|
566
706
|
"parameters": [
|
|
567
707
|
{
|
|
568
708
|
"name": "event",
|
|
569
|
-
"description": "The input event
|
|
709
|
+
"description": "The input event from the checkbox input.",
|
|
570
710
|
"type": {
|
|
571
711
|
"text": "Event"
|
|
572
712
|
}
|
|
573
713
|
}
|
|
574
714
|
],
|
|
575
|
-
"description": "
|
|
715
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
576
716
|
"privacy": "private",
|
|
577
717
|
"return": {
|
|
578
718
|
"type": {
|
|
@@ -582,8 +722,8 @@
|
|
|
582
722
|
},
|
|
583
723
|
{
|
|
584
724
|
"kind": "method",
|
|
585
|
-
"name": "
|
|
586
|
-
"description": "
|
|
725
|
+
"name": "handleFocusin",
|
|
726
|
+
"description": "Function to support",
|
|
587
727
|
"privacy": "private",
|
|
588
728
|
"return": {
|
|
589
729
|
"type": {
|
|
@@ -593,30 +733,12 @@
|
|
|
593
733
|
},
|
|
594
734
|
{
|
|
595
735
|
"kind": "method",
|
|
596
|
-
"name": "
|
|
597
|
-
"description": "
|
|
598
|
-
"
|
|
599
|
-
"type": {
|
|
600
|
-
"text": "void"
|
|
601
|
-
}
|
|
602
|
-
}
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"kind": "method",
|
|
606
|
-
"name": "setMenuValue",
|
|
607
|
-
"parameters": [
|
|
608
|
-
{
|
|
609
|
-
"name": "value",
|
|
610
|
-
"description": "The value to set on the menu.",
|
|
611
|
-
"type": {
|
|
612
|
-
"text": "string"
|
|
613
|
-
}
|
|
614
|
-
}
|
|
615
|
-
],
|
|
616
|
-
"description": "Sets the menu value if menu is available.",
|
|
736
|
+
"name": "generateIconHtml",
|
|
737
|
+
"description": "Function to generate checkmark svg.",
|
|
738
|
+
"privacy": "private",
|
|
617
739
|
"return": {
|
|
618
740
|
"type": {
|
|
619
|
-
"text": "
|
|
741
|
+
"text": "HTMLElement"
|
|
620
742
|
}
|
|
621
743
|
}
|
|
622
744
|
},
|
|
@@ -632,57 +754,8 @@
|
|
|
632
754
|
},
|
|
633
755
|
{
|
|
634
756
|
"kind": "method",
|
|
635
|
-
"name": "
|
|
636
|
-
"description": "
|
|
637
|
-
"return": {
|
|
638
|
-
"type": {
|
|
639
|
-
"text": "void"
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
},
|
|
643
|
-
{
|
|
644
|
-
"kind": "method",
|
|
645
|
-
"name": "validate",
|
|
646
|
-
"parameters": [
|
|
647
|
-
{
|
|
648
|
-
"name": "force",
|
|
649
|
-
"default": "false",
|
|
650
|
-
"description": "Whether to force validation.",
|
|
651
|
-
"optional": true,
|
|
652
|
-
"type": {
|
|
653
|
-
"text": "boolean"
|
|
654
|
-
}
|
|
655
|
-
}
|
|
656
|
-
],
|
|
657
|
-
"description": "Validates value."
|
|
658
|
-
},
|
|
659
|
-
{
|
|
660
|
-
"kind": "method",
|
|
661
|
-
"name": "transportAssignedNodes",
|
|
662
|
-
"parameters": [
|
|
663
|
-
{
|
|
664
|
-
"name": "slot",
|
|
665
|
-
"description": "The slot element containing the nodes to apply.",
|
|
666
|
-
"type": {
|
|
667
|
-
"text": "HTMLSlotElement"
|
|
668
|
-
}
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"name": "target",
|
|
672
|
-
"description": "The target element to apply the nodes to.",
|
|
673
|
-
"type": {
|
|
674
|
-
"text": "HTMLElement"
|
|
675
|
-
}
|
|
676
|
-
},
|
|
677
|
-
{
|
|
678
|
-
"name": "newSlotName",
|
|
679
|
-
"description": "The new slot name for the applied nodes.",
|
|
680
|
-
"type": {
|
|
681
|
-
"text": "string"
|
|
682
|
-
}
|
|
683
|
-
}
|
|
684
|
-
],
|
|
685
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
757
|
+
"name": "updateAriaLabel",
|
|
758
|
+
"description": "Updates the aria-label based on slot content.",
|
|
686
759
|
"privacy": "private",
|
|
687
760
|
"return": {
|
|
688
761
|
"type": {
|
|
@@ -692,31 +765,17 @@
|
|
|
692
765
|
},
|
|
693
766
|
{
|
|
694
767
|
"kind": "method",
|
|
695
|
-
"name": "
|
|
696
|
-
"parameters": [
|
|
697
|
-
{
|
|
698
|
-
"name": "index",
|
|
699
|
-
"description": "Index of the option to make active.",
|
|
700
|
-
"type": {
|
|
701
|
-
"text": "number"
|
|
702
|
-
}
|
|
703
|
-
}
|
|
704
|
-
],
|
|
705
|
-
"description": "Updates the active option in the menu."
|
|
706
|
-
},
|
|
707
|
-
{
|
|
708
|
-
"kind": "method",
|
|
709
|
-
"name": "handleSlotChange",
|
|
768
|
+
"name": "handleKeyDown",
|
|
710
769
|
"parameters": [
|
|
711
770
|
{
|
|
712
771
|
"name": "event",
|
|
713
|
-
"description": "
|
|
772
|
+
"description": "The keydown event from the checkbox input.",
|
|
714
773
|
"type": {
|
|
715
|
-
"text": "
|
|
774
|
+
"text": "KeyboardEvent"
|
|
716
775
|
}
|
|
717
776
|
}
|
|
718
777
|
],
|
|
719
|
-
"description": "
|
|
778
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
720
779
|
"privacy": "private",
|
|
721
780
|
"return": {
|
|
722
781
|
"type": {
|
|
@@ -729,7 +788,7 @@
|
|
|
729
788
|
"name": "appearance",
|
|
730
789
|
"privacy": "public",
|
|
731
790
|
"type": {
|
|
732
|
-
"text": "
|
|
791
|
+
"text": "'default' | 'inverse'"
|
|
733
792
|
},
|
|
734
793
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
735
794
|
"default": "'default'",
|
|
@@ -738,1111 +797,1123 @@
|
|
|
738
797
|
},
|
|
739
798
|
{
|
|
740
799
|
"kind": "field",
|
|
741
|
-
"name": "
|
|
742
|
-
"privacy": "public",
|
|
743
|
-
"type": {
|
|
744
|
-
"text": "string"
|
|
745
|
-
},
|
|
746
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
747
|
-
"attribute": "autocomplete",
|
|
748
|
-
"reflects": true
|
|
749
|
-
},
|
|
750
|
-
{
|
|
751
|
-
"kind": "field",
|
|
752
|
-
"name": "autoPlacement",
|
|
800
|
+
"name": "checked",
|
|
753
801
|
"privacy": "public",
|
|
754
802
|
"type": {
|
|
755
803
|
"text": "boolean"
|
|
756
804
|
},
|
|
757
|
-
"description": "If
|
|
758
|
-
"attribute": "
|
|
805
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
806
|
+
"attribute": "checked",
|
|
759
807
|
"reflects": true
|
|
760
808
|
},
|
|
761
809
|
{
|
|
762
810
|
"kind": "field",
|
|
763
|
-
"name": "
|
|
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",
|
|
811
|
+
"name": "disabled",
|
|
774
812
|
"privacy": "public",
|
|
775
813
|
"type": {
|
|
776
|
-
"text": "
|
|
814
|
+
"text": "boolean"
|
|
777
815
|
},
|
|
778
|
-
"description": "
|
|
779
|
-
"
|
|
780
|
-
"attribute": "behavior",
|
|
816
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
817
|
+
"attribute": "disabled",
|
|
781
818
|
"reflects": true
|
|
782
819
|
},
|
|
783
820
|
{
|
|
784
821
|
"kind": "field",
|
|
785
|
-
"name": "
|
|
822
|
+
"name": "error",
|
|
786
823
|
"privacy": "public",
|
|
787
824
|
"type": {
|
|
788
825
|
"text": "boolean"
|
|
789
826
|
},
|
|
790
|
-
"description": "
|
|
791
|
-
"attribute": "
|
|
827
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
828
|
+
"attribute": "error",
|
|
792
829
|
"reflects": true
|
|
793
830
|
},
|
|
794
831
|
{
|
|
795
832
|
"kind": "field",
|
|
796
|
-
"name": "
|
|
833
|
+
"name": "id",
|
|
797
834
|
"privacy": "public",
|
|
798
835
|
"type": {
|
|
799
|
-
"text": "
|
|
836
|
+
"text": "string"
|
|
800
837
|
},
|
|
801
|
-
"description": "
|
|
802
|
-
"attribute": "
|
|
838
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
839
|
+
"attribute": "id",
|
|
803
840
|
"reflects": true
|
|
804
841
|
},
|
|
805
842
|
{
|
|
806
843
|
"kind": "field",
|
|
807
|
-
"name": "
|
|
844
|
+
"name": "inputId",
|
|
808
845
|
"privacy": "private",
|
|
809
846
|
"type": {
|
|
810
847
|
"text": "string"
|
|
811
848
|
},
|
|
812
|
-
"description": "
|
|
849
|
+
"description": "The id for input node."
|
|
813
850
|
},
|
|
814
851
|
{
|
|
815
852
|
"kind": "field",
|
|
816
|
-
"name": "
|
|
817
|
-
"privacy": "
|
|
853
|
+
"name": "name",
|
|
854
|
+
"privacy": "public",
|
|
818
855
|
"type": {
|
|
819
|
-
"text": "
|
|
856
|
+
"text": "string"
|
|
820
857
|
},
|
|
821
|
-
"description": "
|
|
858
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
859
|
+
"attribute": "name"
|
|
822
860
|
},
|
|
823
861
|
{
|
|
824
862
|
"kind": "field",
|
|
825
|
-
"name": "
|
|
863
|
+
"name": "onDark",
|
|
826
864
|
"privacy": "public",
|
|
827
865
|
"type": {
|
|
828
866
|
"text": "boolean"
|
|
829
867
|
},
|
|
830
|
-
"description": "
|
|
831
|
-
"attribute": "
|
|
868
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
869
|
+
"attribute": "onDark",
|
|
832
870
|
"reflects": true
|
|
833
871
|
},
|
|
834
872
|
{
|
|
835
873
|
"kind": "field",
|
|
836
|
-
"name": "
|
|
837
|
-
"privacy": "
|
|
874
|
+
"name": "touched",
|
|
875
|
+
"privacy": "private",
|
|
838
876
|
"type": {
|
|
839
|
-
"text": "
|
|
877
|
+
"text": "boolean"
|
|
840
878
|
},
|
|
841
|
-
"description": "
|
|
842
|
-
"attribute": "error",
|
|
843
|
-
"reflects": true
|
|
879
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
844
880
|
},
|
|
845
881
|
{
|
|
846
882
|
"kind": "field",
|
|
847
|
-
"name": "
|
|
883
|
+
"name": "value",
|
|
848
884
|
"privacy": "public",
|
|
849
885
|
"type": {
|
|
850
886
|
"text": "string"
|
|
851
887
|
},
|
|
852
|
-
"description": "
|
|
853
|
-
"attribute": "
|
|
854
|
-
"reflects": true
|
|
888
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
889
|
+
"attribute": "value"
|
|
855
890
|
},
|
|
856
891
|
{
|
|
857
892
|
"kind": "field",
|
|
858
|
-
"name": "
|
|
859
|
-
"privacy": "
|
|
893
|
+
"name": "tabIndex",
|
|
894
|
+
"privacy": "private",
|
|
860
895
|
"type": {
|
|
861
|
-
"text": "
|
|
896
|
+
"text": "number"
|
|
862
897
|
},
|
|
863
|
-
"description": "
|
|
864
|
-
"attribute": "
|
|
898
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
899
|
+
"attribute": "tabindex",
|
|
865
900
|
"reflects": true
|
|
866
901
|
},
|
|
867
902
|
{
|
|
868
903
|
"kind": "field",
|
|
869
|
-
"name": "
|
|
870
|
-
"privacy": "
|
|
904
|
+
"name": "ariaChecked",
|
|
905
|
+
"privacy": "private",
|
|
871
906
|
"type": {
|
|
872
907
|
"text": "string"
|
|
873
908
|
},
|
|
874
|
-
"description": "
|
|
875
|
-
"
|
|
876
|
-
"
|
|
877
|
-
"reflects": true,
|
|
878
|
-
"inheritedFrom": {
|
|
879
|
-
"name": "AuroElement",
|
|
880
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
881
|
-
}
|
|
909
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
910
|
+
"attribute": "aria-checked",
|
|
911
|
+
"reflects": true
|
|
882
912
|
},
|
|
883
913
|
{
|
|
884
914
|
"kind": "field",
|
|
885
|
-
"name": "
|
|
915
|
+
"name": "ariaDisabled",
|
|
886
916
|
"privacy": "private",
|
|
887
917
|
"type": {
|
|
888
|
-
"text": "
|
|
918
|
+
"text": "string"
|
|
889
919
|
},
|
|
890
|
-
"description": "
|
|
891
|
-
"attribute": "
|
|
920
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
921
|
+
"attribute": "aria-disabled",
|
|
892
922
|
"reflects": true
|
|
893
923
|
},
|
|
894
924
|
{
|
|
895
925
|
"kind": "field",
|
|
896
|
-
"name": "
|
|
897
|
-
"privacy": "
|
|
926
|
+
"name": "role",
|
|
927
|
+
"privacy": "private",
|
|
898
928
|
"type": {
|
|
899
|
-
"text": "
|
|
929
|
+
"text": "string"
|
|
900
930
|
},
|
|
901
|
-
"description": "
|
|
902
|
-
"attribute": "
|
|
931
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
932
|
+
"attribute": "role",
|
|
903
933
|
"reflects": true
|
|
904
|
-
}
|
|
934
|
+
}
|
|
935
|
+
],
|
|
936
|
+
"events": [
|
|
905
937
|
{
|
|
906
|
-
"
|
|
907
|
-
"name": "noFlip",
|
|
908
|
-
"privacy": "public",
|
|
938
|
+
"name": "auroCheckbox-input",
|
|
909
939
|
"type": {
|
|
910
|
-
"text": "
|
|
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
|
|
940
|
+
"text": "CustomEvent"
|
|
941
|
+
}
|
|
915
942
|
},
|
|
916
943
|
{
|
|
917
|
-
"
|
|
918
|
-
"name": "shift",
|
|
919
|
-
"privacy": "public",
|
|
944
|
+
"name": "auroCheckbox-focusin",
|
|
920
945
|
"type": {
|
|
921
|
-
"text": "
|
|
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
|
|
946
|
+
"text": "CustomEvent"
|
|
947
|
+
}
|
|
926
948
|
},
|
|
927
949
|
{
|
|
928
|
-
"
|
|
929
|
-
"name": "noValidate",
|
|
930
|
-
"privacy": "public",
|
|
950
|
+
"name": "auroCheckbox-focusout",
|
|
931
951
|
"type": {
|
|
932
|
-
"text": "
|
|
933
|
-
}
|
|
934
|
-
"description": "If set, disables auto-validation on blur.",
|
|
935
|
-
"attribute": "noValidate",
|
|
936
|
-
"reflects": true
|
|
952
|
+
"text": "CustomEvent"
|
|
953
|
+
}
|
|
937
954
|
},
|
|
938
955
|
{
|
|
939
|
-
"
|
|
940
|
-
"name": "
|
|
941
|
-
|
|
956
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
957
|
+
"name": "change"
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
961
|
+
"name": "input"
|
|
962
|
+
}
|
|
963
|
+
],
|
|
964
|
+
"attributes": [
|
|
965
|
+
{
|
|
966
|
+
"name": "appearance",
|
|
942
967
|
"type": {
|
|
943
|
-
"text": "
|
|
968
|
+
"text": "'default' | 'inverse'"
|
|
944
969
|
},
|
|
945
|
-
"description": "
|
|
946
|
-
"default": "
|
|
947
|
-
"
|
|
948
|
-
"reflects": true
|
|
970
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
971
|
+
"default": "'default'",
|
|
972
|
+
"fieldName": "appearance"
|
|
949
973
|
},
|
|
950
974
|
{
|
|
951
|
-
"
|
|
952
|
-
"name": "onDark",
|
|
953
|
-
"privacy": "public",
|
|
975
|
+
"name": "checked",
|
|
954
976
|
"type": {
|
|
955
977
|
"text": "boolean"
|
|
956
978
|
},
|
|
957
|
-
"
|
|
958
|
-
"
|
|
959
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
960
|
-
"inheritedFrom": {
|
|
961
|
-
"name": "AuroElement",
|
|
962
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
963
|
-
}
|
|
979
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
980
|
+
"fieldName": "checked"
|
|
964
981
|
},
|
|
965
982
|
{
|
|
966
|
-
"
|
|
967
|
-
"name": "optionSelected",
|
|
968
|
-
"privacy": "public",
|
|
983
|
+
"name": "disabled",
|
|
969
984
|
"type": {
|
|
970
|
-
"text": "
|
|
985
|
+
"text": "boolean"
|
|
971
986
|
},
|
|
972
|
-
"description": "
|
|
973
|
-
"
|
|
987
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
988
|
+
"fieldName": "disabled"
|
|
974
989
|
},
|
|
975
990
|
{
|
|
976
|
-
"
|
|
977
|
-
"name": "persistInput",
|
|
978
|
-
"privacy": "public",
|
|
991
|
+
"name": "error",
|
|
979
992
|
"type": {
|
|
980
993
|
"text": "boolean"
|
|
981
994
|
},
|
|
982
|
-
"description": "If
|
|
983
|
-
"
|
|
984
|
-
"reflects": true
|
|
995
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
996
|
+
"fieldName": "error"
|
|
985
997
|
},
|
|
986
998
|
{
|
|
987
|
-
"
|
|
988
|
-
"name": "placement",
|
|
989
|
-
"privacy": "public",
|
|
999
|
+
"name": "id",
|
|
990
1000
|
"type": {
|
|
991
|
-
"text": "
|
|
1001
|
+
"text": "string"
|
|
992
1002
|
},
|
|
993
|
-
"description": "
|
|
994
|
-
"
|
|
995
|
-
"attribute": "placement",
|
|
996
|
-
"reflects": true
|
|
1003
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
1004
|
+
"fieldName": "id"
|
|
997
1005
|
},
|
|
998
1006
|
{
|
|
999
|
-
"
|
|
1000
|
-
"name": "placeholder",
|
|
1001
|
-
"privacy": "public",
|
|
1007
|
+
"name": "name",
|
|
1002
1008
|
"type": {
|
|
1003
1009
|
"text": "string"
|
|
1004
1010
|
},
|
|
1005
|
-
"description": "
|
|
1006
|
-
"
|
|
1007
|
-
"reflects": true
|
|
1011
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
1012
|
+
"fieldName": "name"
|
|
1008
1013
|
},
|
|
1009
1014
|
{
|
|
1010
|
-
"
|
|
1011
|
-
"name": "required",
|
|
1012
|
-
"privacy": "public",
|
|
1015
|
+
"name": "onDark",
|
|
1013
1016
|
"type": {
|
|
1014
1017
|
"text": "boolean"
|
|
1015
1018
|
},
|
|
1016
|
-
"description": "
|
|
1017
|
-
"
|
|
1018
|
-
"reflects": true
|
|
1019
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1020
|
+
"fieldName": "onDark"
|
|
1019
1021
|
},
|
|
1020
1022
|
{
|
|
1021
|
-
"
|
|
1022
|
-
"name": "setCustomValidity",
|
|
1023
|
-
"privacy": "public",
|
|
1023
|
+
"name": "value",
|
|
1024
1024
|
"type": {
|
|
1025
1025
|
"text": "string"
|
|
1026
1026
|
},
|
|
1027
|
-
"description": "Sets
|
|
1028
|
-
"
|
|
1027
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
1028
|
+
"fieldName": "value"
|
|
1029
1029
|
},
|
|
1030
1030
|
{
|
|
1031
|
-
"
|
|
1032
|
-
"name": "setCustomValidityCustomError",
|
|
1033
|
-
"privacy": "public",
|
|
1031
|
+
"name": "tabindex",
|
|
1034
1032
|
"type": {
|
|
1035
|
-
"text": "
|
|
1033
|
+
"text": "number"
|
|
1036
1034
|
},
|
|
1037
|
-
"description": "
|
|
1038
|
-
"
|
|
1035
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
1036
|
+
"fieldName": "tabIndex"
|
|
1039
1037
|
},
|
|
1040
1038
|
{
|
|
1041
|
-
"
|
|
1042
|
-
"name": "setCustomValidityValueMissing",
|
|
1043
|
-
"privacy": "public",
|
|
1039
|
+
"name": "aria-checked",
|
|
1044
1040
|
"type": {
|
|
1045
1041
|
"text": "string"
|
|
1046
1042
|
},
|
|
1047
|
-
"description": "
|
|
1048
|
-
"
|
|
1043
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
1044
|
+
"fieldName": "ariaChecked"
|
|
1049
1045
|
},
|
|
1050
1046
|
{
|
|
1051
|
-
"
|
|
1052
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1053
|
-
"privacy": "public",
|
|
1047
|
+
"name": "aria-disabled",
|
|
1054
1048
|
"type": {
|
|
1055
1049
|
"text": "string"
|
|
1056
1050
|
},
|
|
1057
|
-
"description": "
|
|
1058
|
-
"
|
|
1051
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
1052
|
+
"fieldName": "ariaDisabled"
|
|
1059
1053
|
},
|
|
1060
1054
|
{
|
|
1061
|
-
"
|
|
1062
|
-
"name": "touched",
|
|
1063
|
-
"privacy": "private",
|
|
1055
|
+
"name": "role",
|
|
1064
1056
|
"type": {
|
|
1065
|
-
"text": "
|
|
1057
|
+
"text": "string"
|
|
1066
1058
|
},
|
|
1067
|
-
"description": "
|
|
1059
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
1060
|
+
"fieldName": "role"
|
|
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": ""
|
|
1068
1123
|
},
|
|
1069
1124
|
{
|
|
1070
|
-
"kind": "field",
|
|
1071
|
-
"name": "triggerIcon",
|
|
1072
|
-
"privacy": "public",
|
|
1073
1125
|
"type": {
|
|
1074
|
-
"text": "
|
|
1126
|
+
"text": "HTMLSlotElement"
|
|
1075
1127
|
},
|
|
1076
|
-
"description": "
|
|
1077
|
-
"
|
|
1078
|
-
"reflects": true
|
|
1128
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1129
|
+
"name": "optionalLabel"
|
|
1079
1130
|
},
|
|
1080
1131
|
{
|
|
1081
|
-
"
|
|
1082
|
-
"name": "
|
|
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
|
|
1132
|
+
"description": "Sets aria-label on clear button",
|
|
1133
|
+
"name": "ariaLabel.input.clear"
|
|
1090
1134
|
},
|
|
1091
1135
|
{
|
|
1092
|
-
"
|
|
1093
|
-
"name": "
|
|
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
|
|
1136
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
+
"name": "ariaLabel.bib.close"
|
|
1101
1138
|
},
|
|
1102
1139
|
{
|
|
1103
|
-
"
|
|
1104
|
-
"name": "
|
|
1105
|
-
"privacy": "public",
|
|
1106
|
-
"type": {
|
|
1107
|
-
"text": "string"
|
|
1108
|
-
},
|
|
1109
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1110
|
-
"attribute": "validity",
|
|
1111
|
-
"reflects": true
|
|
1140
|
+
"description": "Defines the headline to display above menu-options",
|
|
1141
|
+
"name": "bib.fullscreen.headline"
|
|
1112
1142
|
},
|
|
1113
1143
|
{
|
|
1114
|
-
"
|
|
1115
|
-
"name": "
|
|
1116
|
-
"privacy": "public",
|
|
1117
|
-
"type": {
|
|
1118
|
-
"text": "string"
|
|
1119
|
-
},
|
|
1120
|
-
"description": "Value selected for the dropdown menu.",
|
|
1121
|
-
"attribute": "value"
|
|
1144
|
+
"description": "Defines the content of the label.",
|
|
1145
|
+
"name": "label"
|
|
1122
1146
|
},
|
|
1123
1147
|
{
|
|
1124
|
-
"
|
|
1125
|
-
"name": "
|
|
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
|
|
1148
|
+
"description": "Defines the content of the helpText.",
|
|
1149
|
+
"name": "helpText"
|
|
1133
1150
|
},
|
|
1134
1151
|
{
|
|
1135
|
-
"
|
|
1136
|
-
"name": "
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
},
|
|
1141
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1142
|
-
"default": "'sm'",
|
|
1143
|
-
"attribute": "fullscreenBreakpoint",
|
|
1144
|
-
"reflects": true
|
|
1145
|
-
},
|
|
1152
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
1153
|
+
"name": "displayValue"
|
|
1154
|
+
}
|
|
1155
|
+
],
|
|
1156
|
+
"members": [
|
|
1146
1157
|
{
|
|
1147
|
-
"kind": "
|
|
1148
|
-
"name": "
|
|
1158
|
+
"kind": "method",
|
|
1159
|
+
"name": "_initializeDefaults",
|
|
1149
1160
|
"privacy": "private",
|
|
1150
|
-
"
|
|
1151
|
-
"
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"kind": "method",
|
|
1169
|
+
"name": "_scheduleTimer",
|
|
1170
|
+
"parameters": [
|
|
1171
|
+
{
|
|
1172
|
+
"name": "fn",
|
|
1173
|
+
"description": "Callback to run.",
|
|
1174
|
+
"type": {
|
|
1175
|
+
"text": "Function"
|
|
1176
|
+
}
|
|
1177
|
+
},
|
|
1178
|
+
{
|
|
1179
|
+
"name": "ms",
|
|
1180
|
+
"description": "Delay in milliseconds.",
|
|
1181
|
+
"type": {
|
|
1182
|
+
"text": "number"
|
|
1183
|
+
}
|
|
1184
|
+
}
|
|
1185
|
+
],
|
|
1186
|
+
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1187
|
+
"return": {
|
|
1188
|
+
"type": {
|
|
1189
|
+
"text": "number"
|
|
1190
|
+
}
|
|
1152
1191
|
},
|
|
1153
|
-
"
|
|
1192
|
+
"privacy": "private"
|
|
1154
1193
|
},
|
|
1155
1194
|
{
|
|
1156
1195
|
"kind": "field",
|
|
1157
|
-
"name": "
|
|
1158
|
-
"
|
|
1159
|
-
"
|
|
1160
|
-
"
|
|
1196
|
+
"name": "inputValue",
|
|
1197
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1198
|
+
"return": {
|
|
1199
|
+
"type": {
|
|
1200
|
+
"text": "string|undefined"
|
|
1201
|
+
}
|
|
1161
1202
|
},
|
|
1162
|
-
"
|
|
1203
|
+
"readonly": true
|
|
1163
1204
|
},
|
|
1164
1205
|
{
|
|
1165
|
-
"kind": "
|
|
1166
|
-
"name": "
|
|
1167
|
-
"description": "
|
|
1168
|
-
"privacy": "private",
|
|
1206
|
+
"kind": "method",
|
|
1207
|
+
"name": "isValid",
|
|
1208
|
+
"description": "Checks if the element is valid.",
|
|
1169
1209
|
"return": {
|
|
1170
1210
|
"type": {
|
|
1171
1211
|
"text": "boolean"
|
|
1172
1212
|
}
|
|
1173
|
-
},
|
|
1174
|
-
"readonly": true,
|
|
1175
|
-
"inheritedFrom": {
|
|
1176
|
-
"name": "AuroElement",
|
|
1177
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1178
1213
|
}
|
|
1179
1214
|
},
|
|
1180
1215
|
{
|
|
1181
1216
|
"kind": "method",
|
|
1182
|
-
"name": "
|
|
1183
|
-
"
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1217
|
+
"name": "register",
|
|
1218
|
+
"static": true,
|
|
1219
|
+
"parameters": [
|
|
1220
|
+
{
|
|
1221
|
+
"name": "name",
|
|
1222
|
+
"default": "'auro-combobox'",
|
|
1223
|
+
"description": "The name of the element that you want to register.",
|
|
1224
|
+
"optional": true,
|
|
1225
|
+
"type": {
|
|
1226
|
+
"text": "string"
|
|
1227
|
+
}
|
|
1228
|
+
}
|
|
1229
|
+
],
|
|
1230
|
+
"description": "This will register this element with the browser."
|
|
1187
1231
|
},
|
|
1188
1232
|
{
|
|
1189
1233
|
"kind": "method",
|
|
1190
|
-
"name": "
|
|
1191
|
-
"
|
|
1192
|
-
|
|
1193
|
-
|
|
1234
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1235
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1236
|
+
"privacy": "private",
|
|
1237
|
+
"return": {
|
|
1238
|
+
"type": {
|
|
1239
|
+
"text": "void"
|
|
1240
|
+
}
|
|
1194
1241
|
}
|
|
1195
1242
|
},
|
|
1196
1243
|
{
|
|
1197
1244
|
"kind": "method",
|
|
1198
|
-
"name": "
|
|
1199
|
-
"
|
|
1200
|
-
|
|
1201
|
-
|
|
1245
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1246
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1247
|
+
"privacy": "private",
|
|
1248
|
+
"return": {
|
|
1249
|
+
"type": {
|
|
1250
|
+
"text": "void"
|
|
1251
|
+
}
|
|
1202
1252
|
}
|
|
1203
1253
|
},
|
|
1204
1254
|
{
|
|
1205
|
-
"kind": "
|
|
1206
|
-
"name": "
|
|
1207
|
-
"
|
|
1208
|
-
"
|
|
1209
|
-
"text": "string"
|
|
1210
|
-
},
|
|
1211
|
-
"attribute": "shape",
|
|
1212
|
-
"reflects": true,
|
|
1213
|
-
"inheritedFrom": {
|
|
1214
|
-
"name": "AuroElement",
|
|
1215
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1216
|
-
}
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateFilter",
|
|
1257
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1258
|
+
"privacy": "private"
|
|
1217
1259
|
},
|
|
1218
1260
|
{
|
|
1219
|
-
"kind": "
|
|
1220
|
-
"name": "
|
|
1221
|
-
"
|
|
1222
|
-
"
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
"inheritedFrom": {
|
|
1228
|
-
"name": "AuroElement",
|
|
1229
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1261
|
+
"kind": "method",
|
|
1262
|
+
"name": "syncValuesAndStates",
|
|
1263
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1264
|
+
"privacy": "private",
|
|
1265
|
+
"return": {
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "void"
|
|
1268
|
+
}
|
|
1230
1269
|
}
|
|
1231
|
-
}
|
|
1232
|
-
],
|
|
1233
|
-
"events": [
|
|
1234
|
-
{
|
|
1235
|
-
"name": "inputValue",
|
|
1236
|
-
"type": {
|
|
1237
|
-
"text": "CustomEvent"
|
|
1238
|
-
},
|
|
1239
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1240
1270
|
},
|
|
1241
1271
|
{
|
|
1242
|
-
"
|
|
1243
|
-
"
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1272
|
+
"kind": "method",
|
|
1273
|
+
"name": "updateTriggerTextDisplay",
|
|
1274
|
+
"parameters": [
|
|
1275
|
+
{
|
|
1276
|
+
"name": "label",
|
|
1277
|
+
"description": "The label of the selected option.",
|
|
1278
|
+
"type": {
|
|
1279
|
+
"text": "string"
|
|
1280
|
+
}
|
|
1281
|
+
}
|
|
1282
|
+
],
|
|
1283
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1284
|
+
"privacy": "private"
|
|
1247
1285
|
},
|
|
1248
1286
|
{
|
|
1249
|
-
"
|
|
1250
|
-
"
|
|
1251
|
-
|
|
1287
|
+
"kind": "method",
|
|
1288
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
1289
|
+
"parameters": [
|
|
1290
|
+
{
|
|
1291
|
+
"name": "nextValue",
|
|
1292
|
+
"description": "The value to write to both inputs.",
|
|
1293
|
+
"type": {
|
|
1294
|
+
"text": "string"
|
|
1295
|
+
}
|
|
1296
|
+
}
|
|
1297
|
+
],
|
|
1298
|
+
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
1299
|
+
"return": {
|
|
1300
|
+
"type": {
|
|
1301
|
+
"text": "Promise<void>"
|
|
1302
|
+
}
|
|
1252
1303
|
},
|
|
1253
|
-
"
|
|
1304
|
+
"privacy": "private"
|
|
1254
1305
|
},
|
|
1255
1306
|
{
|
|
1256
|
-
"
|
|
1257
|
-
"name": "
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
},
|
|
1266
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1267
|
-
"default": "'default'",
|
|
1268
|
-
"fieldName": "appearance"
|
|
1307
|
+
"kind": "method",
|
|
1308
|
+
"name": "handleMenuOptions",
|
|
1309
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1310
|
+
"privacy": "private",
|
|
1311
|
+
"return": {
|
|
1312
|
+
"type": {
|
|
1313
|
+
"text": "void"
|
|
1314
|
+
}
|
|
1315
|
+
}
|
|
1269
1316
|
},
|
|
1270
1317
|
{
|
|
1271
|
-
"
|
|
1272
|
-
"
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
"
|
|
1276
|
-
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "generateOptionsArray",
|
|
1320
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1321
|
+
"privacy": "private",
|
|
1322
|
+
"return": {
|
|
1323
|
+
"type": {
|
|
1324
|
+
"text": "void"
|
|
1325
|
+
}
|
|
1326
|
+
}
|
|
1277
1327
|
},
|
|
1278
1328
|
{
|
|
1279
|
-
"
|
|
1280
|
-
"
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1329
|
+
"kind": "method",
|
|
1330
|
+
"name": "hideBib",
|
|
1331
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1332
|
+
"return": {
|
|
1333
|
+
"type": {
|
|
1334
|
+
"text": "void"
|
|
1335
|
+
}
|
|
1336
|
+
}
|
|
1285
1337
|
},
|
|
1286
1338
|
{
|
|
1287
|
-
"
|
|
1288
|
-
"
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1339
|
+
"kind": "method",
|
|
1340
|
+
"name": "showBib",
|
|
1341
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1342
|
+
"return": {
|
|
1343
|
+
"type": {
|
|
1344
|
+
"text": "void"
|
|
1345
|
+
}
|
|
1346
|
+
}
|
|
1347
|
+
},
|
|
1294
1348
|
{
|
|
1295
|
-
"
|
|
1296
|
-
"
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
"
|
|
1300
|
-
|
|
1301
|
-
|
|
1349
|
+
"kind": "method",
|
|
1350
|
+
"name": "configureDropdown",
|
|
1351
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1352
|
+
"privacy": "private",
|
|
1353
|
+
"return": {
|
|
1354
|
+
"type": {
|
|
1355
|
+
"text": "void"
|
|
1356
|
+
}
|
|
1357
|
+
}
|
|
1302
1358
|
},
|
|
1303
1359
|
{
|
|
1304
|
-
"
|
|
1305
|
-
"
|
|
1306
|
-
|
|
1307
|
-
},
|
|
1308
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1309
|
-
"fieldName": "checkmark"
|
|
1360
|
+
"kind": "method",
|
|
1361
|
+
"name": "setClearBtnFocus",
|
|
1362
|
+
"privacy": "private"
|
|
1310
1363
|
},
|
|
1311
1364
|
{
|
|
1312
|
-
"
|
|
1313
|
-
"
|
|
1314
|
-
|
|
1315
|
-
},
|
|
1316
|
-
"description": "If set, disables the combobox.",
|
|
1317
|
-
"fieldName": "disabled"
|
|
1365
|
+
"kind": "method",
|
|
1366
|
+
"name": "setTriggerInputFocus",
|
|
1367
|
+
"privacy": "private"
|
|
1318
1368
|
},
|
|
1319
1369
|
{
|
|
1320
|
-
"
|
|
1321
|
-
"
|
|
1322
|
-
|
|
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"
|
|
1370
|
+
"kind": "method",
|
|
1371
|
+
"name": "setInputFocus",
|
|
1372
|
+
"privacy": "private"
|
|
1326
1373
|
},
|
|
1327
1374
|
{
|
|
1328
|
-
"
|
|
1329
|
-
"
|
|
1330
|
-
|
|
1331
|
-
|
|
1332
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1333
|
-
"fieldName": "error"
|
|
1375
|
+
"kind": "method",
|
|
1376
|
+
"name": "updateBibDialogRole",
|
|
1377
|
+
"description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
|
|
1378
|
+
"privacy": "private"
|
|
1334
1379
|
},
|
|
1335
1380
|
{
|
|
1336
|
-
"
|
|
1337
|
-
"
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
"description": "Specifies the input mask format.",
|
|
1341
|
-
"fieldName": "format"
|
|
1381
|
+
"kind": "method",
|
|
1382
|
+
"name": "updateMenuShapeSize",
|
|
1383
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1384
|
+
"privacy": "private"
|
|
1342
1385
|
},
|
|
1343
1386
|
{
|
|
1344
|
-
"
|
|
1345
|
-
"
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
"
|
|
1349
|
-
|
|
1387
|
+
"kind": "method",
|
|
1388
|
+
"name": "_getAnnouncementRoot",
|
|
1389
|
+
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
1390
|
+
"privacy": "private",
|
|
1391
|
+
"return": {
|
|
1392
|
+
"type": {
|
|
1393
|
+
"text": "ShadowRoot"
|
|
1394
|
+
}
|
|
1395
|
+
}
|
|
1350
1396
|
},
|
|
1351
1397
|
{
|
|
1352
|
-
"
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
"
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
"name": "AuroElement",
|
|
1361
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1398
|
+
"kind": "method",
|
|
1399
|
+
"name": "configureMenu",
|
|
1400
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1401
|
+
"privacy": "private",
|
|
1402
|
+
"return": {
|
|
1403
|
+
"type": {
|
|
1404
|
+
"text": "void"
|
|
1405
|
+
}
|
|
1362
1406
|
}
|
|
1363
1407
|
},
|
|
1364
1408
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
"
|
|
1370
|
-
|
|
1409
|
+
"kind": "method",
|
|
1410
|
+
"name": "configureInput",
|
|
1411
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1412
|
+
"privacy": "private",
|
|
1413
|
+
"return": {
|
|
1414
|
+
"type": {
|
|
1415
|
+
"text": "void"
|
|
1416
|
+
}
|
|
1417
|
+
}
|
|
1371
1418
|
},
|
|
1372
1419
|
{
|
|
1373
|
-
"
|
|
1374
|
-
"
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1420
|
+
"kind": "method",
|
|
1421
|
+
"name": "handleMenuLoadingChange",
|
|
1422
|
+
"parameters": [
|
|
1423
|
+
{
|
|
1424
|
+
"name": "event",
|
|
1425
|
+
"description": "The event object containing details about the loading state change.",
|
|
1426
|
+
"type": {
|
|
1427
|
+
"text": "CustomEvent"
|
|
1428
|
+
}
|
|
1429
|
+
},
|
|
1430
|
+
{
|
|
1431
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1432
|
+
"name": "event.detail.loading",
|
|
1433
|
+
"type": {
|
|
1434
|
+
"text": "boolean"
|
|
1435
|
+
}
|
|
1436
|
+
},
|
|
1437
|
+
{
|
|
1438
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1439
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "boolean"
|
|
1442
|
+
}
|
|
1443
|
+
}
|
|
1444
|
+
],
|
|
1445
|
+
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1446
|
+
"privacy": "private",
|
|
1447
|
+
"return": {
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "void"
|
|
1450
|
+
}
|
|
1451
|
+
}
|
|
1379
1452
|
},
|
|
1380
1453
|
{
|
|
1381
|
-
"
|
|
1382
|
-
"
|
|
1383
|
-
|
|
1384
|
-
|
|
1385
|
-
|
|
1386
|
-
|
|
1454
|
+
"kind": "method",
|
|
1455
|
+
"name": "handleInputValueChange",
|
|
1456
|
+
"parameters": [
|
|
1457
|
+
{
|
|
1458
|
+
"name": "event",
|
|
1459
|
+
"description": "The input event triggered by the input element.",
|
|
1460
|
+
"type": {
|
|
1461
|
+
"text": "Event"
|
|
1462
|
+
}
|
|
1463
|
+
}
|
|
1464
|
+
],
|
|
1465
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1466
|
+
"privacy": "private",
|
|
1467
|
+
"return": {
|
|
1468
|
+
"type": {
|
|
1469
|
+
"text": "void"
|
|
1470
|
+
}
|
|
1471
|
+
}
|
|
1387
1472
|
},
|
|
1388
1473
|
{
|
|
1389
|
-
"
|
|
1390
|
-
"
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1474
|
+
"kind": "method",
|
|
1475
|
+
"name": "handleTriggerInputValueChange",
|
|
1476
|
+
"parameters": [
|
|
1477
|
+
{
|
|
1478
|
+
"name": "event",
|
|
1479
|
+
"description": "The input event from the trigger input element.",
|
|
1480
|
+
"type": {
|
|
1481
|
+
"text": "Event"
|
|
1482
|
+
}
|
|
1483
|
+
}
|
|
1484
|
+
],
|
|
1485
|
+
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
1486
|
+
"privacy": "private",
|
|
1487
|
+
"return": {
|
|
1488
|
+
"type": {
|
|
1489
|
+
"text": "void"
|
|
1490
|
+
}
|
|
1491
|
+
}
|
|
1395
1492
|
},
|
|
1396
1493
|
{
|
|
1397
|
-
"
|
|
1398
|
-
"
|
|
1399
|
-
|
|
1400
|
-
|
|
1401
|
-
"
|
|
1402
|
-
|
|
1494
|
+
"kind": "method",
|
|
1495
|
+
"name": "configureCombobox",
|
|
1496
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1497
|
+
"privacy": "private",
|
|
1498
|
+
"return": {
|
|
1499
|
+
"type": {
|
|
1500
|
+
"text": "void"
|
|
1501
|
+
}
|
|
1502
|
+
}
|
|
1403
1503
|
},
|
|
1404
1504
|
{
|
|
1405
|
-
"
|
|
1406
|
-
"
|
|
1407
|
-
|
|
1408
|
-
|
|
1409
|
-
|
|
1410
|
-
|
|
1411
|
-
|
|
1505
|
+
"kind": "method",
|
|
1506
|
+
"name": "focus",
|
|
1507
|
+
"description": "Focuses the combobox trigger input.",
|
|
1508
|
+
"return": {
|
|
1509
|
+
"type": {
|
|
1510
|
+
"text": "void"
|
|
1511
|
+
}
|
|
1512
|
+
}
|
|
1412
1513
|
},
|
|
1413
1514
|
{
|
|
1414
|
-
"
|
|
1415
|
-
"
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
|
|
1419
|
-
|
|
1515
|
+
"kind": "method",
|
|
1516
|
+
"name": "setMenuValue",
|
|
1517
|
+
"parameters": [
|
|
1518
|
+
{
|
|
1519
|
+
"name": "value",
|
|
1520
|
+
"description": "The value to set on the menu.",
|
|
1521
|
+
"type": {
|
|
1522
|
+
"text": "string"
|
|
1523
|
+
}
|
|
1524
|
+
}
|
|
1525
|
+
],
|
|
1526
|
+
"description": "Sets the menu value if menu is available.",
|
|
1527
|
+
"return": {
|
|
1528
|
+
"type": {
|
|
1529
|
+
"text": "void"
|
|
1530
|
+
}
|
|
1531
|
+
}
|
|
1420
1532
|
},
|
|
1421
1533
|
{
|
|
1422
|
-
"
|
|
1423
|
-
"
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
1534
|
+
"kind": "method",
|
|
1535
|
+
"name": "reset",
|
|
1536
|
+
"description": "Resets component to initial state.",
|
|
1537
|
+
"return": {
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "void"
|
|
1540
|
+
}
|
|
1541
|
+
}
|
|
1428
1542
|
},
|
|
1429
1543
|
{
|
|
1430
|
-
"
|
|
1431
|
-
"
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1544
|
+
"kind": "method",
|
|
1545
|
+
"name": "clear",
|
|
1546
|
+
"description": "Clears the current value of the combobox.",
|
|
1547
|
+
"return": {
|
|
1548
|
+
"type": {
|
|
1549
|
+
"text": "void"
|
|
1550
|
+
}
|
|
1551
|
+
}
|
|
1436
1552
|
},
|
|
1437
1553
|
{
|
|
1438
|
-
"
|
|
1439
|
-
"
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1554
|
+
"kind": "method",
|
|
1555
|
+
"name": "validate",
|
|
1556
|
+
"parameters": [
|
|
1557
|
+
{
|
|
1558
|
+
"name": "force",
|
|
1559
|
+
"default": "false",
|
|
1560
|
+
"description": "Whether to force validation.",
|
|
1561
|
+
"optional": true,
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "boolean"
|
|
1564
|
+
}
|
|
1565
|
+
}
|
|
1566
|
+
],
|
|
1567
|
+
"description": "Validates value."
|
|
1445
1568
|
},
|
|
1446
1569
|
{
|
|
1447
|
-
"
|
|
1448
|
-
"
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1570
|
+
"kind": "method",
|
|
1571
|
+
"name": "transportAssignedNodes",
|
|
1572
|
+
"parameters": [
|
|
1573
|
+
{
|
|
1574
|
+
"name": "slot",
|
|
1575
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1576
|
+
"type": {
|
|
1577
|
+
"text": "HTMLSlotElement"
|
|
1578
|
+
}
|
|
1579
|
+
},
|
|
1580
|
+
{
|
|
1581
|
+
"name": "target",
|
|
1582
|
+
"description": "The target element to apply the nodes to.",
|
|
1583
|
+
"type": {
|
|
1584
|
+
"text": "HTMLElement"
|
|
1585
|
+
}
|
|
1586
|
+
},
|
|
1587
|
+
{
|
|
1588
|
+
"name": "newSlotName",
|
|
1589
|
+
"description": "The new slot name for the applied nodes.",
|
|
1590
|
+
"type": {
|
|
1591
|
+
"text": "string"
|
|
1592
|
+
}
|
|
1593
|
+
}
|
|
1594
|
+
],
|
|
1595
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1596
|
+
"privacy": "private",
|
|
1597
|
+
"return": {
|
|
1598
|
+
"type": {
|
|
1599
|
+
"text": "void"
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1453
1602
|
},
|
|
1454
1603
|
{
|
|
1455
|
-
"
|
|
1456
|
-
"
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1604
|
+
"kind": "method",
|
|
1605
|
+
"name": "updateActiveOption",
|
|
1606
|
+
"parameters": [
|
|
1607
|
+
{
|
|
1608
|
+
"name": "index",
|
|
1609
|
+
"description": "Index of the option to make active.",
|
|
1610
|
+
"type": {
|
|
1611
|
+
"text": "number"
|
|
1612
|
+
}
|
|
1613
|
+
}
|
|
1614
|
+
],
|
|
1615
|
+
"description": "Updates the active option in the menu."
|
|
1461
1616
|
},
|
|
1462
1617
|
{
|
|
1463
|
-
"
|
|
1618
|
+
"kind": "method",
|
|
1619
|
+
"name": "handleSlotChange",
|
|
1620
|
+
"parameters": [
|
|
1621
|
+
{
|
|
1622
|
+
"name": "event",
|
|
1623
|
+
"description": "`slotchange` event.",
|
|
1624
|
+
"type": {
|
|
1625
|
+
"text": "Event"
|
|
1626
|
+
}
|
|
1627
|
+
}
|
|
1628
|
+
],
|
|
1629
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1630
|
+
"privacy": "private",
|
|
1631
|
+
"return": {
|
|
1632
|
+
"type": {
|
|
1633
|
+
"text": "void"
|
|
1634
|
+
}
|
|
1635
|
+
}
|
|
1636
|
+
},
|
|
1637
|
+
{
|
|
1638
|
+
"kind": "field",
|
|
1639
|
+
"name": "appearance",
|
|
1640
|
+
"privacy": "public",
|
|
1464
1641
|
"type": {
|
|
1465
1642
|
"text": "string"
|
|
1466
1643
|
},
|
|
1467
|
-
"description": "
|
|
1468
|
-
"
|
|
1644
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1645
|
+
"default": "'default'",
|
|
1646
|
+
"attribute": "appearance",
|
|
1647
|
+
"reflects": true
|
|
1469
1648
|
},
|
|
1470
1649
|
{
|
|
1471
|
-
"
|
|
1650
|
+
"kind": "field",
|
|
1651
|
+
"name": "autocomplete",
|
|
1652
|
+
"privacy": "public",
|
|
1472
1653
|
"type": {
|
|
1473
1654
|
"text": "string"
|
|
1474
1655
|
},
|
|
1475
|
-
"description": "
|
|
1476
|
-
"
|
|
1656
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1657
|
+
"attribute": "autocomplete",
|
|
1658
|
+
"reflects": true
|
|
1477
1659
|
},
|
|
1478
1660
|
{
|
|
1479
|
-
"
|
|
1661
|
+
"kind": "field",
|
|
1662
|
+
"name": "autoPlacement",
|
|
1663
|
+
"privacy": "public",
|
|
1480
1664
|
"type": {
|
|
1481
|
-
"text": "
|
|
1665
|
+
"text": "boolean"
|
|
1482
1666
|
},
|
|
1483
|
-
"description": "
|
|
1484
|
-
"
|
|
1667
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1668
|
+
"attribute": "autoPlacement",
|
|
1669
|
+
"reflects": true
|
|
1485
1670
|
},
|
|
1486
1671
|
{
|
|
1487
|
-
"
|
|
1672
|
+
"kind": "field",
|
|
1673
|
+
"name": "availableOptions",
|
|
1674
|
+
"privacy": "private",
|
|
1488
1675
|
"type": {
|
|
1489
|
-
"text": "
|
|
1676
|
+
"text": "array"
|
|
1490
1677
|
},
|
|
1491
|
-
"description": "
|
|
1492
|
-
"
|
|
1678
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1679
|
+
"attribute": "availableOptions"
|
|
1493
1680
|
},
|
|
1494
1681
|
{
|
|
1495
|
-
"
|
|
1682
|
+
"kind": "field",
|
|
1683
|
+
"name": "behavior",
|
|
1684
|
+
"privacy": "public",
|
|
1496
1685
|
"type": {
|
|
1497
|
-
"text": "
|
|
1686
|
+
"text": "'filter' | 'suggestion'"
|
|
1498
1687
|
},
|
|
1499
|
-
"description": "
|
|
1500
|
-
"
|
|
1688
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1689
|
+
"default": "'suggestion'",
|
|
1690
|
+
"attribute": "behavior",
|
|
1691
|
+
"reflects": true
|
|
1501
1692
|
},
|
|
1502
1693
|
{
|
|
1503
|
-
"
|
|
1694
|
+
"kind": "field",
|
|
1695
|
+
"name": "checkmark",
|
|
1696
|
+
"privacy": "public",
|
|
1504
1697
|
"type": {
|
|
1505
|
-
"text": "
|
|
1698
|
+
"text": "boolean"
|
|
1506
1699
|
},
|
|
1507
|
-
"description": "
|
|
1508
|
-
"
|
|
1700
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1701
|
+
"attribute": "checkmark",
|
|
1702
|
+
"reflects": true
|
|
1509
1703
|
},
|
|
1510
1704
|
{
|
|
1511
|
-
"
|
|
1705
|
+
"kind": "field",
|
|
1706
|
+
"name": "disabled",
|
|
1707
|
+
"privacy": "public",
|
|
1512
1708
|
"type": {
|
|
1513
|
-
"text": "
|
|
1709
|
+
"text": "boolean"
|
|
1514
1710
|
},
|
|
1515
|
-
"description": "
|
|
1516
|
-
"
|
|
1711
|
+
"description": "If set, disables the combobox.",
|
|
1712
|
+
"attribute": "disabled",
|
|
1713
|
+
"reflects": true
|
|
1517
1714
|
},
|
|
1518
1715
|
{
|
|
1519
|
-
"
|
|
1716
|
+
"kind": "field",
|
|
1717
|
+
"name": "dropdownId",
|
|
1718
|
+
"privacy": "private",
|
|
1520
1719
|
"type": {
|
|
1521
1720
|
"text": "string"
|
|
1522
1721
|
},
|
|
1523
|
-
"description": "
|
|
1524
|
-
"fieldName": "validity"
|
|
1722
|
+
"description": "ID for the dropdown."
|
|
1525
1723
|
},
|
|
1526
1724
|
{
|
|
1527
|
-
"
|
|
1725
|
+
"kind": "field",
|
|
1726
|
+
"name": "dropdownOpen",
|
|
1727
|
+
"privacy": "private",
|
|
1528
1728
|
"type": {
|
|
1529
|
-
"text": "
|
|
1729
|
+
"text": "boolean"
|
|
1530
1730
|
},
|
|
1531
|
-
"description": "
|
|
1532
|
-
"fieldName": "value"
|
|
1731
|
+
"description": "Whether or not the dropdown is open."
|
|
1533
1732
|
},
|
|
1534
1733
|
{
|
|
1535
|
-
"
|
|
1734
|
+
"kind": "field",
|
|
1735
|
+
"name": "dvInputOnly",
|
|
1736
|
+
"privacy": "public",
|
|
1536
1737
|
"type": {
|
|
1537
1738
|
"text": "boolean"
|
|
1538
1739
|
},
|
|
1539
|
-
"description": "If
|
|
1540
|
-
"
|
|
1740
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1741
|
+
"attribute": "dvInputOnly",
|
|
1742
|
+
"reflects": true
|
|
1541
1743
|
},
|
|
1542
1744
|
{
|
|
1543
|
-
"
|
|
1745
|
+
"kind": "field",
|
|
1746
|
+
"name": "error",
|
|
1747
|
+
"privacy": "public",
|
|
1544
1748
|
"type": {
|
|
1545
|
-
"text": "
|
|
1749
|
+
"text": "string"
|
|
1546
1750
|
},
|
|
1547
|
-
"description": "
|
|
1548
|
-
"
|
|
1549
|
-
"
|
|
1751
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1752
|
+
"attribute": "error",
|
|
1753
|
+
"reflects": true
|
|
1550
1754
|
},
|
|
1551
1755
|
{
|
|
1552
|
-
"
|
|
1756
|
+
"kind": "field",
|
|
1757
|
+
"name": "format",
|
|
1758
|
+
"privacy": "public",
|
|
1553
1759
|
"type": {
|
|
1554
1760
|
"text": "string"
|
|
1555
1761
|
},
|
|
1556
|
-
"
|
|
1557
|
-
"
|
|
1558
|
-
|
|
1559
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1560
|
-
}
|
|
1762
|
+
"description": "Specifies the input mask format.",
|
|
1763
|
+
"attribute": "format",
|
|
1764
|
+
"reflects": true
|
|
1561
1765
|
},
|
|
1562
1766
|
{
|
|
1563
|
-
"
|
|
1767
|
+
"kind": "field",
|
|
1768
|
+
"name": "inputmode",
|
|
1769
|
+
"privacy": "public",
|
|
1564
1770
|
"type": {
|
|
1565
1771
|
"text": "string"
|
|
1566
1772
|
},
|
|
1567
|
-
"
|
|
1568
|
-
"
|
|
1569
|
-
|
|
1570
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1571
|
-
}
|
|
1773
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1774
|
+
"attribute": "inputmode",
|
|
1775
|
+
"reflects": true
|
|
1572
1776
|
},
|
|
1573
1777
|
{
|
|
1574
|
-
"
|
|
1778
|
+
"kind": "field",
|
|
1779
|
+
"name": "layout",
|
|
1780
|
+
"privacy": "public",
|
|
1575
1781
|
"type": {
|
|
1576
|
-
"text": "
|
|
1782
|
+
"text": "string"
|
|
1577
1783
|
},
|
|
1578
|
-
"
|
|
1784
|
+
"description": "Sets the layout of the combobox.",
|
|
1785
|
+
"default": "'classic'",
|
|
1786
|
+
"attribute": "layout",
|
|
1787
|
+
"reflects": true,
|
|
1579
1788
|
"inheritedFrom": {
|
|
1580
1789
|
"name": "AuroElement",
|
|
1581
1790
|
"module": "components/layoutElement/src/auroElement.js"
|
|
1582
1791
|
}
|
|
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"
|
|
1670
|
-
},
|
|
1671
|
-
{
|
|
1672
|
-
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1673
|
-
"name": "optionalLabel"
|
|
1674
|
-
},
|
|
1675
|
-
{
|
|
1676
|
-
"description": "Allows for the helper text to be overridden.",
|
|
1677
|
-
"name": "helpText"
|
|
1678
|
-
},
|
|
1679
|
-
{
|
|
1680
|
-
"description": "The default slot for the checkbox items.",
|
|
1681
|
-
"name": "default"
|
|
1682
|
-
}
|
|
1683
|
-
],
|
|
1684
|
-
"members": [
|
|
1685
|
-
{
|
|
1686
|
-
"kind": "method",
|
|
1687
|
-
"name": "_initializeDefaults"
|
|
1688
1792
|
},
|
|
1689
1793
|
{
|
|
1690
|
-
"kind": "
|
|
1691
|
-
"name": "
|
|
1692
|
-
"static": true,
|
|
1693
|
-
"parameters": [
|
|
1694
|
-
{
|
|
1695
|
-
"name": "name",
|
|
1696
|
-
"default": "\"auro-checkbox-group\"",
|
|
1697
|
-
"description": "The name of the element that you want to register.",
|
|
1698
|
-
"optional": true,
|
|
1699
|
-
"type": {
|
|
1700
|
-
"text": "string"
|
|
1701
|
-
}
|
|
1702
|
-
}
|
|
1703
|
-
],
|
|
1704
|
-
"description": "This will register this element with the browser."
|
|
1705
|
-
},
|
|
1706
|
-
{
|
|
1707
|
-
"kind": "method",
|
|
1708
|
-
"name": "handleValueUpdate",
|
|
1709
|
-
"parameters": [
|
|
1710
|
-
{
|
|
1711
|
-
"name": "value",
|
|
1712
|
-
"description": "The value of the checkbox.",
|
|
1713
|
-
"type": {
|
|
1714
|
-
"text": "String"
|
|
1715
|
-
}
|
|
1716
|
-
},
|
|
1717
|
-
{
|
|
1718
|
-
"name": "selected",
|
|
1719
|
-
"description": "The checked state of the checkbox.",
|
|
1720
|
-
"type": {
|
|
1721
|
-
"text": "Boolean"
|
|
1722
|
-
}
|
|
1723
|
-
}
|
|
1724
|
-
],
|
|
1725
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
1794
|
+
"kind": "field",
|
|
1795
|
+
"name": "matchWidth",
|
|
1726
1796
|
"privacy": "private",
|
|
1727
|
-
"
|
|
1728
|
-
"
|
|
1729
|
-
|
|
1730
|
-
|
|
1731
|
-
|
|
1797
|
+
"type": {
|
|
1798
|
+
"text": "boolean"
|
|
1799
|
+
},
|
|
1800
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1801
|
+
"attribute": "matchWidth",
|
|
1802
|
+
"reflects": true
|
|
1732
1803
|
},
|
|
1733
1804
|
{
|
|
1734
|
-
"kind": "
|
|
1735
|
-
"name": "
|
|
1736
|
-
"
|
|
1737
|
-
"
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1805
|
+
"kind": "field",
|
|
1806
|
+
"name": "noFilter",
|
|
1807
|
+
"privacy": "public",
|
|
1808
|
+
"type": {
|
|
1809
|
+
"text": "boolean"
|
|
1810
|
+
},
|
|
1811
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1812
|
+
"attribute": "noFilter",
|
|
1813
|
+
"reflects": true
|
|
1743
1814
|
},
|
|
1744
1815
|
{
|
|
1745
|
-
"kind": "
|
|
1746
|
-
"name": "
|
|
1747
|
-
"
|
|
1748
|
-
"
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1816
|
+
"kind": "field",
|
|
1817
|
+
"name": "noFlip",
|
|
1818
|
+
"privacy": "public",
|
|
1819
|
+
"type": {
|
|
1820
|
+
"text": "boolean"
|
|
1821
|
+
},
|
|
1822
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1823
|
+
"attribute": "noFlip",
|
|
1824
|
+
"reflects": true
|
|
1754
1825
|
},
|
|
1755
1826
|
{
|
|
1756
|
-
"kind": "
|
|
1757
|
-
"name": "
|
|
1758
|
-
"
|
|
1759
|
-
"
|
|
1760
|
-
"
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1827
|
+
"kind": "field",
|
|
1828
|
+
"name": "shift",
|
|
1829
|
+
"privacy": "public",
|
|
1830
|
+
"type": {
|
|
1831
|
+
"text": "boolean"
|
|
1832
|
+
},
|
|
1833
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1834
|
+
"attribute": "shift",
|
|
1835
|
+
"reflects": true
|
|
1764
1836
|
},
|
|
1765
1837
|
{
|
|
1766
|
-
"kind": "
|
|
1767
|
-
"name": "
|
|
1768
|
-
"
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
"text": "boolean"
|
|
1776
|
-
}
|
|
1777
|
-
}
|
|
1778
|
-
],
|
|
1779
|
-
"description": "Validates value."
|
|
1838
|
+
"kind": "field",
|
|
1839
|
+
"name": "noValidate",
|
|
1840
|
+
"privacy": "public",
|
|
1841
|
+
"type": {
|
|
1842
|
+
"text": "boolean"
|
|
1843
|
+
},
|
|
1844
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1845
|
+
"attribute": "noValidate",
|
|
1846
|
+
"reflects": true
|
|
1780
1847
|
},
|
|
1781
1848
|
{
|
|
1782
1849
|
"kind": "field",
|
|
1783
|
-
"name": "
|
|
1850
|
+
"name": "offset",
|
|
1784
1851
|
"privacy": "public",
|
|
1785
1852
|
"type": {
|
|
1786
|
-
"text": "
|
|
1853
|
+
"text": "number"
|
|
1787
1854
|
},
|
|
1788
|
-
"description": "
|
|
1789
|
-
"default": "
|
|
1790
|
-
"attribute": "
|
|
1855
|
+
"description": "Gap between the trigger element and bib.",
|
|
1856
|
+
"default": "0",
|
|
1857
|
+
"attribute": "offset",
|
|
1791
1858
|
"reflects": true
|
|
1792
1859
|
},
|
|
1793
1860
|
{
|
|
1794
1861
|
"kind": "field",
|
|
1795
|
-
"name": "
|
|
1862
|
+
"name": "onDark",
|
|
1796
1863
|
"privacy": "public",
|
|
1797
1864
|
"type": {
|
|
1798
1865
|
"text": "boolean"
|
|
1799
1866
|
},
|
|
1800
|
-
"
|
|
1801
|
-
"
|
|
1802
|
-
"
|
|
1867
|
+
"attribute": "onDark",
|
|
1868
|
+
"reflects": true,
|
|
1869
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1870
|
+
"inheritedFrom": {
|
|
1871
|
+
"name": "AuroElement",
|
|
1872
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1873
|
+
}
|
|
1803
1874
|
},
|
|
1804
1875
|
{
|
|
1805
1876
|
"kind": "field",
|
|
1806
|
-
"name": "
|
|
1877
|
+
"name": "optionSelected",
|
|
1807
1878
|
"privacy": "public",
|
|
1808
1879
|
"type": {
|
|
1809
|
-
"text": "
|
|
1880
|
+
"text": "HTMLElement"
|
|
1810
1881
|
},
|
|
1811
|
-
"description": "
|
|
1812
|
-
"attribute": "
|
|
1813
|
-
"reflects": true
|
|
1882
|
+
"description": "Specifies the current selected option.",
|
|
1883
|
+
"attribute": "optionSelected"
|
|
1814
1884
|
},
|
|
1815
1885
|
{
|
|
1816
1886
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1887
|
+
"name": "persistInput",
|
|
1818
1888
|
"privacy": "public",
|
|
1819
1889
|
"type": {
|
|
1820
1890
|
"text": "boolean"
|
|
1821
1891
|
},
|
|
1822
|
-
"description": "If
|
|
1823
|
-
"attribute": "
|
|
1892
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1893
|
+
"attribute": "persistInput",
|
|
1824
1894
|
"reflects": true
|
|
1825
1895
|
},
|
|
1826
1896
|
{
|
|
1827
1897
|
"kind": "field",
|
|
1828
|
-
"name": "
|
|
1898
|
+
"name": "placement",
|
|
1829
1899
|
"privacy": "public",
|
|
1830
1900
|
"type": {
|
|
1831
|
-
"text": "
|
|
1901
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1832
1902
|
},
|
|
1833
|
-
"description": "
|
|
1834
|
-
"
|
|
1903
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1904
|
+
"default": "'bottom-start'",
|
|
1905
|
+
"attribute": "placement",
|
|
1835
1906
|
"reflects": true
|
|
1836
1907
|
},
|
|
1837
1908
|
{
|
|
1838
1909
|
"kind": "field",
|
|
1839
|
-
"name": "
|
|
1910
|
+
"name": "placeholder",
|
|
1840
1911
|
"privacy": "public",
|
|
1841
1912
|
"type": {
|
|
1842
|
-
"text": "
|
|
1913
|
+
"text": "string"
|
|
1843
1914
|
},
|
|
1844
|
-
"description": "
|
|
1845
|
-
"attribute": "
|
|
1915
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1916
|
+
"attribute": "placeholder",
|
|
1846
1917
|
"reflects": true
|
|
1847
1918
|
},
|
|
1848
1919
|
{
|
|
@@ -1852,7 +1923,7 @@
|
|
|
1852
1923
|
"type": {
|
|
1853
1924
|
"text": "boolean"
|
|
1854
1925
|
},
|
|
1855
|
-
"description": "Populates the `required` attribute on the
|
|
1926
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1856
1927
|
"attribute": "required",
|
|
1857
1928
|
"reflects": true
|
|
1858
1929
|
},
|
|
@@ -1888,615 +1959,602 @@
|
|
|
1888
1959
|
},
|
|
1889
1960
|
{
|
|
1890
1961
|
"kind": "field",
|
|
1891
|
-
"name": "
|
|
1962
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1892
1963
|
"privacy": "public",
|
|
1893
1964
|
"type": {
|
|
1894
1965
|
"text": "string"
|
|
1895
1966
|
},
|
|
1896
|
-
"description": "
|
|
1897
|
-
"attribute": "
|
|
1898
|
-
"reflects": true
|
|
1899
|
-
}
|
|
1900
|
-
],
|
|
1901
|
-
"events": [
|
|
1902
|
-
{
|
|
1903
|
-
"name": "input",
|
|
1904
|
-
"type": {
|
|
1905
|
-
"text": "CustomEvent"
|
|
1906
|
-
}
|
|
1907
|
-
},
|
|
1908
|
-
{
|
|
1909
|
-
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1910
|
-
"name": "auroFormElement-validated"
|
|
1911
|
-
}
|
|
1912
|
-
],
|
|
1913
|
-
"attributes": [
|
|
1914
|
-
{
|
|
1915
|
-
"name": "appearance",
|
|
1916
|
-
"type": {
|
|
1917
|
-
"text": "'default' | 'inverse'"
|
|
1918
|
-
},
|
|
1919
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1920
|
-
"default": "'default'",
|
|
1921
|
-
"fieldName": "appearance"
|
|
1922
|
-
},
|
|
1923
|
-
{
|
|
1924
|
-
"name": "disabled",
|
|
1925
|
-
"type": {
|
|
1926
|
-
"text": "boolean"
|
|
1927
|
-
},
|
|
1928
|
-
"description": "If set, disables the checkbox group.",
|
|
1929
|
-
"fieldName": "disabled"
|
|
1930
|
-
},
|
|
1931
|
-
{
|
|
1932
|
-
"name": "error",
|
|
1933
|
-
"type": {
|
|
1934
|
-
"text": "string"
|
|
1935
|
-
},
|
|
1936
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1937
|
-
"fieldName": "error"
|
|
1967
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1968
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1938
1969
|
},
|
|
1939
1970
|
{
|
|
1940
|
-
"
|
|
1971
|
+
"kind": "field",
|
|
1972
|
+
"name": "touched",
|
|
1973
|
+
"privacy": "private",
|
|
1941
1974
|
"type": {
|
|
1942
1975
|
"text": "boolean"
|
|
1943
1976
|
},
|
|
1944
|
-
"description": "
|
|
1945
|
-
"fieldName": "horizontal"
|
|
1977
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1946
1978
|
},
|
|
1947
1979
|
{
|
|
1948
|
-
"
|
|
1980
|
+
"kind": "field",
|
|
1981
|
+
"name": "triggerIcon",
|
|
1982
|
+
"privacy": "public",
|
|
1949
1983
|
"type": {
|
|
1950
1984
|
"text": "boolean"
|
|
1951
1985
|
},
|
|
1952
|
-
"description": "If set,
|
|
1953
|
-
"
|
|
1986
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1987
|
+
"attribute": "triggerIcon",
|
|
1988
|
+
"reflects": true
|
|
1954
1989
|
},
|
|
1955
1990
|
{
|
|
1956
|
-
"
|
|
1991
|
+
"kind": "field",
|
|
1992
|
+
"name": "type",
|
|
1993
|
+
"privacy": "public",
|
|
1957
1994
|
"type": {
|
|
1958
|
-
"text": "
|
|
1995
|
+
"text": "string"
|
|
1959
1996
|
},
|
|
1960
|
-
"description": "
|
|
1961
|
-
"
|
|
1997
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1998
|
+
"attribute": "type",
|
|
1999
|
+
"reflects": true
|
|
1962
2000
|
},
|
|
1963
2001
|
{
|
|
1964
|
-
"
|
|
2002
|
+
"kind": "field",
|
|
2003
|
+
"name": "typedValue",
|
|
2004
|
+
"privacy": "public",
|
|
1965
2005
|
"type": {
|
|
1966
|
-
"text": "
|
|
2006
|
+
"text": "string"
|
|
1967
2007
|
},
|
|
1968
|
-
"description": "
|
|
1969
|
-
"
|
|
2008
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2009
|
+
"attribute": "typedValue",
|
|
2010
|
+
"reflects": true
|
|
1970
2011
|
},
|
|
1971
2012
|
{
|
|
1972
|
-
"
|
|
2013
|
+
"kind": "field",
|
|
2014
|
+
"name": "validity",
|
|
2015
|
+
"privacy": "public",
|
|
1973
2016
|
"type": {
|
|
1974
2017
|
"text": "string"
|
|
1975
2018
|
},
|
|
1976
|
-
"description": "
|
|
1977
|
-
"
|
|
2019
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2020
|
+
"attribute": "validity",
|
|
2021
|
+
"reflects": true
|
|
1978
2022
|
},
|
|
1979
2023
|
{
|
|
1980
|
-
"
|
|
2024
|
+
"kind": "field",
|
|
2025
|
+
"name": "value",
|
|
2026
|
+
"privacy": "public",
|
|
1981
2027
|
"type": {
|
|
1982
2028
|
"text": "string"
|
|
1983
2029
|
},
|
|
1984
|
-
"description": "
|
|
1985
|
-
"
|
|
2030
|
+
"description": "Value selected for the dropdown menu.",
|
|
2031
|
+
"attribute": "value"
|
|
1986
2032
|
},
|
|
1987
2033
|
{
|
|
1988
|
-
"
|
|
2034
|
+
"kind": "field",
|
|
2035
|
+
"name": "largeFullscreenHeadline",
|
|
2036
|
+
"privacy": "public",
|
|
1989
2037
|
"type": {
|
|
1990
|
-
"text": "
|
|
2038
|
+
"text": "boolean"
|
|
1991
2039
|
},
|
|
1992
|
-
"description": "
|
|
1993
|
-
"
|
|
2040
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2041
|
+
"attribute": "largeFullscreenHeadline",
|
|
2042
|
+
"reflects": true
|
|
1994
2043
|
},
|
|
1995
2044
|
{
|
|
1996
|
-
"
|
|
2045
|
+
"kind": "field",
|
|
2046
|
+
"name": "fullscreenBreakpoint",
|
|
2047
|
+
"privacy": "public",
|
|
1997
2048
|
"type": {
|
|
1998
|
-
"text": "
|
|
2049
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1999
2050
|
},
|
|
2000
|
-
"description": "
|
|
2001
|
-
"
|
|
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"
|
|
2051
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
2052
|
+
"default": "'sm'",
|
|
2053
|
+
"attribute": "fullscreenBreakpoint",
|
|
2054
|
+
"reflects": true
|
|
2055
2055
|
},
|
|
2056
2056
|
{
|
|
2057
|
-
"kind": "
|
|
2058
|
-
"name": "
|
|
2059
|
-
"
|
|
2060
|
-
"
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
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."
|
|
2057
|
+
"kind": "field",
|
|
2058
|
+
"name": "optionActive",
|
|
2059
|
+
"privacy": "private",
|
|
2060
|
+
"type": {
|
|
2061
|
+
"text": "object"
|
|
2062
|
+
},
|
|
2063
|
+
"description": "Specifies the currently active option."
|
|
2072
2064
|
},
|
|
2073
2065
|
{
|
|
2074
|
-
"kind": "
|
|
2075
|
-
"name": "
|
|
2076
|
-
"
|
|
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.",
|
|
2066
|
+
"kind": "field",
|
|
2067
|
+
"name": "componentHasFocus",
|
|
2068
|
+
"description": "Returns true if the element has focus.",
|
|
2086
2069
|
"privacy": "private",
|
|
2087
2070
|
"return": {
|
|
2088
2071
|
"type": {
|
|
2089
|
-
"text": "
|
|
2072
|
+
"text": "boolean"
|
|
2090
2073
|
}
|
|
2074
|
+
},
|
|
2075
|
+
"readonly": true,
|
|
2076
|
+
"inheritedFrom": {
|
|
2077
|
+
"name": "AuroElement",
|
|
2078
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2091
2079
|
}
|
|
2092
2080
|
},
|
|
2093
2081
|
{
|
|
2094
2082
|
"kind": "method",
|
|
2095
|
-
"name": "
|
|
2096
|
-
"
|
|
2097
|
-
|
|
2098
|
-
|
|
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
|
-
}
|
|
2083
|
+
"name": "resetShapeClasses",
|
|
2084
|
+
"inheritedFrom": {
|
|
2085
|
+
"name": "AuroElement",
|
|
2086
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2111
2087
|
}
|
|
2112
2088
|
},
|
|
2113
2089
|
{
|
|
2114
2090
|
"kind": "method",
|
|
2115
|
-
"name": "
|
|
2116
|
-
"
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
"type": {
|
|
2120
|
-
"text": "void"
|
|
2121
|
-
}
|
|
2091
|
+
"name": "resetLayoutClasses",
|
|
2092
|
+
"inheritedFrom": {
|
|
2093
|
+
"name": "AuroElement",
|
|
2094
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2122
2095
|
}
|
|
2123
2096
|
},
|
|
2124
2097
|
{
|
|
2125
2098
|
"kind": "method",
|
|
2126
|
-
"name": "
|
|
2127
|
-
"
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
"type": {
|
|
2131
|
-
"text": "HTMLElement"
|
|
2132
|
-
}
|
|
2099
|
+
"name": "updateComponentArchitecture",
|
|
2100
|
+
"inheritedFrom": {
|
|
2101
|
+
"name": "AuroElement",
|
|
2102
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2133
2103
|
}
|
|
2134
2104
|
},
|
|
2135
2105
|
{
|
|
2136
|
-
"kind": "
|
|
2137
|
-
"name": "
|
|
2138
|
-
"
|
|
2139
|
-
"
|
|
2140
|
-
"
|
|
2141
|
-
|
|
2142
|
-
|
|
2106
|
+
"kind": "field",
|
|
2107
|
+
"name": "shape",
|
|
2108
|
+
"privacy": "public",
|
|
2109
|
+
"type": {
|
|
2110
|
+
"text": "string"
|
|
2111
|
+
},
|
|
2112
|
+
"attribute": "shape",
|
|
2113
|
+
"reflects": true,
|
|
2114
|
+
"inheritedFrom": {
|
|
2115
|
+
"name": "AuroElement",
|
|
2116
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2143
2117
|
}
|
|
2144
2118
|
},
|
|
2145
2119
|
{
|
|
2146
|
-
"kind": "
|
|
2147
|
-
"name": "
|
|
2148
|
-
"
|
|
2149
|
-
"
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2120
|
+
"kind": "field",
|
|
2121
|
+
"name": "size",
|
|
2122
|
+
"privacy": "public",
|
|
2123
|
+
"type": {
|
|
2124
|
+
"text": "string"
|
|
2125
|
+
},
|
|
2126
|
+
"attribute": "size",
|
|
2127
|
+
"reflects": true,
|
|
2128
|
+
"inheritedFrom": {
|
|
2129
|
+
"name": "AuroElement",
|
|
2130
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2154
2131
|
}
|
|
2132
|
+
}
|
|
2133
|
+
],
|
|
2134
|
+
"events": [
|
|
2135
|
+
{
|
|
2136
|
+
"name": "inputValue",
|
|
2137
|
+
"type": {
|
|
2138
|
+
"text": "CustomEvent"
|
|
2139
|
+
},
|
|
2140
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2155
2141
|
},
|
|
2156
2142
|
{
|
|
2157
|
-
"
|
|
2158
|
-
"
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
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
|
-
}
|
|
2143
|
+
"name": "input",
|
|
2144
|
+
"type": {
|
|
2145
|
+
"text": "CustomEvent"
|
|
2146
|
+
},
|
|
2147
|
+
"description": "Notifies that the component has a new value set."
|
|
2175
2148
|
},
|
|
2176
2149
|
{
|
|
2177
|
-
"
|
|
2150
|
+
"name": "auroCombobox-valueSet",
|
|
2151
|
+
"type": {
|
|
2152
|
+
"text": "CustomEvent"
|
|
2153
|
+
},
|
|
2154
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2155
|
+
},
|
|
2156
|
+
{
|
|
2157
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2158
|
+
"name": "auroFormElement-validated"
|
|
2159
|
+
}
|
|
2160
|
+
],
|
|
2161
|
+
"attributes": [
|
|
2162
|
+
{
|
|
2178
2163
|
"name": "appearance",
|
|
2179
|
-
"privacy": "public",
|
|
2180
2164
|
"type": {
|
|
2181
|
-
"text": "
|
|
2165
|
+
"text": "string"
|
|
2182
2166
|
},
|
|
2183
2167
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2184
2168
|
"default": "'default'",
|
|
2185
|
-
"
|
|
2186
|
-
"reflects": true
|
|
2169
|
+
"fieldName": "appearance"
|
|
2187
2170
|
},
|
|
2188
2171
|
{
|
|
2189
|
-
"
|
|
2190
|
-
"
|
|
2191
|
-
|
|
2172
|
+
"name": "autocomplete",
|
|
2173
|
+
"type": {
|
|
2174
|
+
"text": "string"
|
|
2175
|
+
},
|
|
2176
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2177
|
+
"fieldName": "autocomplete"
|
|
2178
|
+
},
|
|
2179
|
+
{
|
|
2180
|
+
"name": "autoPlacement",
|
|
2192
2181
|
"type": {
|
|
2193
2182
|
"text": "boolean"
|
|
2194
2183
|
},
|
|
2195
|
-
"description": "If
|
|
2196
|
-
"
|
|
2197
|
-
|
|
2184
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2185
|
+
"fieldName": "autoPlacement"
|
|
2186
|
+
},
|
|
2187
|
+
{
|
|
2188
|
+
"name": "availableOptions",
|
|
2189
|
+
"type": {
|
|
2190
|
+
"text": "array"
|
|
2191
|
+
},
|
|
2192
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
2193
|
+
"fieldName": "availableOptions"
|
|
2194
|
+
},
|
|
2195
|
+
{
|
|
2196
|
+
"name": "behavior",
|
|
2197
|
+
"type": {
|
|
2198
|
+
"text": "'filter' | 'suggestion'"
|
|
2199
|
+
},
|
|
2200
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
2201
|
+
"default": "'suggestion'",
|
|
2202
|
+
"fieldName": "behavior"
|
|
2203
|
+
},
|
|
2204
|
+
{
|
|
2205
|
+
"name": "checkmark",
|
|
2206
|
+
"type": {
|
|
2207
|
+
"text": "boolean"
|
|
2208
|
+
},
|
|
2209
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2210
|
+
"fieldName": "checkmark"
|
|
2198
2211
|
},
|
|
2199
2212
|
{
|
|
2200
|
-
"kind": "field",
|
|
2201
2213
|
"name": "disabled",
|
|
2202
|
-
"privacy": "public",
|
|
2203
2214
|
"type": {
|
|
2204
2215
|
"text": "boolean"
|
|
2205
2216
|
},
|
|
2206
|
-
"description": "If set
|
|
2207
|
-
"
|
|
2208
|
-
"reflects": true
|
|
2217
|
+
"description": "If set, disables the combobox.",
|
|
2218
|
+
"fieldName": "disabled"
|
|
2209
2219
|
},
|
|
2210
2220
|
{
|
|
2211
|
-
"
|
|
2212
|
-
"name": "error",
|
|
2213
|
-
"privacy": "public",
|
|
2221
|
+
"name": "dvInputOnly",
|
|
2214
2222
|
"type": {
|
|
2215
2223
|
"text": "boolean"
|
|
2216
2224
|
},
|
|
2217
|
-
"description": "If
|
|
2218
|
-
"
|
|
2219
|
-
"reflects": true
|
|
2225
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2226
|
+
"fieldName": "dvInputOnly"
|
|
2220
2227
|
},
|
|
2221
2228
|
{
|
|
2222
|
-
"
|
|
2223
|
-
"name": "id",
|
|
2224
|
-
"privacy": "public",
|
|
2229
|
+
"name": "error",
|
|
2225
2230
|
"type": {
|
|
2226
2231
|
"text": "string"
|
|
2227
2232
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2230
|
-
"reflects": true
|
|
2233
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2234
|
+
"fieldName": "error"
|
|
2231
2235
|
},
|
|
2232
2236
|
{
|
|
2233
|
-
"
|
|
2234
|
-
"
|
|
2235
|
-
|
|
2237
|
+
"name": "format",
|
|
2238
|
+
"type": {
|
|
2239
|
+
"text": "string"
|
|
2240
|
+
},
|
|
2241
|
+
"description": "Specifies the input mask format.",
|
|
2242
|
+
"fieldName": "format"
|
|
2243
|
+
},
|
|
2244
|
+
{
|
|
2245
|
+
"name": "inputmode",
|
|
2246
|
+
"type": {
|
|
2247
|
+
"text": "string"
|
|
2248
|
+
},
|
|
2249
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2250
|
+
"fieldName": "inputmode"
|
|
2251
|
+
},
|
|
2252
|
+
{
|
|
2253
|
+
"name": "layout",
|
|
2254
|
+
"type": {
|
|
2255
|
+
"text": "string"
|
|
2256
|
+
},
|
|
2257
|
+
"description": "Sets the layout of the combobox.",
|
|
2258
|
+
"default": "'classic'",
|
|
2259
|
+
"fieldName": "layout",
|
|
2260
|
+
"inheritedFrom": {
|
|
2261
|
+
"name": "AuroElement",
|
|
2262
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2263
|
+
}
|
|
2264
|
+
},
|
|
2265
|
+
{
|
|
2266
|
+
"name": "matchWidth",
|
|
2236
2267
|
"type": {
|
|
2237
|
-
"text": "
|
|
2268
|
+
"text": "boolean"
|
|
2238
2269
|
},
|
|
2239
|
-
"description": "
|
|
2270
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2271
|
+
"fieldName": "matchWidth"
|
|
2240
2272
|
},
|
|
2241
2273
|
{
|
|
2242
|
-
"
|
|
2243
|
-
"name": "name",
|
|
2244
|
-
"privacy": "public",
|
|
2274
|
+
"name": "noFilter",
|
|
2245
2275
|
"type": {
|
|
2246
|
-
"text": "
|
|
2276
|
+
"text": "boolean"
|
|
2247
2277
|
},
|
|
2248
|
-
"description": "
|
|
2249
|
-
"
|
|
2278
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2279
|
+
"fieldName": "noFilter"
|
|
2250
2280
|
},
|
|
2251
2281
|
{
|
|
2252
|
-
"
|
|
2253
|
-
"name": "onDark",
|
|
2254
|
-
"privacy": "public",
|
|
2282
|
+
"name": "noFlip",
|
|
2255
2283
|
"type": {
|
|
2256
2284
|
"text": "boolean"
|
|
2257
2285
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2260
|
-
"reflects": true
|
|
2286
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2287
|
+
"fieldName": "noFlip"
|
|
2261
2288
|
},
|
|
2262
2289
|
{
|
|
2263
|
-
"
|
|
2264
|
-
"name": "touched",
|
|
2265
|
-
"privacy": "private",
|
|
2290
|
+
"name": "shift",
|
|
2266
2291
|
"type": {
|
|
2267
2292
|
"text": "boolean"
|
|
2268
2293
|
},
|
|
2269
|
-
"description": "
|
|
2294
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2295
|
+
"fieldName": "shift"
|
|
2270
2296
|
},
|
|
2271
2297
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "value",
|
|
2274
|
-
"privacy": "public",
|
|
2298
|
+
"name": "noValidate",
|
|
2275
2299
|
"type": {
|
|
2276
|
-
"text": "
|
|
2300
|
+
"text": "boolean"
|
|
2277
2301
|
},
|
|
2278
|
-
"description": "
|
|
2279
|
-
"
|
|
2302
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2303
|
+
"fieldName": "noValidate"
|
|
2280
2304
|
},
|
|
2281
2305
|
{
|
|
2282
|
-
"
|
|
2283
|
-
"name": "tabIndex",
|
|
2284
|
-
"privacy": "private",
|
|
2306
|
+
"name": "offset",
|
|
2285
2307
|
"type": {
|
|
2286
2308
|
"text": "number"
|
|
2287
2309
|
},
|
|
2288
|
-
"description": "
|
|
2289
|
-
"
|
|
2290
|
-
"
|
|
2310
|
+
"description": "Gap between the trigger element and bib.",
|
|
2311
|
+
"default": "0",
|
|
2312
|
+
"fieldName": "offset"
|
|
2291
2313
|
},
|
|
2292
2314
|
{
|
|
2293
|
-
"
|
|
2294
|
-
"name": "ariaChecked",
|
|
2295
|
-
"privacy": "private",
|
|
2315
|
+
"name": "onDark",
|
|
2296
2316
|
"type": {
|
|
2297
|
-
"text": "
|
|
2317
|
+
"text": "boolean"
|
|
2298
2318
|
},
|
|
2299
|
-
"description": "
|
|
2300
|
-
"
|
|
2301
|
-
"reflects": true
|
|
2319
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2320
|
+
"fieldName": "onDark"
|
|
2302
2321
|
},
|
|
2303
2322
|
{
|
|
2304
|
-
"
|
|
2305
|
-
"name": "ariaDisabled",
|
|
2306
|
-
"privacy": "private",
|
|
2323
|
+
"name": "optionSelected",
|
|
2307
2324
|
"type": {
|
|
2308
|
-
"text": "
|
|
2325
|
+
"text": "HTMLElement"
|
|
2309
2326
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"reflects": true
|
|
2327
|
+
"description": "Specifies the current selected option.",
|
|
2328
|
+
"fieldName": "optionSelected"
|
|
2313
2329
|
},
|
|
2314
2330
|
{
|
|
2315
|
-
"
|
|
2316
|
-
"name": "role",
|
|
2317
|
-
"privacy": "private",
|
|
2331
|
+
"name": "persistInput",
|
|
2318
2332
|
"type": {
|
|
2319
|
-
"text": "
|
|
2333
|
+
"text": "boolean"
|
|
2320
2334
|
},
|
|
2321
|
-
"description": "
|
|
2322
|
-
"
|
|
2323
|
-
|
|
2324
|
-
}
|
|
2325
|
-
],
|
|
2326
|
-
"events": [
|
|
2335
|
+
"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.",
|
|
2336
|
+
"fieldName": "persistInput"
|
|
2337
|
+
},
|
|
2327
2338
|
{
|
|
2328
|
-
"name": "
|
|
2339
|
+
"name": "placement",
|
|
2329
2340
|
"type": {
|
|
2330
|
-
"text": "
|
|
2331
|
-
}
|
|
2341
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2342
|
+
},
|
|
2343
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2344
|
+
"default": "'bottom-start'",
|
|
2345
|
+
"fieldName": "placement"
|
|
2332
2346
|
},
|
|
2333
2347
|
{
|
|
2334
|
-
"name": "
|
|
2348
|
+
"name": "placeholder",
|
|
2335
2349
|
"type": {
|
|
2336
|
-
"text": "
|
|
2337
|
-
}
|
|
2350
|
+
"text": "string"
|
|
2351
|
+
},
|
|
2352
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2353
|
+
"fieldName": "placeholder"
|
|
2338
2354
|
},
|
|
2339
2355
|
{
|
|
2340
|
-
"name": "
|
|
2356
|
+
"name": "required",
|
|
2341
2357
|
"type": {
|
|
2342
|
-
"text": "
|
|
2343
|
-
}
|
|
2358
|
+
"text": "boolean"
|
|
2359
|
+
},
|
|
2360
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2361
|
+
"fieldName": "required"
|
|
2344
2362
|
},
|
|
2345
2363
|
{
|
|
2346
|
-
"
|
|
2347
|
-
"
|
|
2364
|
+
"name": "setCustomValidity",
|
|
2365
|
+
"type": {
|
|
2366
|
+
"text": "string"
|
|
2367
|
+
},
|
|
2368
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2369
|
+
"fieldName": "setCustomValidity"
|
|
2348
2370
|
},
|
|
2349
2371
|
{
|
|
2350
|
-
"
|
|
2351
|
-
"name": "input"
|
|
2352
|
-
}
|
|
2353
|
-
],
|
|
2354
|
-
"attributes": [
|
|
2355
|
-
{
|
|
2356
|
-
"name": "appearance",
|
|
2372
|
+
"name": "setCustomValidityCustomError",
|
|
2357
2373
|
"type": {
|
|
2358
|
-
"text": "
|
|
2374
|
+
"text": "string"
|
|
2359
2375
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"fieldName": "appearance"
|
|
2376
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2377
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2363
2378
|
},
|
|
2364
2379
|
{
|
|
2365
|
-
"name": "
|
|
2380
|
+
"name": "setCustomValidityValueMissing",
|
|
2366
2381
|
"type": {
|
|
2367
|
-
"text": "
|
|
2382
|
+
"text": "string"
|
|
2368
2383
|
},
|
|
2369
|
-
"description": "
|
|
2370
|
-
"fieldName": "
|
|
2384
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2385
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2371
2386
|
},
|
|
2372
2387
|
{
|
|
2373
|
-
"name": "
|
|
2388
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2374
2389
|
"type": {
|
|
2375
|
-
"text": "
|
|
2390
|
+
"text": "string"
|
|
2376
2391
|
},
|
|
2377
|
-
"description": "
|
|
2378
|
-
"fieldName": "
|
|
2392
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2393
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2379
2394
|
},
|
|
2380
2395
|
{
|
|
2381
|
-
"name": "
|
|
2396
|
+
"name": "triggerIcon",
|
|
2382
2397
|
"type": {
|
|
2383
2398
|
"text": "boolean"
|
|
2384
2399
|
},
|
|
2385
|
-
"description": "If set
|
|
2386
|
-
"fieldName": "
|
|
2400
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2401
|
+
"fieldName": "triggerIcon"
|
|
2387
2402
|
},
|
|
2388
2403
|
{
|
|
2389
|
-
"name": "
|
|
2404
|
+
"name": "type",
|
|
2390
2405
|
"type": {
|
|
2391
2406
|
"text": "string"
|
|
2392
2407
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"fieldName": "
|
|
2408
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2409
|
+
"fieldName": "type"
|
|
2395
2410
|
},
|
|
2396
2411
|
{
|
|
2397
|
-
"name": "
|
|
2412
|
+
"name": "typedValue",
|
|
2398
2413
|
"type": {
|
|
2399
2414
|
"text": "string"
|
|
2400
2415
|
},
|
|
2401
|
-
"description": "
|
|
2402
|
-
"fieldName": "
|
|
2416
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2417
|
+
"fieldName": "typedValue"
|
|
2403
2418
|
},
|
|
2404
2419
|
{
|
|
2405
|
-
"name": "
|
|
2420
|
+
"name": "validity",
|
|
2406
2421
|
"type": {
|
|
2407
|
-
"text": "
|
|
2422
|
+
"text": "string"
|
|
2408
2423
|
},
|
|
2409
|
-
"description": "
|
|
2410
|
-
"fieldName": "
|
|
2424
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2425
|
+
"fieldName": "validity"
|
|
2411
2426
|
},
|
|
2412
2427
|
{
|
|
2413
2428
|
"name": "value",
|
|
2414
2429
|
"type": {
|
|
2415
2430
|
"text": "string"
|
|
2416
2431
|
},
|
|
2417
|
-
"description": "
|
|
2432
|
+
"description": "Value selected for the dropdown menu.",
|
|
2418
2433
|
"fieldName": "value"
|
|
2419
2434
|
},
|
|
2420
2435
|
{
|
|
2421
|
-
"name": "
|
|
2436
|
+
"name": "largeFullscreenHeadline",
|
|
2422
2437
|
"type": {
|
|
2423
|
-
"text": "
|
|
2438
|
+
"text": "boolean"
|
|
2424
2439
|
},
|
|
2425
|
-
"description": "
|
|
2426
|
-
"fieldName": "
|
|
2440
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2441
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2427
2442
|
},
|
|
2428
2443
|
{
|
|
2429
|
-
"name": "
|
|
2444
|
+
"name": "fullscreenBreakpoint",
|
|
2430
2445
|
"type": {
|
|
2431
|
-
"text": "
|
|
2446
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2432
2447
|
},
|
|
2433
|
-
"description": "
|
|
2434
|
-
"
|
|
2448
|
+
"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.",
|
|
2449
|
+
"default": "'sm'",
|
|
2450
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2435
2451
|
},
|
|
2436
2452
|
{
|
|
2437
|
-
"name": "
|
|
2453
|
+
"name": "shape",
|
|
2438
2454
|
"type": {
|
|
2439
2455
|
"text": "string"
|
|
2440
2456
|
},
|
|
2441
|
-
"
|
|
2442
|
-
"
|
|
2457
|
+
"fieldName": "shape",
|
|
2458
|
+
"inheritedFrom": {
|
|
2459
|
+
"name": "AuroElement",
|
|
2460
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2461
|
+
}
|
|
2443
2462
|
},
|
|
2444
2463
|
{
|
|
2445
|
-
"name": "
|
|
2464
|
+
"name": "size",
|
|
2446
2465
|
"type": {
|
|
2447
2466
|
"text": "string"
|
|
2448
2467
|
},
|
|
2449
|
-
"
|
|
2450
|
-
"
|
|
2468
|
+
"fieldName": "size",
|
|
2469
|
+
"inheritedFrom": {
|
|
2470
|
+
"name": "AuroElement",
|
|
2471
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2472
|
+
}
|
|
2473
|
+
},
|
|
2474
|
+
{
|
|
2475
|
+
"name": "ondark",
|
|
2476
|
+
"type": {
|
|
2477
|
+
"text": "boolean"
|
|
2478
|
+
},
|
|
2479
|
+
"fieldName": "onDark",
|
|
2480
|
+
"inheritedFrom": {
|
|
2481
|
+
"name": "AuroElement",
|
|
2482
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2483
|
+
}
|
|
2451
2484
|
}
|
|
2452
2485
|
],
|
|
2453
2486
|
"superclass": {
|
|
2454
|
-
"name": "
|
|
2455
|
-
"
|
|
2487
|
+
"name": "AuroElement",
|
|
2488
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2456
2489
|
},
|
|
2457
|
-
"tagName": "auro-
|
|
2490
|
+
"tagName": "auro-combobox",
|
|
2458
2491
|
"customElement": true
|
|
2459
2492
|
}
|
|
2460
2493
|
],
|
|
2461
2494
|
"exports": [
|
|
2462
2495
|
{
|
|
2463
2496
|
"kind": "js",
|
|
2464
|
-
"name": "
|
|
2497
|
+
"name": "AuroCombobox",
|
|
2498
|
+
"declaration": {
|
|
2499
|
+
"name": "AuroCombobox",
|
|
2500
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2501
|
+
}
|
|
2502
|
+
}
|
|
2503
|
+
]
|
|
2504
|
+
},
|
|
2505
|
+
{
|
|
2506
|
+
"kind": "javascript-module",
|
|
2507
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2508
|
+
"declarations": [
|
|
2509
|
+
{
|
|
2510
|
+
"kind": "variable",
|
|
2511
|
+
"name": "comboboxKeyboardStrategy",
|
|
2512
|
+
"type": {
|
|
2513
|
+
"text": "object"
|
|
2514
|
+
},
|
|
2515
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
|
|
2516
|
+
}
|
|
2517
|
+
],
|
|
2518
|
+
"exports": [
|
|
2519
|
+
{
|
|
2520
|
+
"kind": "js",
|
|
2521
|
+
"name": "comboboxKeyboardStrategy",
|
|
2465
2522
|
"declaration": {
|
|
2466
|
-
"name": "
|
|
2467
|
-
"module": "components/
|
|
2523
|
+
"name": "comboboxKeyboardStrategy",
|
|
2524
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2468
2525
|
}
|
|
2469
2526
|
}
|
|
2470
2527
|
]
|
|
2471
2528
|
},
|
|
2472
2529
|
{
|
|
2473
2530
|
"kind": "javascript-module",
|
|
2474
|
-
"path": "components/
|
|
2531
|
+
"path": "components/combobox/src/index.js",
|
|
2475
2532
|
"declarations": [],
|
|
2476
2533
|
"exports": [
|
|
2477
2534
|
{
|
|
2478
2535
|
"kind": "js",
|
|
2479
|
-
"name": "
|
|
2480
|
-
"declaration": {
|
|
2481
|
-
"name": "AuroCheckbox",
|
|
2482
|
-
"module": "components/checkbox/src/index.js"
|
|
2483
|
-
}
|
|
2484
|
-
},
|
|
2485
|
-
{
|
|
2486
|
-
"kind": "js",
|
|
2487
|
-
"name": "AuroCheckboxGroup",
|
|
2536
|
+
"name": "AuroCombobox",
|
|
2488
2537
|
"declaration": {
|
|
2489
|
-
"name": "
|
|
2490
|
-
"module": "components/
|
|
2538
|
+
"name": "AuroCombobox",
|
|
2539
|
+
"module": "components/combobox/src/index.js"
|
|
2491
2540
|
}
|
|
2492
2541
|
}
|
|
2493
2542
|
]
|
|
2494
2543
|
},
|
|
2495
2544
|
{
|
|
2496
2545
|
"kind": "javascript-module",
|
|
2497
|
-
"path": "components/
|
|
2546
|
+
"path": "components/combobox/src/registered.js",
|
|
2498
2547
|
"declarations": [],
|
|
2499
|
-
"exports": [
|
|
2548
|
+
"exports": [
|
|
2549
|
+
{
|
|
2550
|
+
"kind": "js",
|
|
2551
|
+
"name": "AuroCombobox",
|
|
2552
|
+
"declaration": {
|
|
2553
|
+
"name": "AuroCombobox",
|
|
2554
|
+
"module": "components/combobox/src/registered.js"
|
|
2555
|
+
}
|
|
2556
|
+
}
|
|
2557
|
+
]
|
|
2500
2558
|
},
|
|
2501
2559
|
{
|
|
2502
2560
|
"kind": "javascript-module",
|
|
@@ -4598,7 +4656,7 @@
|
|
|
4598
4656
|
{
|
|
4599
4657
|
"kind": "method",
|
|
4600
4658
|
"name": "setActive",
|
|
4601
|
-
"description": "Imperatively marks this cell as active without triggering a Lit re-render.\nButtons stay tabindex=\"-1\" because DOM focus stays on the grid wrapper —\narrow keys move the active cell imperatively and the live region carries\nthe SR announcement.",
|
|
4659
|
+
"description": "Imperatively marks this cell as active without triggering a Lit re-render.\nButtons stay tabindex=\"-1\" because DOM focus stays on the grid wrapper —\narrow keys move the active cell imperatively and the live region carries\nthe SR announcement.\n\nRefuses to activate out-of-range cells: those are aria-hidden, have no\nclick/focus handlers, and are filtered out of `getFocusableCells`. The\nactive class showing on a disabled cell would be visually misleading,\nso this guard is the single source of truth across every code path\nthat might call setActive (keyboard nav, focus restore, cell click).",
|
|
4602
4660
|
"return": {
|
|
4603
4661
|
"type": {
|
|
4604
4662
|
"text": "void"
|
|
@@ -5764,7 +5822,7 @@
|
|
|
5764
5822
|
{
|
|
5765
5823
|
"kind": "method",
|
|
5766
5824
|
"name": "scrollToActiveCell",
|
|
5767
|
-
"description": "Scrolls the calendar
|
|
5825
|
+
"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
5826
|
"privacy": "private",
|
|
5769
5827
|
"return": {
|
|
5770
5828
|
"type": {
|
|
@@ -5983,6 +6041,16 @@
|
|
|
5983
6041
|
"privacy": "private",
|
|
5984
6042
|
"default": "null"
|
|
5985
6043
|
},
|
|
6044
|
+
{
|
|
6045
|
+
"kind": "field",
|
|
6046
|
+
"name": "_activeCell",
|
|
6047
|
+
"type": {
|
|
6048
|
+
"text": "null"
|
|
6049
|
+
},
|
|
6050
|
+
"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.",
|
|
6051
|
+
"privacy": "private",
|
|
6052
|
+
"default": "null"
|
|
6053
|
+
},
|
|
5986
6054
|
{
|
|
5987
6055
|
"kind": "field",
|
|
5988
6056
|
"name": "_gridHasFocus",
|
|
@@ -11839,7 +11907,7 @@
|
|
|
11839
11907
|
"name": "getHelpText",
|
|
11840
11908
|
"description": "Determines default help text string.",
|
|
11841
11909
|
"privacy": "private",
|
|
11842
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
11910
|
+
"deprecated": "See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.",
|
|
11843
11911
|
"return": {
|
|
11844
11912
|
"type": {
|
|
11845
11913
|
"text": "string"
|
|
@@ -12102,61 +12170,6 @@
|
|
|
12102
12170
|
"module": "components/input/src/base-input.js"
|
|
12103
12171
|
}
|
|
12104
12172
|
},
|
|
12105
|
-
{
|
|
12106
|
-
"kind": "method",
|
|
12107
|
-
"name": "_computeDateObjectFallback",
|
|
12108
|
-
"parameters": [
|
|
12109
|
-
{
|
|
12110
|
-
"name": "dateStr",
|
|
12111
|
-
"description": "ISO date string from `value`/`min`/`max`.",
|
|
12112
|
-
"type": {
|
|
12113
|
-
"text": "string|undefined"
|
|
12114
|
-
}
|
|
12115
|
-
}
|
|
12116
|
-
],
|
|
12117
|
-
"description": "Parses a date string into a Date object when the corresponding `_*Object`\nfield hasn't been synced yet by `updated()`. Returns undefined when the\ninput type/format isn't a full date or the string is not a valid date.\n\nWhy this exists: a parent (datepicker) can call `inputN.validate()` from\ninside its own `updated()` before this input's `updated()` has run\n`syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`\nand range checks would otherwise silently no-op (flipping the result to\n`valid` or `patternMismatch`).",
|
|
12118
|
-
"privacy": "private",
|
|
12119
|
-
"return": {
|
|
12120
|
-
"type": {
|
|
12121
|
-
"text": "Date|undefined"
|
|
12122
|
-
}
|
|
12123
|
-
},
|
|
12124
|
-
"inheritedFrom": {
|
|
12125
|
-
"name": "BaseInput",
|
|
12126
|
-
"module": "components/input/src/base-input.js"
|
|
12127
|
-
}
|
|
12128
|
-
},
|
|
12129
|
-
{
|
|
12130
|
-
"kind": "method",
|
|
12131
|
-
"name": "setDateObjectProperty",
|
|
12132
|
-
"parameters": [
|
|
12133
|
-
{
|
|
12134
|
-
"name": "propertyName",
|
|
12135
|
-
"description": "Public object property name.",
|
|
12136
|
-
"type": {
|
|
12137
|
-
"text": "'valueObject'|'minObject'|'maxObject'"
|
|
12138
|
-
}
|
|
12139
|
-
},
|
|
12140
|
-
{
|
|
12141
|
-
"name": "propertyValue",
|
|
12142
|
-
"description": "Value to assign.",
|
|
12143
|
-
"type": {
|
|
12144
|
-
"text": "Date|undefined"
|
|
12145
|
-
}
|
|
12146
|
-
}
|
|
12147
|
-
],
|
|
12148
|
-
"description": "Internal setter for readonly date object properties.",
|
|
12149
|
-
"privacy": "private",
|
|
12150
|
-
"return": {
|
|
12151
|
-
"type": {
|
|
12152
|
-
"text": "void"
|
|
12153
|
-
}
|
|
12154
|
-
},
|
|
12155
|
-
"inheritedFrom": {
|
|
12156
|
-
"name": "BaseInput",
|
|
12157
|
-
"module": "components/input/src/base-input.js"
|
|
12158
|
-
}
|
|
12159
|
-
},
|
|
12160
12173
|
{
|
|
12161
12174
|
"kind": "method",
|
|
12162
12175
|
"name": "patchInputEvent",
|
|
@@ -12185,7 +12198,7 @@
|
|
|
12185
12198
|
"kind": "method",
|
|
12186
12199
|
"name": "setCustomHelpTextMessage",
|
|
12187
12200
|
"privacy": "private",
|
|
12188
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
12201
|
+
"deprecated": "See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.",
|
|
12189
12202
|
"return": {
|
|
12190
12203
|
"type": {
|
|
12191
12204
|
"text": "void"
|
|
@@ -12210,70 +12223,6 @@
|
|
|
12210
12223
|
"module": "components/input/src/base-input.js"
|
|
12211
12224
|
}
|
|
12212
12225
|
},
|
|
12213
|
-
{
|
|
12214
|
-
"kind": "method",
|
|
12215
|
-
"name": "syncDateValues",
|
|
12216
|
-
"parameters": [
|
|
12217
|
-
{
|
|
12218
|
-
"name": "changedProperties",
|
|
12219
|
-
"default": "undefined",
|
|
12220
|
-
"description": "Optional map of changed properties used to limit which values are synchronized.",
|
|
12221
|
-
"optional": true,
|
|
12222
|
-
"type": {
|
|
12223
|
-
"text": "Map<string, unknown>|undefined"
|
|
12224
|
-
}
|
|
12225
|
-
}
|
|
12226
|
-
],
|
|
12227
|
-
"description": "Synchronizes the ISO string values and Date object representations for date-related properties.\nThis keeps the model and display values aligned when either side changes.\n\nWhen a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding\nDate objects or vice versa, based on which properties have changed. It only runs when the current configuration\nrepresents a full year/month/day date format.",
|
|
12228
|
-
"return": {
|
|
12229
|
-
"type": {
|
|
12230
|
-
"text": "void"
|
|
12231
|
-
}
|
|
12232
|
-
},
|
|
12233
|
-
"privacy": "private",
|
|
12234
|
-
"inheritedFrom": {
|
|
12235
|
-
"name": "BaseInput",
|
|
12236
|
-
"module": "components/input/src/base-input.js"
|
|
12237
|
-
}
|
|
12238
|
-
},
|
|
12239
|
-
{
|
|
12240
|
-
"kind": "method",
|
|
12241
|
-
"name": "syncSingleDateValue",
|
|
12242
|
-
"parameters": [
|
|
12243
|
-
{
|
|
12244
|
-
"name": "changedProperties",
|
|
12245
|
-
"description": "Map of changed properties from Lit.",
|
|
12246
|
-
"type": {
|
|
12247
|
-
"text": "Map<string, unknown>|undefined"
|
|
12248
|
-
}
|
|
12249
|
-
},
|
|
12250
|
-
{
|
|
12251
|
-
"name": "objectProperty",
|
|
12252
|
-
"description": "Date object property name.",
|
|
12253
|
-
"type": {
|
|
12254
|
-
"text": "string"
|
|
12255
|
-
}
|
|
12256
|
-
},
|
|
12257
|
-
{
|
|
12258
|
-
"name": "valueProperty",
|
|
12259
|
-
"description": "ISO string property name.",
|
|
12260
|
-
"type": {
|
|
12261
|
-
"text": "string"
|
|
12262
|
-
}
|
|
12263
|
-
}
|
|
12264
|
-
],
|
|
12265
|
-
"description": "Synchronizes one date object/string property pair.",
|
|
12266
|
-
"privacy": "private",
|
|
12267
|
-
"return": {
|
|
12268
|
-
"type": {
|
|
12269
|
-
"text": "void"
|
|
12270
|
-
}
|
|
12271
|
-
},
|
|
12272
|
-
"inheritedFrom": {
|
|
12273
|
-
"name": "BaseInput",
|
|
12274
|
-
"module": "components/input/src/base-input.js"
|
|
12275
|
-
}
|
|
12276
|
-
},
|
|
12277
12226
|
{
|
|
12278
12227
|
"kind": "method",
|
|
12279
12228
|
"name": "configureAutoFormatting",
|
|
@@ -12559,7 +12508,7 @@
|
|
|
12559
12508
|
"name": "matchInputValueToCreditCard",
|
|
12560
12509
|
"description": "Function to support credit-card feature type.",
|
|
12561
12510
|
"privacy": "private",
|
|
12562
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
12511
|
+
"deprecated": "See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.",
|
|
12563
12512
|
"return": {
|
|
12564
12513
|
"type": {
|
|
12565
12514
|
"text": "object"
|
|
@@ -12786,15 +12735,6 @@
|
|
|
12786
12735
|
"module": "components/input/src/base-input.js"
|
|
12787
12736
|
}
|
|
12788
12737
|
},
|
|
12789
|
-
{
|
|
12790
|
-
"kind": "field",
|
|
12791
|
-
"name": "_maxObject",
|
|
12792
|
-
"default": "undefined",
|
|
12793
|
-
"inheritedFrom": {
|
|
12794
|
-
"name": "BaseInput",
|
|
12795
|
-
"module": "components/input/src/base-input.js"
|
|
12796
|
-
}
|
|
12797
|
-
},
|
|
12798
12738
|
{
|
|
12799
12739
|
"kind": "field",
|
|
12800
12740
|
"name": "maxLength",
|
|
@@ -12826,15 +12766,6 @@
|
|
|
12826
12766
|
"module": "components/input/src/base-input.js"
|
|
12827
12767
|
}
|
|
12828
12768
|
},
|
|
12829
|
-
{
|
|
12830
|
-
"kind": "field",
|
|
12831
|
-
"name": "_minObject",
|
|
12832
|
-
"default": "undefined",
|
|
12833
|
-
"inheritedFrom": {
|
|
12834
|
-
"name": "BaseInput",
|
|
12835
|
-
"module": "components/input/src/base-input.js"
|
|
12836
|
-
}
|
|
12837
|
-
},
|
|
12838
12769
|
{
|
|
12839
12770
|
"kind": "field",
|
|
12840
12771
|
"name": "minLength",
|
|
@@ -13048,15 +12979,6 @@
|
|
|
13048
12979
|
"module": "components/input/src/base-input.js"
|
|
13049
12980
|
}
|
|
13050
12981
|
},
|
|
13051
|
-
{
|
|
13052
|
-
"kind": "field",
|
|
13053
|
-
"name": "_valueObject",
|
|
13054
|
-
"default": "undefined",
|
|
13055
|
-
"inheritedFrom": {
|
|
13056
|
-
"name": "BaseInput",
|
|
13057
|
-
"module": "components/input/src/base-input.js"
|
|
13058
|
-
}
|
|
13059
|
-
},
|
|
13060
12982
|
{
|
|
13061
12983
|
"kind": "field",
|
|
13062
12984
|
"name": "a11yRole",
|
|
@@ -14342,53 +14264,6 @@
|
|
|
14342
14264
|
},
|
|
14343
14265
|
"readonly": true
|
|
14344
14266
|
},
|
|
14345
|
-
{
|
|
14346
|
-
"kind": "method",
|
|
14347
|
-
"name": "_computeDateObjectFallback",
|
|
14348
|
-
"parameters": [
|
|
14349
|
-
{
|
|
14350
|
-
"name": "dateStr",
|
|
14351
|
-
"description": "ISO date string from `value`/`min`/`max`.",
|
|
14352
|
-
"type": {
|
|
14353
|
-
"text": "string|undefined"
|
|
14354
|
-
}
|
|
14355
|
-
}
|
|
14356
|
-
],
|
|
14357
|
-
"description": "Parses a date string into a Date object when the corresponding `_*Object`\nfield hasn't been synced yet by `updated()`. Returns undefined when the\ninput type/format isn't a full date or the string is not a valid date.\n\nWhy this exists: a parent (datepicker) can call `inputN.validate()` from\ninside its own `updated()` before this input's `updated()` has run\n`syncDateValues()` — so `_valueObject`/`_maxObject` are still `undefined`\nand range checks would otherwise silently no-op (flipping the result to\n`valid` or `patternMismatch`).",
|
|
14358
|
-
"privacy": "private",
|
|
14359
|
-
"return": {
|
|
14360
|
-
"type": {
|
|
14361
|
-
"text": "Date|undefined"
|
|
14362
|
-
}
|
|
14363
|
-
}
|
|
14364
|
-
},
|
|
14365
|
-
{
|
|
14366
|
-
"kind": "method",
|
|
14367
|
-
"name": "setDateObjectProperty",
|
|
14368
|
-
"parameters": [
|
|
14369
|
-
{
|
|
14370
|
-
"name": "propertyName",
|
|
14371
|
-
"description": "Public object property name.",
|
|
14372
|
-
"type": {
|
|
14373
|
-
"text": "'valueObject'|'minObject'|'maxObject'"
|
|
14374
|
-
}
|
|
14375
|
-
},
|
|
14376
|
-
{
|
|
14377
|
-
"name": "propertyValue",
|
|
14378
|
-
"description": "Value to assign.",
|
|
14379
|
-
"type": {
|
|
14380
|
-
"text": "Date|undefined"
|
|
14381
|
-
}
|
|
14382
|
-
}
|
|
14383
|
-
],
|
|
14384
|
-
"description": "Internal setter for readonly date object properties.",
|
|
14385
|
-
"privacy": "private",
|
|
14386
|
-
"return": {
|
|
14387
|
-
"type": {
|
|
14388
|
-
"text": "void"
|
|
14389
|
-
}
|
|
14390
|
-
}
|
|
14391
|
-
},
|
|
14392
14267
|
{
|
|
14393
14268
|
"kind": "method",
|
|
14394
14269
|
"name": "patchInputEvent",
|
|
@@ -14413,7 +14288,7 @@
|
|
|
14413
14288
|
"kind": "method",
|
|
14414
14289
|
"name": "setCustomHelpTextMessage",
|
|
14415
14290
|
"privacy": "private",
|
|
14416
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14291
|
+
"deprecated": "See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.",
|
|
14417
14292
|
"return": {
|
|
14418
14293
|
"type": {
|
|
14419
14294
|
"text": "void"
|
|
@@ -14430,62 +14305,6 @@
|
|
|
14430
14305
|
}
|
|
14431
14306
|
}
|
|
14432
14307
|
},
|
|
14433
|
-
{
|
|
14434
|
-
"kind": "method",
|
|
14435
|
-
"name": "syncDateValues",
|
|
14436
|
-
"parameters": [
|
|
14437
|
-
{
|
|
14438
|
-
"name": "changedProperties",
|
|
14439
|
-
"default": "undefined",
|
|
14440
|
-
"description": "Optional map of changed properties used to limit which values are synchronized.",
|
|
14441
|
-
"optional": true,
|
|
14442
|
-
"type": {
|
|
14443
|
-
"text": "Map<string, unknown>|undefined"
|
|
14444
|
-
}
|
|
14445
|
-
}
|
|
14446
|
-
],
|
|
14447
|
-
"description": "Synchronizes the ISO string values and Date object representations for date-related properties.\nThis keeps the model and display values aligned when either side changes.\n\nWhen a full date format is in use, this method updates `value`, `min`, and `max` from their corresponding\nDate objects or vice versa, based on which properties have changed. It only runs when the current configuration\nrepresents a full year/month/day date format.",
|
|
14448
|
-
"return": {
|
|
14449
|
-
"type": {
|
|
14450
|
-
"text": "void"
|
|
14451
|
-
}
|
|
14452
|
-
},
|
|
14453
|
-
"privacy": "private"
|
|
14454
|
-
},
|
|
14455
|
-
{
|
|
14456
|
-
"kind": "method",
|
|
14457
|
-
"name": "syncSingleDateValue",
|
|
14458
|
-
"parameters": [
|
|
14459
|
-
{
|
|
14460
|
-
"name": "changedProperties",
|
|
14461
|
-
"description": "Map of changed properties from Lit.",
|
|
14462
|
-
"type": {
|
|
14463
|
-
"text": "Map<string, unknown>|undefined"
|
|
14464
|
-
}
|
|
14465
|
-
},
|
|
14466
|
-
{
|
|
14467
|
-
"name": "objectProperty",
|
|
14468
|
-
"description": "Date object property name.",
|
|
14469
|
-
"type": {
|
|
14470
|
-
"text": "string"
|
|
14471
|
-
}
|
|
14472
|
-
},
|
|
14473
|
-
{
|
|
14474
|
-
"name": "valueProperty",
|
|
14475
|
-
"description": "ISO string property name.",
|
|
14476
|
-
"type": {
|
|
14477
|
-
"text": "string"
|
|
14478
|
-
}
|
|
14479
|
-
}
|
|
14480
|
-
],
|
|
14481
|
-
"description": "Synchronizes one date object/string property pair.",
|
|
14482
|
-
"privacy": "private",
|
|
14483
|
-
"return": {
|
|
14484
|
-
"type": {
|
|
14485
|
-
"text": "void"
|
|
14486
|
-
}
|
|
14487
|
-
}
|
|
14488
|
-
},
|
|
14489
14308
|
{
|
|
14490
14309
|
"kind": "method",
|
|
14491
14310
|
"name": "configureAutoFormatting",
|
|
@@ -14703,7 +14522,7 @@
|
|
|
14703
14522
|
"name": "matchInputValueToCreditCard",
|
|
14704
14523
|
"description": "Function to support credit-card feature type.",
|
|
14705
14524
|
"privacy": "private",
|
|
14706
|
-
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14525
|
+
"deprecated": "See https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296.",
|
|
14707
14526
|
"return": {
|
|
14708
14527
|
"type": {
|
|
14709
14528
|
"text": "object"
|
|
@@ -14870,11 +14689,6 @@
|
|
|
14870
14689
|
"default": "undefined",
|
|
14871
14690
|
"attribute": "max"
|
|
14872
14691
|
},
|
|
14873
|
-
{
|
|
14874
|
-
"kind": "field",
|
|
14875
|
-
"name": "_maxObject",
|
|
14876
|
-
"default": "undefined"
|
|
14877
|
-
},
|
|
14878
14692
|
{
|
|
14879
14693
|
"kind": "field",
|
|
14880
14694
|
"name": "maxLength",
|
|
@@ -14898,11 +14712,6 @@
|
|
|
14898
14712
|
"default": "undefined",
|
|
14899
14713
|
"attribute": "min"
|
|
14900
14714
|
},
|
|
14901
|
-
{
|
|
14902
|
-
"kind": "field",
|
|
14903
|
-
"name": "_minObject",
|
|
14904
|
-
"default": "undefined"
|
|
14905
|
-
},
|
|
14906
14715
|
{
|
|
14907
14716
|
"kind": "field",
|
|
14908
14717
|
"name": "minLength",
|
|
@@ -15064,11 +14873,6 @@
|
|
|
15064
14873
|
"default": "undefined",
|
|
15065
14874
|
"attribute": "value"
|
|
15066
14875
|
},
|
|
15067
|
-
{
|
|
15068
|
-
"kind": "field",
|
|
15069
|
-
"name": "_valueObject",
|
|
15070
|
-
"default": "undefined"
|
|
15071
|
-
},
|
|
15072
14876
|
{
|
|
15073
14877
|
"kind": "field",
|
|
15074
14878
|
"name": "a11yRole",
|