@aurodesignsystem-dev/auro-formkit 0.0.0-pr1489.5 → 0.0.0-pr1490.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +249 -125
- package/components/checkbox/demo/getting-started.min.js +249 -125
- package/components/checkbox/demo/index.min.js +249 -125
- package/components/checkbox/demo/styles.min.css +1 -1
- package/components/checkbox/dist/index.js +249 -125
- package/components/checkbox/dist/registered.js +249 -125
- package/components/combobox/demo/customize.min.js +502 -254
- package/components/combobox/demo/getting-started.min.js +502 -254
- package/components/combobox/demo/index.min.js +502 -254
- package/components/combobox/demo/styles.min.css +1 -1
- package/components/combobox/dist/index.js +502 -254
- package/components/combobox/dist/registered.js +502 -254
- package/components/counter/demo/customize.min.js +250 -126
- package/components/counter/demo/index.min.js +250 -126
- package/components/counter/demo/styles.min.css +1 -1
- package/components/counter/dist/index.js +249 -125
- package/components/counter/dist/registered.js +249 -125
- package/components/datepicker/demo/accessibility.md +9 -6
- package/components/datepicker/demo/api.md +1 -1
- package/components/datepicker/demo/customize.min.js +1544 -527
- package/components/datepicker/demo/index.md +6 -4
- package/components/datepicker/demo/index.min.js +1560 -532
- package/components/datepicker/demo/keyboard-behavior.md +15 -15
- package/components/datepicker/demo/styles.min.css +1 -1
- package/components/datepicker/demo/voiceover.md +5 -3
- package/components/datepicker/demo/why-datepicker.md +2 -2
- package/components/datepicker/dist/index.js +1536 -519
- package/components/datepicker/dist/registered.js +1536 -519
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +50 -15
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +9 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +161 -8
- package/components/datepicker/dist/src/auro-datepicker.d.ts +5 -7
- 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/demo/styles.min.css +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 +3263 -1378
- package/components/form/demo/getting-started.min.js +3263 -1378
- package/components/form/demo/index.min.js +3263 -1378
- package/components/form/demo/registerDemoDeps.min.js +3263 -1378
- package/components/form/demo/styles.min.css +1 -1
- package/components/input/demo/customize.min.js +249 -125
- package/components/input/demo/getting-started.min.js +249 -125
- package/components/input/demo/index.min.js +249 -125
- package/components/input/demo/styles.min.css +1 -1
- package/components/input/dist/index.js +249 -125
- package/components/input/dist/registered.js +249 -125
- package/components/menu/demo/styles.min.css +1 -1
- package/components/radio/demo/customize.min.js +249 -125
- package/components/radio/demo/getting-started.min.js +249 -125
- package/components/radio/demo/index.min.js +249 -125
- package/components/radio/demo/styles.min.css +1 -1
- package/components/radio/dist/index.js +249 -125
- package/components/radio/dist/registered.js +249 -125
- package/components/select/demo/customize.min.js +250 -126
- package/components/select/demo/getting-started.min.js +250 -126
- package/components/select/demo/index.min.js +250 -126
- package/components/select/demo/styles.min.css +1 -1
- package/components/select/dist/index.js +250 -126
- package/components/select/dist/registered.js +250 -126
- package/custom-elements.json +1818 -1491
- package/package.json +8 -8
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,991 +797,735 @@
|
|
|
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
|
-
"
|
|
1152
|
-
|
|
1153
|
-
|
|
1161
|
+
"return": {
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "void"
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1154
1166
|
},
|
|
1155
1167
|
{
|
|
1156
1168
|
"kind": "field",
|
|
1157
|
-
"name": "
|
|
1158
|
-
"
|
|
1159
|
-
"
|
|
1160
|
-
"
|
|
1169
|
+
"name": "inputValue",
|
|
1170
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
1171
|
+
"return": {
|
|
1172
|
+
"type": {
|
|
1173
|
+
"text": "string|undefined"
|
|
1174
|
+
}
|
|
1161
1175
|
},
|
|
1162
|
-
"
|
|
1176
|
+
"readonly": true
|
|
1163
1177
|
},
|
|
1164
1178
|
{
|
|
1165
|
-
"kind": "
|
|
1166
|
-
"name": "
|
|
1167
|
-
"description": "
|
|
1168
|
-
"privacy": "private",
|
|
1179
|
+
"kind": "method",
|
|
1180
|
+
"name": "isValid",
|
|
1181
|
+
"description": "Checks if the element is valid.",
|
|
1169
1182
|
"return": {
|
|
1170
1183
|
"type": {
|
|
1171
1184
|
"text": "boolean"
|
|
1172
1185
|
}
|
|
1173
|
-
},
|
|
1174
|
-
"readonly": true,
|
|
1175
|
-
"inheritedFrom": {
|
|
1176
|
-
"name": "AuroElement",
|
|
1177
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1178
1186
|
}
|
|
1179
1187
|
},
|
|
1180
1188
|
{
|
|
1181
1189
|
"kind": "method",
|
|
1182
|
-
"name": "
|
|
1183
|
-
"
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1190
|
+
"name": "register",
|
|
1191
|
+
"static": true,
|
|
1192
|
+
"parameters": [
|
|
1193
|
+
{
|
|
1194
|
+
"name": "name",
|
|
1195
|
+
"default": "'auro-combobox'",
|
|
1196
|
+
"description": "The name of the element that you want to register.",
|
|
1197
|
+
"optional": true,
|
|
1198
|
+
"type": {
|
|
1199
|
+
"text": "string"
|
|
1200
|
+
}
|
|
1201
|
+
}
|
|
1202
|
+
],
|
|
1203
|
+
"description": "This will register this element with the browser."
|
|
1187
1204
|
},
|
|
1188
1205
|
{
|
|
1189
1206
|
"kind": "method",
|
|
1190
|
-
"name": "
|
|
1191
|
-
"
|
|
1192
|
-
|
|
1193
|
-
|
|
1207
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
1208
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1209
|
+
"privacy": "private",
|
|
1210
|
+
"return": {
|
|
1211
|
+
"type": {
|
|
1212
|
+
"text": "void"
|
|
1213
|
+
}
|
|
1194
1214
|
}
|
|
1195
1215
|
},
|
|
1196
1216
|
{
|
|
1197
1217
|
"kind": "method",
|
|
1198
|
-
"name": "
|
|
1199
|
-
"
|
|
1200
|
-
|
|
1201
|
-
|
|
1218
|
+
"name": "activateLastEnabledAvailableOption",
|
|
1219
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1220
|
+
"privacy": "private",
|
|
1221
|
+
"return": {
|
|
1222
|
+
"type": {
|
|
1223
|
+
"text": "void"
|
|
1224
|
+
}
|
|
1202
1225
|
}
|
|
1203
1226
|
},
|
|
1204
1227
|
{
|
|
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
|
-
}
|
|
1228
|
+
"kind": "method",
|
|
1229
|
+
"name": "updateFilter",
|
|
1230
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
1231
|
+
"privacy": "private"
|
|
1217
1232
|
},
|
|
1218
1233
|
{
|
|
1219
|
-
"kind": "
|
|
1220
|
-
"name": "
|
|
1221
|
-
"
|
|
1222
|
-
"
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
"inheritedFrom": {
|
|
1228
|
-
"name": "AuroElement",
|
|
1229
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1234
|
+
"kind": "method",
|
|
1235
|
+
"name": "syncValuesAndStates",
|
|
1236
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
1237
|
+
"privacy": "private",
|
|
1238
|
+
"return": {
|
|
1239
|
+
"type": {
|
|
1240
|
+
"text": "void"
|
|
1241
|
+
}
|
|
1230
1242
|
}
|
|
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
1243
|
},
|
|
1241
1244
|
{
|
|
1242
|
-
"
|
|
1243
|
-
"
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
|
|
1245
|
+
"kind": "method",
|
|
1246
|
+
"name": "updateTriggerTextDisplay",
|
|
1247
|
+
"parameters": [
|
|
1248
|
+
{
|
|
1249
|
+
"name": "label",
|
|
1250
|
+
"description": "The label of the selected option.",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "string"
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
],
|
|
1256
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1257
|
+
"privacy": "private"
|
|
1247
1258
|
},
|
|
1248
1259
|
{
|
|
1249
|
-
"
|
|
1250
|
-
"
|
|
1251
|
-
|
|
1252
|
-
|
|
1253
|
-
"
|
|
1260
|
+
"kind": "method",
|
|
1261
|
+
"name": "handleMenuOptions",
|
|
1262
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1263
|
+
"privacy": "private",
|
|
1264
|
+
"return": {
|
|
1265
|
+
"type": {
|
|
1266
|
+
"text": "void"
|
|
1267
|
+
}
|
|
1268
|
+
}
|
|
1254
1269
|
},
|
|
1255
1270
|
{
|
|
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"
|
|
1271
|
+
"kind": "method",
|
|
1272
|
+
"name": "generateOptionsArray",
|
|
1273
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
1274
|
+
"privacy": "private",
|
|
1275
|
+
"return": {
|
|
1276
|
+
"type": {
|
|
1277
|
+
"text": "void"
|
|
1278
|
+
}
|
|
1279
|
+
}
|
|
1269
1280
|
},
|
|
1270
1281
|
{
|
|
1271
|
-
"
|
|
1272
|
-
"
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1282
|
+
"kind": "method",
|
|
1283
|
+
"name": "hideBib",
|
|
1284
|
+
"description": "Hides the dropdown bib if its open.",
|
|
1285
|
+
"return": {
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "void"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1277
1290
|
},
|
|
1278
1291
|
{
|
|
1279
|
-
"
|
|
1280
|
-
"
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1292
|
+
"kind": "method",
|
|
1293
|
+
"name": "showBib",
|
|
1294
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
1295
|
+
"return": {
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "void"
|
|
1298
|
+
}
|
|
1299
|
+
}
|
|
1285
1300
|
},
|
|
1286
1301
|
{
|
|
1287
|
-
"
|
|
1288
|
-
"
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
"
|
|
1292
|
-
|
|
1302
|
+
"kind": "method",
|
|
1303
|
+
"name": "configureDropdown",
|
|
1304
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
1305
|
+
"privacy": "private",
|
|
1306
|
+
"return": {
|
|
1307
|
+
"type": {
|
|
1308
|
+
"text": "void"
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1293
1311
|
},
|
|
1294
1312
|
{
|
|
1295
|
-
"
|
|
1296
|
-
"
|
|
1297
|
-
|
|
1298
|
-
},
|
|
1299
|
-
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1300
|
-
"default": "'suggestion'",
|
|
1301
|
-
"fieldName": "behavior"
|
|
1313
|
+
"kind": "method",
|
|
1314
|
+
"name": "setClearBtnFocus",
|
|
1315
|
+
"privacy": "private"
|
|
1302
1316
|
},
|
|
1303
1317
|
{
|
|
1304
|
-
"
|
|
1305
|
-
"
|
|
1306
|
-
|
|
1307
|
-
},
|
|
1308
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1309
|
-
"fieldName": "checkmark"
|
|
1310
|
-
},
|
|
1311
|
-
{
|
|
1312
|
-
"name": "disabled",
|
|
1313
|
-
"type": {
|
|
1314
|
-
"text": "boolean"
|
|
1315
|
-
},
|
|
1316
|
-
"description": "If set, disables the combobox.",
|
|
1317
|
-
"fieldName": "disabled"
|
|
1318
|
-
},
|
|
1319
|
-
{
|
|
1320
|
-
"name": "dvInputOnly",
|
|
1321
|
-
"type": {
|
|
1322
|
-
"text": "boolean"
|
|
1323
|
-
},
|
|
1324
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1325
|
-
"fieldName": "dvInputOnly"
|
|
1318
|
+
"kind": "method",
|
|
1319
|
+
"name": "setTriggerInputFocus",
|
|
1320
|
+
"privacy": "private"
|
|
1326
1321
|
},
|
|
1327
1322
|
{
|
|
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"
|
|
1323
|
+
"kind": "method",
|
|
1324
|
+
"name": "setInputFocus",
|
|
1325
|
+
"privacy": "private"
|
|
1334
1326
|
},
|
|
1335
1327
|
{
|
|
1336
|
-
"
|
|
1337
|
-
"
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
"description": "Specifies the input mask format.",
|
|
1341
|
-
"fieldName": "format"
|
|
1328
|
+
"kind": "method",
|
|
1329
|
+
"name": "updateBibDialogRole",
|
|
1330
|
+
"description": "Suppresses or restores dialog semantics on the bib's dialog element.\nOn desktop (non-fullscreen), VoiceOver verbosely announces \"listbox inside\nof a dialog\" which disrupts combobox usage. Setting role=\"presentation\"\nsuppresses this. In fullscreen mode, dialog semantics are restored.",
|
|
1331
|
+
"privacy": "private"
|
|
1342
1332
|
},
|
|
1343
1333
|
{
|
|
1344
|
-
"
|
|
1345
|
-
"
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1349
|
-
"fieldName": "inputmode"
|
|
1334
|
+
"kind": "method",
|
|
1335
|
+
"name": "updateMenuShapeSize",
|
|
1336
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
1337
|
+
"privacy": "private"
|
|
1350
1338
|
},
|
|
1351
1339
|
{
|
|
1352
|
-
"
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
|
|
1356
|
-
"
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
"name": "AuroElement",
|
|
1361
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1340
|
+
"kind": "method",
|
|
1341
|
+
"name": "_getAnnouncementRoot",
|
|
1342
|
+
"description": "Returns the shadow root containing the live region for screen reader announcements.\nWhen the bib is open in fullscreen modal mode, everything outside the <dialog>\nis inert, so we target the bib's own shadow root instead of the host's.",
|
|
1343
|
+
"privacy": "private",
|
|
1344
|
+
"return": {
|
|
1345
|
+
"type": {
|
|
1346
|
+
"text": "ShadowRoot"
|
|
1347
|
+
}
|
|
1362
1348
|
}
|
|
1363
1349
|
},
|
|
1364
1350
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
"
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
"name": "noFilter",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
},
|
|
1377
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1378
|
-
"fieldName": "noFilter"
|
|
1379
|
-
},
|
|
1380
|
-
{
|
|
1381
|
-
"name": "noFlip",
|
|
1382
|
-
"type": {
|
|
1383
|
-
"text": "boolean"
|
|
1384
|
-
},
|
|
1385
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1386
|
-
"fieldName": "noFlip"
|
|
1387
|
-
},
|
|
1388
|
-
{
|
|
1389
|
-
"name": "shift",
|
|
1390
|
-
"type": {
|
|
1391
|
-
"text": "boolean"
|
|
1392
|
-
},
|
|
1393
|
-
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1394
|
-
"fieldName": "shift"
|
|
1395
|
-
},
|
|
1396
|
-
{
|
|
1397
|
-
"name": "noValidate",
|
|
1398
|
-
"type": {
|
|
1399
|
-
"text": "boolean"
|
|
1400
|
-
},
|
|
1401
|
-
"description": "If set, disables auto-validation on blur.",
|
|
1402
|
-
"fieldName": "noValidate"
|
|
1403
|
-
},
|
|
1404
|
-
{
|
|
1405
|
-
"name": "offset",
|
|
1406
|
-
"type": {
|
|
1407
|
-
"text": "number"
|
|
1408
|
-
},
|
|
1409
|
-
"description": "Gap between the trigger element and bib.",
|
|
1410
|
-
"default": "0",
|
|
1411
|
-
"fieldName": "offset"
|
|
1412
|
-
},
|
|
1413
|
-
{
|
|
1414
|
-
"name": "onDark",
|
|
1415
|
-
"type": {
|
|
1416
|
-
"text": "boolean"
|
|
1417
|
-
},
|
|
1418
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1419
|
-
"fieldName": "onDark"
|
|
1420
|
-
},
|
|
1421
|
-
{
|
|
1422
|
-
"name": "optionSelected",
|
|
1423
|
-
"type": {
|
|
1424
|
-
"text": "HTMLElement"
|
|
1425
|
-
},
|
|
1426
|
-
"description": "Specifies the current selected option.",
|
|
1427
|
-
"fieldName": "optionSelected"
|
|
1428
|
-
},
|
|
1429
|
-
{
|
|
1430
|
-
"name": "persistInput",
|
|
1431
|
-
"type": {
|
|
1432
|
-
"text": "boolean"
|
|
1433
|
-
},
|
|
1434
|
-
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1435
|
-
"fieldName": "persistInput"
|
|
1436
|
-
},
|
|
1437
|
-
{
|
|
1438
|
-
"name": "placement",
|
|
1439
|
-
"type": {
|
|
1440
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1441
|
-
},
|
|
1442
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1443
|
-
"default": "'bottom-start'",
|
|
1444
|
-
"fieldName": "placement"
|
|
1445
|
-
},
|
|
1446
|
-
{
|
|
1447
|
-
"name": "placeholder",
|
|
1448
|
-
"type": {
|
|
1449
|
-
"text": "string"
|
|
1450
|
-
},
|
|
1451
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1452
|
-
"fieldName": "placeholder"
|
|
1453
|
-
},
|
|
1454
|
-
{
|
|
1455
|
-
"name": "required",
|
|
1456
|
-
"type": {
|
|
1457
|
-
"text": "boolean"
|
|
1458
|
-
},
|
|
1459
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1460
|
-
"fieldName": "required"
|
|
1461
|
-
},
|
|
1462
|
-
{
|
|
1463
|
-
"name": "setCustomValidity",
|
|
1464
|
-
"type": {
|
|
1465
|
-
"text": "string"
|
|
1466
|
-
},
|
|
1467
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1468
|
-
"fieldName": "setCustomValidity"
|
|
1469
|
-
},
|
|
1470
|
-
{
|
|
1471
|
-
"name": "setCustomValidityCustomError",
|
|
1472
|
-
"type": {
|
|
1473
|
-
"text": "string"
|
|
1474
|
-
},
|
|
1475
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
1476
|
-
"fieldName": "setCustomValidityCustomError"
|
|
1477
|
-
},
|
|
1478
|
-
{
|
|
1479
|
-
"name": "setCustomValidityValueMissing",
|
|
1480
|
-
"type": {
|
|
1481
|
-
"text": "string"
|
|
1482
|
-
},
|
|
1483
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1484
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
1485
|
-
},
|
|
1486
|
-
{
|
|
1487
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1488
|
-
"type": {
|
|
1489
|
-
"text": "string"
|
|
1490
|
-
},
|
|
1491
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1492
|
-
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1493
|
-
},
|
|
1494
|
-
{
|
|
1495
|
-
"name": "triggerIcon",
|
|
1496
|
-
"type": {
|
|
1497
|
-
"text": "boolean"
|
|
1498
|
-
},
|
|
1499
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1500
|
-
"fieldName": "triggerIcon"
|
|
1501
|
-
},
|
|
1502
|
-
{
|
|
1503
|
-
"name": "type",
|
|
1504
|
-
"type": {
|
|
1505
|
-
"text": "string"
|
|
1506
|
-
},
|
|
1507
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1508
|
-
"fieldName": "type"
|
|
1509
|
-
},
|
|
1510
|
-
{
|
|
1511
|
-
"name": "typedValue",
|
|
1512
|
-
"type": {
|
|
1513
|
-
"text": "string"
|
|
1514
|
-
},
|
|
1515
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1516
|
-
"fieldName": "typedValue"
|
|
1517
|
-
},
|
|
1518
|
-
{
|
|
1519
|
-
"name": "validity",
|
|
1520
|
-
"type": {
|
|
1521
|
-
"text": "string"
|
|
1522
|
-
},
|
|
1523
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
1524
|
-
"fieldName": "validity"
|
|
1525
|
-
},
|
|
1526
|
-
{
|
|
1527
|
-
"name": "value",
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "string"
|
|
1530
|
-
},
|
|
1531
|
-
"description": "Value selected for the dropdown menu.",
|
|
1532
|
-
"fieldName": "value"
|
|
1533
|
-
},
|
|
1534
|
-
{
|
|
1535
|
-
"name": "largeFullscreenHeadline",
|
|
1536
|
-
"type": {
|
|
1537
|
-
"text": "boolean"
|
|
1538
|
-
},
|
|
1539
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1540
|
-
"fieldName": "largeFullscreenHeadline"
|
|
1541
|
-
},
|
|
1542
|
-
{
|
|
1543
|
-
"name": "fullscreenBreakpoint",
|
|
1544
|
-
"type": {
|
|
1545
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1546
|
-
},
|
|
1547
|
-
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1548
|
-
"default": "'sm'",
|
|
1549
|
-
"fieldName": "fullscreenBreakpoint"
|
|
1550
|
-
},
|
|
1551
|
-
{
|
|
1552
|
-
"name": "shape",
|
|
1553
|
-
"type": {
|
|
1554
|
-
"text": "string"
|
|
1555
|
-
},
|
|
1556
|
-
"fieldName": "shape",
|
|
1557
|
-
"inheritedFrom": {
|
|
1558
|
-
"name": "AuroElement",
|
|
1559
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1351
|
+
"kind": "method",
|
|
1352
|
+
"name": "configureMenu",
|
|
1353
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
1354
|
+
"privacy": "private",
|
|
1355
|
+
"return": {
|
|
1356
|
+
"type": {
|
|
1357
|
+
"text": "void"
|
|
1358
|
+
}
|
|
1560
1359
|
}
|
|
1561
1360
|
},
|
|
1562
1361
|
{
|
|
1563
|
-
"
|
|
1564
|
-
"
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
"
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1362
|
+
"kind": "method",
|
|
1363
|
+
"name": "configureInput",
|
|
1364
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
1365
|
+
"privacy": "private",
|
|
1366
|
+
"return": {
|
|
1367
|
+
"type": {
|
|
1368
|
+
"text": "void"
|
|
1369
|
+
}
|
|
1571
1370
|
}
|
|
1572
1371
|
},
|
|
1573
1372
|
{
|
|
1574
|
-
"
|
|
1575
|
-
"
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
|
|
1596
|
-
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1602
|
-
|
|
1603
|
-
|
|
1604
|
-
|
|
1605
|
-
|
|
1606
|
-
|
|
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) { 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. 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": [
|
|
1373
|
+
"kind": "method",
|
|
1374
|
+
"name": "handleMenuLoadingChange",
|
|
1375
|
+
"parameters": [
|
|
1376
|
+
{
|
|
1377
|
+
"name": "event",
|
|
1378
|
+
"description": "The event object containing details about the loading state change.",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "CustomEvent"
|
|
1381
|
+
}
|
|
1382
|
+
},
|
|
1383
|
+
{
|
|
1384
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
1385
|
+
"name": "event.detail.loading",
|
|
1386
|
+
"type": {
|
|
1387
|
+
"text": "boolean"
|
|
1388
|
+
}
|
|
1389
|
+
},
|
|
1390
|
+
{
|
|
1391
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
1392
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
1393
|
+
"type": {
|
|
1394
|
+
"text": "boolean"
|
|
1395
|
+
}
|
|
1396
|
+
}
|
|
1397
|
+
],
|
|
1398
|
+
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1399
|
+
"privacy": "private",
|
|
1400
|
+
"return": {
|
|
1401
|
+
"type": {
|
|
1402
|
+
"text": "void"
|
|
1403
|
+
}
|
|
1404
|
+
}
|
|
1405
|
+
},
|
|
1667
1406
|
{
|
|
1668
|
-
"
|
|
1669
|
-
"name": "
|
|
1407
|
+
"kind": "method",
|
|
1408
|
+
"name": "handleInputValueChange",
|
|
1409
|
+
"parameters": [
|
|
1410
|
+
{
|
|
1411
|
+
"name": "event",
|
|
1412
|
+
"description": "The input event triggered by the input element.",
|
|
1413
|
+
"type": {
|
|
1414
|
+
"text": "Event"
|
|
1415
|
+
}
|
|
1416
|
+
}
|
|
1417
|
+
],
|
|
1418
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1419
|
+
"privacy": "private",
|
|
1420
|
+
"return": {
|
|
1421
|
+
"type": {
|
|
1422
|
+
"text": "void"
|
|
1423
|
+
}
|
|
1424
|
+
}
|
|
1670
1425
|
},
|
|
1671
1426
|
{
|
|
1672
|
-
"
|
|
1673
|
-
"name": "
|
|
1427
|
+
"kind": "method",
|
|
1428
|
+
"name": "configureCombobox",
|
|
1429
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1430
|
+
"privacy": "private",
|
|
1431
|
+
"return": {
|
|
1432
|
+
"type": {
|
|
1433
|
+
"text": "void"
|
|
1434
|
+
}
|
|
1435
|
+
}
|
|
1674
1436
|
},
|
|
1675
1437
|
{
|
|
1676
|
-
"
|
|
1677
|
-
"name": "
|
|
1438
|
+
"kind": "method",
|
|
1439
|
+
"name": "focus",
|
|
1440
|
+
"description": "Focuses the combobox trigger input.",
|
|
1441
|
+
"return": {
|
|
1442
|
+
"type": {
|
|
1443
|
+
"text": "void"
|
|
1444
|
+
}
|
|
1445
|
+
}
|
|
1678
1446
|
},
|
|
1679
1447
|
{
|
|
1680
|
-
"
|
|
1681
|
-
"name": "
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1448
|
+
"kind": "method",
|
|
1449
|
+
"name": "setMenuValue",
|
|
1450
|
+
"parameters": [
|
|
1451
|
+
{
|
|
1452
|
+
"name": "value",
|
|
1453
|
+
"description": "The value to set on the menu.",
|
|
1454
|
+
"type": {
|
|
1455
|
+
"text": "string"
|
|
1456
|
+
}
|
|
1457
|
+
}
|
|
1458
|
+
],
|
|
1459
|
+
"description": "Sets the menu value if menu is available.",
|
|
1460
|
+
"return": {
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "void"
|
|
1463
|
+
}
|
|
1464
|
+
}
|
|
1465
|
+
},
|
|
1685
1466
|
{
|
|
1686
1467
|
"kind": "method",
|
|
1687
|
-
"name": "
|
|
1468
|
+
"name": "reset",
|
|
1469
|
+
"description": "Resets component to initial state.",
|
|
1470
|
+
"return": {
|
|
1471
|
+
"type": {
|
|
1472
|
+
"text": "void"
|
|
1473
|
+
}
|
|
1474
|
+
}
|
|
1688
1475
|
},
|
|
1689
1476
|
{
|
|
1690
1477
|
"kind": "method",
|
|
1691
|
-
"name": "
|
|
1692
|
-
"
|
|
1478
|
+
"name": "clear",
|
|
1479
|
+
"description": "Clears the current value of the combobox.",
|
|
1480
|
+
"return": {
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "void"
|
|
1483
|
+
}
|
|
1484
|
+
}
|
|
1485
|
+
},
|
|
1486
|
+
{
|
|
1487
|
+
"kind": "method",
|
|
1488
|
+
"name": "validate",
|
|
1693
1489
|
"parameters": [
|
|
1694
1490
|
{
|
|
1695
|
-
"name": "
|
|
1696
|
-
"default": "
|
|
1697
|
-
"description": "
|
|
1491
|
+
"name": "force",
|
|
1492
|
+
"default": "false",
|
|
1493
|
+
"description": "Whether to force validation.",
|
|
1698
1494
|
"optional": true,
|
|
1699
1495
|
"type": {
|
|
1700
|
-
"text": "
|
|
1496
|
+
"text": "boolean"
|
|
1701
1497
|
}
|
|
1702
1498
|
}
|
|
1703
1499
|
],
|
|
1704
|
-
"description": "
|
|
1500
|
+
"description": "Validates value."
|
|
1705
1501
|
},
|
|
1706
1502
|
{
|
|
1707
1503
|
"kind": "method",
|
|
1708
|
-
"name": "
|
|
1504
|
+
"name": "transportAssignedNodes",
|
|
1709
1505
|
"parameters": [
|
|
1710
1506
|
{
|
|
1711
|
-
"name": "
|
|
1712
|
-
"description": "The
|
|
1507
|
+
"name": "slot",
|
|
1508
|
+
"description": "The slot element containing the nodes to apply.",
|
|
1713
1509
|
"type": {
|
|
1714
|
-
"text": "
|
|
1510
|
+
"text": "HTMLSlotElement"
|
|
1715
1511
|
}
|
|
1716
1512
|
},
|
|
1717
1513
|
{
|
|
1718
|
-
"name": "
|
|
1719
|
-
"description": "The
|
|
1514
|
+
"name": "target",
|
|
1515
|
+
"description": "The target element to apply the nodes to.",
|
|
1720
1516
|
"type": {
|
|
1721
|
-
"text": "
|
|
1517
|
+
"text": "HTMLElement"
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "newSlotName",
|
|
1522
|
+
"description": "The new slot name for the applied nodes.",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "string"
|
|
1722
1525
|
}
|
|
1723
1526
|
}
|
|
1724
1527
|
],
|
|
1725
|
-
"description": "
|
|
1528
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1726
1529
|
"privacy": "private",
|
|
1727
1530
|
"return": {
|
|
1728
1531
|
"type": {
|
|
@@ -1732,8 +1535,31 @@
|
|
|
1732
1535
|
},
|
|
1733
1536
|
{
|
|
1734
1537
|
"kind": "method",
|
|
1735
|
-
"name": "
|
|
1736
|
-
"
|
|
1538
|
+
"name": "updateActiveOption",
|
|
1539
|
+
"parameters": [
|
|
1540
|
+
{
|
|
1541
|
+
"name": "index",
|
|
1542
|
+
"description": "Index of the option to make active.",
|
|
1543
|
+
"type": {
|
|
1544
|
+
"text": "number"
|
|
1545
|
+
}
|
|
1546
|
+
}
|
|
1547
|
+
],
|
|
1548
|
+
"description": "Updates the active option in the menu."
|
|
1549
|
+
},
|
|
1550
|
+
{
|
|
1551
|
+
"kind": "method",
|
|
1552
|
+
"name": "handleSlotChange",
|
|
1553
|
+
"parameters": [
|
|
1554
|
+
{
|
|
1555
|
+
"name": "event",
|
|
1556
|
+
"description": "`slotchange` event.",
|
|
1557
|
+
"type": {
|
|
1558
|
+
"text": "Event"
|
|
1559
|
+
}
|
|
1560
|
+
}
|
|
1561
|
+
],
|
|
1562
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1737
1563
|
"privacy": "private",
|
|
1738
1564
|
"return": {
|
|
1739
1565
|
"type": {
|
|
@@ -1742,85 +1568,203 @@
|
|
|
1742
1568
|
}
|
|
1743
1569
|
},
|
|
1744
1570
|
{
|
|
1745
|
-
"kind": "
|
|
1746
|
-
"name": "
|
|
1747
|
-
"
|
|
1748
|
-
"
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1571
|
+
"kind": "field",
|
|
1572
|
+
"name": "appearance",
|
|
1573
|
+
"privacy": "public",
|
|
1574
|
+
"type": {
|
|
1575
|
+
"text": "string"
|
|
1576
|
+
},
|
|
1577
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1578
|
+
"default": "'default'",
|
|
1579
|
+
"attribute": "appearance",
|
|
1580
|
+
"reflects": true
|
|
1581
|
+
},
|
|
1582
|
+
{
|
|
1583
|
+
"kind": "field",
|
|
1584
|
+
"name": "autocomplete",
|
|
1585
|
+
"privacy": "public",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1590
|
+
"attribute": "autocomplete",
|
|
1591
|
+
"reflects": true
|
|
1592
|
+
},
|
|
1593
|
+
{
|
|
1594
|
+
"kind": "field",
|
|
1595
|
+
"name": "autoPlacement",
|
|
1596
|
+
"privacy": "public",
|
|
1597
|
+
"type": {
|
|
1598
|
+
"text": "boolean"
|
|
1599
|
+
},
|
|
1600
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1601
|
+
"attribute": "autoPlacement",
|
|
1602
|
+
"reflects": true
|
|
1603
|
+
},
|
|
1604
|
+
{
|
|
1605
|
+
"kind": "field",
|
|
1606
|
+
"name": "availableOptions",
|
|
1607
|
+
"privacy": "private",
|
|
1608
|
+
"type": {
|
|
1609
|
+
"text": "array"
|
|
1610
|
+
},
|
|
1611
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1612
|
+
"attribute": "availableOptions"
|
|
1613
|
+
},
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "field",
|
|
1616
|
+
"name": "behavior",
|
|
1617
|
+
"privacy": "public",
|
|
1618
|
+
"type": {
|
|
1619
|
+
"text": "'filter' | 'suggestion'"
|
|
1620
|
+
},
|
|
1621
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1622
|
+
"default": "'suggestion'",
|
|
1623
|
+
"attribute": "behavior",
|
|
1624
|
+
"reflects": true
|
|
1625
|
+
},
|
|
1626
|
+
{
|
|
1627
|
+
"kind": "field",
|
|
1628
|
+
"name": "checkmark",
|
|
1629
|
+
"privacy": "public",
|
|
1630
|
+
"type": {
|
|
1631
|
+
"text": "boolean"
|
|
1632
|
+
},
|
|
1633
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1634
|
+
"attribute": "checkmark",
|
|
1635
|
+
"reflects": true
|
|
1636
|
+
},
|
|
1637
|
+
{
|
|
1638
|
+
"kind": "field",
|
|
1639
|
+
"name": "disabled",
|
|
1640
|
+
"privacy": "public",
|
|
1641
|
+
"type": {
|
|
1642
|
+
"text": "boolean"
|
|
1643
|
+
},
|
|
1644
|
+
"description": "If set, disables the combobox.",
|
|
1645
|
+
"attribute": "disabled",
|
|
1646
|
+
"reflects": true
|
|
1647
|
+
},
|
|
1648
|
+
{
|
|
1649
|
+
"kind": "field",
|
|
1650
|
+
"name": "dropdownId",
|
|
1651
|
+
"privacy": "private",
|
|
1652
|
+
"type": {
|
|
1653
|
+
"text": "string"
|
|
1654
|
+
},
|
|
1655
|
+
"description": "ID for the dropdown."
|
|
1656
|
+
},
|
|
1657
|
+
{
|
|
1658
|
+
"kind": "field",
|
|
1659
|
+
"name": "dropdownOpen",
|
|
1660
|
+
"privacy": "private",
|
|
1661
|
+
"type": {
|
|
1662
|
+
"text": "boolean"
|
|
1663
|
+
},
|
|
1664
|
+
"description": "Whether or not the dropdown is open."
|
|
1665
|
+
},
|
|
1666
|
+
{
|
|
1667
|
+
"kind": "field",
|
|
1668
|
+
"name": "dvInputOnly",
|
|
1669
|
+
"privacy": "public",
|
|
1670
|
+
"type": {
|
|
1671
|
+
"text": "boolean"
|
|
1672
|
+
},
|
|
1673
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1674
|
+
"attribute": "dvInputOnly",
|
|
1675
|
+
"reflects": true
|
|
1676
|
+
},
|
|
1677
|
+
{
|
|
1678
|
+
"kind": "field",
|
|
1679
|
+
"name": "error",
|
|
1680
|
+
"privacy": "public",
|
|
1681
|
+
"type": {
|
|
1682
|
+
"text": "string"
|
|
1683
|
+
},
|
|
1684
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1685
|
+
"attribute": "error",
|
|
1686
|
+
"reflects": true
|
|
1754
1687
|
},
|
|
1755
1688
|
{
|
|
1756
|
-
"kind": "
|
|
1757
|
-
"name": "
|
|
1758
|
-
"
|
|
1759
|
-
"
|
|
1760
|
-
"
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1689
|
+
"kind": "field",
|
|
1690
|
+
"name": "format",
|
|
1691
|
+
"privacy": "public",
|
|
1692
|
+
"type": {
|
|
1693
|
+
"text": "string"
|
|
1694
|
+
},
|
|
1695
|
+
"description": "Specifies the input mask format.",
|
|
1696
|
+
"attribute": "format",
|
|
1697
|
+
"reflects": true
|
|
1764
1698
|
},
|
|
1765
1699
|
{
|
|
1766
|
-
"kind": "
|
|
1767
|
-
"name": "
|
|
1768
|
-
"
|
|
1769
|
-
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
"text": "boolean"
|
|
1776
|
-
}
|
|
1777
|
-
}
|
|
1778
|
-
],
|
|
1779
|
-
"description": "Validates value."
|
|
1700
|
+
"kind": "field",
|
|
1701
|
+
"name": "inputmode",
|
|
1702
|
+
"privacy": "public",
|
|
1703
|
+
"type": {
|
|
1704
|
+
"text": "string"
|
|
1705
|
+
},
|
|
1706
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1707
|
+
"attribute": "inputmode",
|
|
1708
|
+
"reflects": true
|
|
1780
1709
|
},
|
|
1781
1710
|
{
|
|
1782
1711
|
"kind": "field",
|
|
1783
|
-
"name": "
|
|
1712
|
+
"name": "layout",
|
|
1784
1713
|
"privacy": "public",
|
|
1785
1714
|
"type": {
|
|
1786
|
-
"text": "
|
|
1715
|
+
"text": "string"
|
|
1787
1716
|
},
|
|
1788
|
-
"description": "
|
|
1789
|
-
"default": "'
|
|
1790
|
-
"attribute": "
|
|
1717
|
+
"description": "Sets the layout of the combobox.",
|
|
1718
|
+
"default": "'classic'",
|
|
1719
|
+
"attribute": "layout",
|
|
1720
|
+
"reflects": true,
|
|
1721
|
+
"inheritedFrom": {
|
|
1722
|
+
"name": "AuroElement",
|
|
1723
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1724
|
+
}
|
|
1725
|
+
},
|
|
1726
|
+
{
|
|
1727
|
+
"kind": "field",
|
|
1728
|
+
"name": "matchWidth",
|
|
1729
|
+
"privacy": "private",
|
|
1730
|
+
"type": {
|
|
1731
|
+
"text": "boolean"
|
|
1732
|
+
},
|
|
1733
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1734
|
+
"attribute": "matchWidth",
|
|
1791
1735
|
"reflects": true
|
|
1792
1736
|
},
|
|
1793
1737
|
{
|
|
1794
1738
|
"kind": "field",
|
|
1795
|
-
"name": "
|
|
1739
|
+
"name": "noFilter",
|
|
1796
1740
|
"privacy": "public",
|
|
1797
1741
|
"type": {
|
|
1798
1742
|
"text": "boolean"
|
|
1799
1743
|
},
|
|
1800
|
-
"description": "If set,
|
|
1801
|
-
"attribute": "
|
|
1744
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1745
|
+
"attribute": "noFilter",
|
|
1802
1746
|
"reflects": true
|
|
1803
1747
|
},
|
|
1804
1748
|
{
|
|
1805
1749
|
"kind": "field",
|
|
1806
|
-
"name": "
|
|
1750
|
+
"name": "noFlip",
|
|
1807
1751
|
"privacy": "public",
|
|
1808
1752
|
"type": {
|
|
1809
|
-
"text": "
|
|
1753
|
+
"text": "boolean"
|
|
1810
1754
|
},
|
|
1811
|
-
"description": "
|
|
1812
|
-
"attribute": "
|
|
1755
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1756
|
+
"attribute": "noFlip",
|
|
1813
1757
|
"reflects": true
|
|
1814
1758
|
},
|
|
1815
1759
|
{
|
|
1816
1760
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1761
|
+
"name": "shift",
|
|
1818
1762
|
"privacy": "public",
|
|
1819
1763
|
"type": {
|
|
1820
1764
|
"text": "boolean"
|
|
1821
1765
|
},
|
|
1822
|
-
"description": "If
|
|
1823
|
-
"attribute": "
|
|
1766
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1767
|
+
"attribute": "shift",
|
|
1824
1768
|
"reflects": true
|
|
1825
1769
|
},
|
|
1826
1770
|
{
|
|
@@ -1836,667 +1780,723 @@
|
|
|
1836
1780
|
},
|
|
1837
1781
|
{
|
|
1838
1782
|
"kind": "field",
|
|
1839
|
-
"name": "
|
|
1783
|
+
"name": "offset",
|
|
1840
1784
|
"privacy": "public",
|
|
1841
1785
|
"type": {
|
|
1842
|
-
"text": "
|
|
1786
|
+
"text": "number"
|
|
1843
1787
|
},
|
|
1844
|
-
"description": "
|
|
1845
|
-
"
|
|
1788
|
+
"description": "Gap between the trigger element and bib.",
|
|
1789
|
+
"default": "0",
|
|
1790
|
+
"attribute": "offset",
|
|
1846
1791
|
"reflects": true
|
|
1847
1792
|
},
|
|
1848
1793
|
{
|
|
1849
1794
|
"kind": "field",
|
|
1850
|
-
"name": "
|
|
1795
|
+
"name": "onDark",
|
|
1851
1796
|
"privacy": "public",
|
|
1852
1797
|
"type": {
|
|
1853
1798
|
"text": "boolean"
|
|
1854
1799
|
},
|
|
1855
|
-
"
|
|
1856
|
-
"
|
|
1857
|
-
"
|
|
1800
|
+
"attribute": "onDark",
|
|
1801
|
+
"reflects": true,
|
|
1802
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1803
|
+
"inheritedFrom": {
|
|
1804
|
+
"name": "AuroElement",
|
|
1805
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1806
|
+
}
|
|
1858
1807
|
},
|
|
1859
1808
|
{
|
|
1860
1809
|
"kind": "field",
|
|
1861
|
-
"name": "
|
|
1810
|
+
"name": "optionSelected",
|
|
1862
1811
|
"privacy": "public",
|
|
1863
1812
|
"type": {
|
|
1864
|
-
"text": "
|
|
1813
|
+
"text": "HTMLElement"
|
|
1865
1814
|
},
|
|
1866
|
-
"description": "
|
|
1867
|
-
"attribute": "
|
|
1815
|
+
"description": "Specifies the current selected option.",
|
|
1816
|
+
"attribute": "optionSelected"
|
|
1868
1817
|
},
|
|
1869
1818
|
{
|
|
1870
1819
|
"kind": "field",
|
|
1871
|
-
"name": "
|
|
1820
|
+
"name": "persistInput",
|
|
1872
1821
|
"privacy": "public",
|
|
1873
1822
|
"type": {
|
|
1874
|
-
"text": "
|
|
1823
|
+
"text": "boolean"
|
|
1875
1824
|
},
|
|
1876
|
-
"description": "
|
|
1877
|
-
"attribute": "
|
|
1825
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1826
|
+
"attribute": "persistInput",
|
|
1827
|
+
"reflects": true
|
|
1878
1828
|
},
|
|
1879
1829
|
{
|
|
1880
1830
|
"kind": "field",
|
|
1881
|
-
"name": "
|
|
1831
|
+
"name": "placement",
|
|
1882
1832
|
"privacy": "public",
|
|
1883
1833
|
"type": {
|
|
1884
|
-
"text": "
|
|
1834
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1885
1835
|
},
|
|
1886
|
-
"description": "
|
|
1887
|
-
"
|
|
1836
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1837
|
+
"default": "'bottom-start'",
|
|
1838
|
+
"attribute": "placement",
|
|
1839
|
+
"reflects": true
|
|
1888
1840
|
},
|
|
1889
1841
|
{
|
|
1890
1842
|
"kind": "field",
|
|
1891
|
-
"name": "
|
|
1843
|
+
"name": "placeholder",
|
|
1892
1844
|
"privacy": "public",
|
|
1893
1845
|
"type": {
|
|
1894
1846
|
"text": "string"
|
|
1895
1847
|
},
|
|
1896
|
-
"description": "
|
|
1897
|
-
"attribute": "
|
|
1848
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1849
|
+
"attribute": "placeholder",
|
|
1898
1850
|
"reflects": true
|
|
1899
|
-
}
|
|
1900
|
-
],
|
|
1901
|
-
"events": [
|
|
1851
|
+
},
|
|
1902
1852
|
{
|
|
1903
|
-
"
|
|
1853
|
+
"kind": "field",
|
|
1854
|
+
"name": "required",
|
|
1855
|
+
"privacy": "public",
|
|
1904
1856
|
"type": {
|
|
1905
|
-
"text": "
|
|
1906
|
-
}
|
|
1857
|
+
"text": "boolean"
|
|
1858
|
+
},
|
|
1859
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1860
|
+
"attribute": "required",
|
|
1861
|
+
"reflects": true
|
|
1907
1862
|
},
|
|
1908
1863
|
{
|
|
1909
|
-
"
|
|
1910
|
-
"name": "
|
|
1911
|
-
|
|
1912
|
-
],
|
|
1913
|
-
"attributes": [
|
|
1914
|
-
{
|
|
1915
|
-
"name": "appearance",
|
|
1864
|
+
"kind": "field",
|
|
1865
|
+
"name": "setCustomValidity",
|
|
1866
|
+
"privacy": "public",
|
|
1916
1867
|
"type": {
|
|
1917
|
-
"text": "
|
|
1868
|
+
"text": "string"
|
|
1918
1869
|
},
|
|
1919
|
-
"description": "
|
|
1920
|
-
"
|
|
1921
|
-
"fieldName": "appearance"
|
|
1870
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1871
|
+
"attribute": "setCustomValidity"
|
|
1922
1872
|
},
|
|
1923
1873
|
{
|
|
1924
|
-
"
|
|
1874
|
+
"kind": "field",
|
|
1875
|
+
"name": "setCustomValidityCustomError",
|
|
1876
|
+
"privacy": "public",
|
|
1925
1877
|
"type": {
|
|
1926
|
-
"text": "
|
|
1878
|
+
"text": "string"
|
|
1927
1879
|
},
|
|
1928
|
-
"description": "
|
|
1929
|
-
"
|
|
1880
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1881
|
+
"attribute": "setCustomValidityCustomError"
|
|
1930
1882
|
},
|
|
1931
1883
|
{
|
|
1932
|
-
"
|
|
1884
|
+
"kind": "field",
|
|
1885
|
+
"name": "setCustomValidityValueMissing",
|
|
1886
|
+
"privacy": "public",
|
|
1933
1887
|
"type": {
|
|
1934
1888
|
"text": "string"
|
|
1935
1889
|
},
|
|
1936
|
-
"description": "
|
|
1937
|
-
"
|
|
1890
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1891
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1938
1892
|
},
|
|
1939
1893
|
{
|
|
1940
|
-
"
|
|
1894
|
+
"kind": "field",
|
|
1895
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1896
|
+
"privacy": "public",
|
|
1941
1897
|
"type": {
|
|
1942
|
-
"text": "
|
|
1898
|
+
"text": "string"
|
|
1943
1899
|
},
|
|
1944
|
-
"description": "
|
|
1945
|
-
"
|
|
1900
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1901
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1946
1902
|
},
|
|
1947
1903
|
{
|
|
1948
|
-
"
|
|
1904
|
+
"kind": "field",
|
|
1905
|
+
"name": "touched",
|
|
1906
|
+
"privacy": "private",
|
|
1949
1907
|
"type": {
|
|
1950
1908
|
"text": "boolean"
|
|
1951
1909
|
},
|
|
1952
|
-
"description": "
|
|
1953
|
-
"fieldName": "noValidate"
|
|
1910
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1954
1911
|
},
|
|
1955
1912
|
{
|
|
1956
|
-
"
|
|
1913
|
+
"kind": "field",
|
|
1914
|
+
"name": "triggerIcon",
|
|
1915
|
+
"privacy": "public",
|
|
1957
1916
|
"type": {
|
|
1958
1917
|
"text": "boolean"
|
|
1959
1918
|
},
|
|
1960
|
-
"description": "
|
|
1961
|
-
"
|
|
1919
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1920
|
+
"attribute": "triggerIcon",
|
|
1921
|
+
"reflects": true
|
|
1962
1922
|
},
|
|
1963
1923
|
{
|
|
1964
|
-
"
|
|
1924
|
+
"kind": "field",
|
|
1925
|
+
"name": "type",
|
|
1926
|
+
"privacy": "public",
|
|
1965
1927
|
"type": {
|
|
1966
|
-
"text": "
|
|
1928
|
+
"text": "string"
|
|
1967
1929
|
},
|
|
1968
|
-
"description": "
|
|
1969
|
-
"
|
|
1930
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1931
|
+
"attribute": "type",
|
|
1932
|
+
"reflects": true
|
|
1970
1933
|
},
|
|
1971
1934
|
{
|
|
1972
|
-
"
|
|
1935
|
+
"kind": "field",
|
|
1936
|
+
"name": "typedValue",
|
|
1937
|
+
"privacy": "public",
|
|
1973
1938
|
"type": {
|
|
1974
1939
|
"text": "string"
|
|
1975
1940
|
},
|
|
1976
|
-
"description": "
|
|
1977
|
-
"
|
|
1941
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1942
|
+
"attribute": "typedValue",
|
|
1943
|
+
"reflects": true
|
|
1978
1944
|
},
|
|
1979
1945
|
{
|
|
1980
|
-
"
|
|
1946
|
+
"kind": "field",
|
|
1947
|
+
"name": "validity",
|
|
1948
|
+
"privacy": "public",
|
|
1981
1949
|
"type": {
|
|
1982
1950
|
"text": "string"
|
|
1983
1951
|
},
|
|
1984
|
-
"description": "
|
|
1985
|
-
"
|
|
1952
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1953
|
+
"attribute": "validity",
|
|
1954
|
+
"reflects": true
|
|
1986
1955
|
},
|
|
1987
1956
|
{
|
|
1988
|
-
"
|
|
1957
|
+
"kind": "field",
|
|
1958
|
+
"name": "value",
|
|
1959
|
+
"privacy": "public",
|
|
1989
1960
|
"type": {
|
|
1990
1961
|
"text": "string"
|
|
1991
1962
|
},
|
|
1992
|
-
"description": "
|
|
1993
|
-
"
|
|
1963
|
+
"description": "Value selected for the dropdown menu.",
|
|
1964
|
+
"attribute": "value"
|
|
1994
1965
|
},
|
|
1995
1966
|
{
|
|
1996
|
-
"
|
|
1967
|
+
"kind": "field",
|
|
1968
|
+
"name": "largeFullscreenHeadline",
|
|
1969
|
+
"privacy": "public",
|
|
1997
1970
|
"type": {
|
|
1998
|
-
"text": "
|
|
1971
|
+
"text": "boolean"
|
|
1999
1972
|
},
|
|
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"
|
|
1973
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1974
|
+
"attribute": "largeFullscreenHeadline",
|
|
1975
|
+
"reflects": true
|
|
2035
1976
|
},
|
|
2036
1977
|
{
|
|
2037
|
-
"
|
|
2038
|
-
"name": "
|
|
1978
|
+
"kind": "field",
|
|
1979
|
+
"name": "fullscreenBreakpoint",
|
|
1980
|
+
"privacy": "public",
|
|
1981
|
+
"type": {
|
|
1982
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1983
|
+
},
|
|
1984
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
1985
|
+
"default": "'sm'",
|
|
1986
|
+
"attribute": "fullscreenBreakpoint",
|
|
1987
|
+
"reflects": true
|
|
2039
1988
|
},
|
|
2040
1989
|
{
|
|
2041
|
-
"
|
|
2042
|
-
"name": "
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
"description": "
|
|
2048
|
-
"name": "default"
|
|
2049
|
-
}
|
|
2050
|
-
],
|
|
2051
|
-
"members": [
|
|
2052
|
-
{
|
|
2053
|
-
"kind": "method",
|
|
2054
|
-
"name": "_initializeDefaults"
|
|
1990
|
+
"kind": "field",
|
|
1991
|
+
"name": "optionActive",
|
|
1992
|
+
"privacy": "private",
|
|
1993
|
+
"type": {
|
|
1994
|
+
"text": "object"
|
|
1995
|
+
},
|
|
1996
|
+
"description": "Specifies the currently active option."
|
|
2055
1997
|
},
|
|
2056
1998
|
{
|
|
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."
|
|
1999
|
+
"kind": "field",
|
|
2000
|
+
"name": "triggerExpandedState",
|
|
2001
|
+
"privacy": "private",
|
|
2002
|
+
"type": {
|
|
2003
|
+
"text": "boolean"
|
|
2004
|
+
},
|
|
2005
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
2072
2006
|
},
|
|
2073
2007
|
{
|
|
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.",
|
|
2008
|
+
"kind": "field",
|
|
2009
|
+
"name": "componentHasFocus",
|
|
2010
|
+
"description": "Returns true if the element has focus.",
|
|
2086
2011
|
"privacy": "private",
|
|
2087
2012
|
"return": {
|
|
2088
2013
|
"type": {
|
|
2089
|
-
"text": "
|
|
2014
|
+
"text": "boolean"
|
|
2090
2015
|
}
|
|
2016
|
+
},
|
|
2017
|
+
"readonly": true,
|
|
2018
|
+
"inheritedFrom": {
|
|
2019
|
+
"name": "AuroElement",
|
|
2020
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2091
2021
|
}
|
|
2092
2022
|
},
|
|
2093
2023
|
{
|
|
2094
2024
|
"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
|
-
}
|
|
2025
|
+
"name": "resetShapeClasses",
|
|
2026
|
+
"inheritedFrom": {
|
|
2027
|
+
"name": "AuroElement",
|
|
2028
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2111
2029
|
}
|
|
2112
2030
|
},
|
|
2113
2031
|
{
|
|
2114
2032
|
"kind": "method",
|
|
2115
|
-
"name": "
|
|
2116
|
-
"
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
"type": {
|
|
2120
|
-
"text": "void"
|
|
2121
|
-
}
|
|
2033
|
+
"name": "resetLayoutClasses",
|
|
2034
|
+
"inheritedFrom": {
|
|
2035
|
+
"name": "AuroElement",
|
|
2036
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2122
2037
|
}
|
|
2123
2038
|
},
|
|
2124
2039
|
{
|
|
2125
2040
|
"kind": "method",
|
|
2126
|
-
"name": "
|
|
2127
|
-
"
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
"type": {
|
|
2131
|
-
"text": "HTMLElement"
|
|
2132
|
-
}
|
|
2041
|
+
"name": "updateComponentArchitecture",
|
|
2042
|
+
"inheritedFrom": {
|
|
2043
|
+
"name": "AuroElement",
|
|
2044
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2133
2045
|
}
|
|
2134
2046
|
},
|
|
2135
2047
|
{
|
|
2136
|
-
"kind": "
|
|
2137
|
-
"name": "
|
|
2138
|
-
"
|
|
2139
|
-
"
|
|
2140
|
-
"
|
|
2141
|
-
|
|
2142
|
-
|
|
2048
|
+
"kind": "field",
|
|
2049
|
+
"name": "shape",
|
|
2050
|
+
"privacy": "public",
|
|
2051
|
+
"type": {
|
|
2052
|
+
"text": "string"
|
|
2053
|
+
},
|
|
2054
|
+
"attribute": "shape",
|
|
2055
|
+
"reflects": true,
|
|
2056
|
+
"inheritedFrom": {
|
|
2057
|
+
"name": "AuroElement",
|
|
2058
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2143
2059
|
}
|
|
2144
2060
|
},
|
|
2145
2061
|
{
|
|
2146
|
-
"kind": "
|
|
2147
|
-
"name": "
|
|
2148
|
-
"
|
|
2149
|
-
"
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2062
|
+
"kind": "field",
|
|
2063
|
+
"name": "size",
|
|
2064
|
+
"privacy": "public",
|
|
2065
|
+
"type": {
|
|
2066
|
+
"text": "string"
|
|
2067
|
+
},
|
|
2068
|
+
"attribute": "size",
|
|
2069
|
+
"reflects": true,
|
|
2070
|
+
"inheritedFrom": {
|
|
2071
|
+
"name": "AuroElement",
|
|
2072
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2154
2073
|
}
|
|
2074
|
+
}
|
|
2075
|
+
],
|
|
2076
|
+
"events": [
|
|
2077
|
+
{
|
|
2078
|
+
"name": "inputValue",
|
|
2079
|
+
"type": {
|
|
2080
|
+
"text": "CustomEvent"
|
|
2081
|
+
},
|
|
2082
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2155
2083
|
},
|
|
2156
2084
|
{
|
|
2157
|
-
"
|
|
2158
|
-
"
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
|
|
2168
|
-
"description": "
|
|
2169
|
-
"privacy": "private",
|
|
2170
|
-
"return": {
|
|
2171
|
-
"type": {
|
|
2172
|
-
"text": "void"
|
|
2173
|
-
}
|
|
2174
|
-
}
|
|
2085
|
+
"name": "input",
|
|
2086
|
+
"type": {
|
|
2087
|
+
"text": "CustomEvent"
|
|
2088
|
+
},
|
|
2089
|
+
"description": "Notifies that the component has a new value set."
|
|
2090
|
+
},
|
|
2091
|
+
{
|
|
2092
|
+
"name": "auroCombobox-valueSet",
|
|
2093
|
+
"type": {
|
|
2094
|
+
"text": "CustomEvent"
|
|
2095
|
+
},
|
|
2096
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
2175
2097
|
},
|
|
2176
2098
|
{
|
|
2177
|
-
"
|
|
2099
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
2100
|
+
"name": "auroFormElement-validated"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"attributes": [
|
|
2104
|
+
{
|
|
2178
2105
|
"name": "appearance",
|
|
2179
|
-
"privacy": "public",
|
|
2180
2106
|
"type": {
|
|
2181
|
-
"text": "
|
|
2107
|
+
"text": "string"
|
|
2182
2108
|
},
|
|
2183
2109
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2184
2110
|
"default": "'default'",
|
|
2185
|
-
"
|
|
2186
|
-
"reflects": true
|
|
2111
|
+
"fieldName": "appearance"
|
|
2187
2112
|
},
|
|
2188
2113
|
{
|
|
2189
|
-
"
|
|
2190
|
-
"
|
|
2191
|
-
|
|
2114
|
+
"name": "autocomplete",
|
|
2115
|
+
"type": {
|
|
2116
|
+
"text": "string"
|
|
2117
|
+
},
|
|
2118
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2119
|
+
"fieldName": "autocomplete"
|
|
2120
|
+
},
|
|
2121
|
+
{
|
|
2122
|
+
"name": "autoPlacement",
|
|
2192
2123
|
"type": {
|
|
2193
2124
|
"text": "boolean"
|
|
2194
2125
|
},
|
|
2195
|
-
"description": "If
|
|
2196
|
-
"
|
|
2197
|
-
|
|
2126
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
2127
|
+
"fieldName": "autoPlacement"
|
|
2128
|
+
},
|
|
2129
|
+
{
|
|
2130
|
+
"name": "availableOptions",
|
|
2131
|
+
"type": {
|
|
2132
|
+
"text": "array"
|
|
2133
|
+
},
|
|
2134
|
+
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
2135
|
+
"fieldName": "availableOptions"
|
|
2136
|
+
},
|
|
2137
|
+
{
|
|
2138
|
+
"name": "behavior",
|
|
2139
|
+
"type": {
|
|
2140
|
+
"text": "'filter' | 'suggestion'"
|
|
2141
|
+
},
|
|
2142
|
+
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
2143
|
+
"default": "'suggestion'",
|
|
2144
|
+
"fieldName": "behavior"
|
|
2145
|
+
},
|
|
2146
|
+
{
|
|
2147
|
+
"name": "checkmark",
|
|
2148
|
+
"type": {
|
|
2149
|
+
"text": "boolean"
|
|
2150
|
+
},
|
|
2151
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
2152
|
+
"fieldName": "checkmark"
|
|
2198
2153
|
},
|
|
2199
2154
|
{
|
|
2200
|
-
"kind": "field",
|
|
2201
2155
|
"name": "disabled",
|
|
2202
|
-
"privacy": "public",
|
|
2203
2156
|
"type": {
|
|
2204
2157
|
"text": "boolean"
|
|
2205
2158
|
},
|
|
2206
|
-
"description": "If set
|
|
2207
|
-
"
|
|
2208
|
-
"reflects": true
|
|
2159
|
+
"description": "If set, disables the combobox.",
|
|
2160
|
+
"fieldName": "disabled"
|
|
2209
2161
|
},
|
|
2210
2162
|
{
|
|
2211
|
-
"
|
|
2212
|
-
"name": "error",
|
|
2213
|
-
"privacy": "public",
|
|
2163
|
+
"name": "dvInputOnly",
|
|
2214
2164
|
"type": {
|
|
2215
2165
|
"text": "boolean"
|
|
2216
2166
|
},
|
|
2217
|
-
"description": "If
|
|
2218
|
-
"
|
|
2219
|
-
"reflects": true
|
|
2167
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2168
|
+
"fieldName": "dvInputOnly"
|
|
2220
2169
|
},
|
|
2221
2170
|
{
|
|
2222
|
-
"
|
|
2223
|
-
"name": "id",
|
|
2224
|
-
"privacy": "public",
|
|
2171
|
+
"name": "error",
|
|
2225
2172
|
"type": {
|
|
2226
2173
|
"text": "string"
|
|
2227
2174
|
},
|
|
2228
|
-
"description": "
|
|
2229
|
-
"
|
|
2230
|
-
"reflects": true
|
|
2175
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
2176
|
+
"fieldName": "error"
|
|
2231
2177
|
},
|
|
2232
2178
|
{
|
|
2233
|
-
"
|
|
2234
|
-
"name": "inputId",
|
|
2235
|
-
"privacy": "private",
|
|
2179
|
+
"name": "format",
|
|
2236
2180
|
"type": {
|
|
2237
2181
|
"text": "string"
|
|
2238
2182
|
},
|
|
2239
|
-
"description": "
|
|
2183
|
+
"description": "Specifies the input mask format.",
|
|
2184
|
+
"fieldName": "format"
|
|
2240
2185
|
},
|
|
2241
2186
|
{
|
|
2242
|
-
"
|
|
2243
|
-
"name": "name",
|
|
2244
|
-
"privacy": "public",
|
|
2187
|
+
"name": "inputmode",
|
|
2245
2188
|
"type": {
|
|
2246
2189
|
"text": "string"
|
|
2247
2190
|
},
|
|
2248
|
-
"description": "
|
|
2249
|
-
"
|
|
2191
|
+
"description": "Exposes inputmode attribute for input.",
|
|
2192
|
+
"fieldName": "inputmode"
|
|
2250
2193
|
},
|
|
2251
2194
|
{
|
|
2252
|
-
"
|
|
2253
|
-
"
|
|
2254
|
-
|
|
2195
|
+
"name": "layout",
|
|
2196
|
+
"type": {
|
|
2197
|
+
"text": "string"
|
|
2198
|
+
},
|
|
2199
|
+
"description": "Sets the layout of the combobox.",
|
|
2200
|
+
"default": "'classic'",
|
|
2201
|
+
"fieldName": "layout",
|
|
2202
|
+
"inheritedFrom": {
|
|
2203
|
+
"name": "AuroElement",
|
|
2204
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
{
|
|
2208
|
+
"name": "matchWidth",
|
|
2255
2209
|
"type": {
|
|
2256
2210
|
"text": "boolean"
|
|
2257
2211
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2260
|
-
"reflects": true
|
|
2212
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2213
|
+
"fieldName": "matchWidth"
|
|
2261
2214
|
},
|
|
2262
2215
|
{
|
|
2263
|
-
"
|
|
2264
|
-
"name": "touched",
|
|
2265
|
-
"privacy": "private",
|
|
2216
|
+
"name": "noFilter",
|
|
2266
2217
|
"type": {
|
|
2267
2218
|
"text": "boolean"
|
|
2268
2219
|
},
|
|
2269
|
-
"description": "
|
|
2220
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2221
|
+
"fieldName": "noFilter"
|
|
2270
2222
|
},
|
|
2271
2223
|
{
|
|
2272
|
-
"
|
|
2273
|
-
"name": "value",
|
|
2274
|
-
"privacy": "public",
|
|
2224
|
+
"name": "noFlip",
|
|
2275
2225
|
"type": {
|
|
2276
|
-
"text": "
|
|
2226
|
+
"text": "boolean"
|
|
2277
2227
|
},
|
|
2278
|
-
"description": "
|
|
2279
|
-
"
|
|
2228
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
2229
|
+
"fieldName": "noFlip"
|
|
2280
2230
|
},
|
|
2281
2231
|
{
|
|
2282
|
-
"
|
|
2283
|
-
"name": "tabIndex",
|
|
2284
|
-
"privacy": "private",
|
|
2232
|
+
"name": "shift",
|
|
2285
2233
|
"type": {
|
|
2286
|
-
"text": "
|
|
2234
|
+
"text": "boolean"
|
|
2287
2235
|
},
|
|
2288
|
-
"description": "
|
|
2289
|
-
"
|
|
2290
|
-
"reflects": true
|
|
2236
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
2237
|
+
"fieldName": "shift"
|
|
2291
2238
|
},
|
|
2292
2239
|
{
|
|
2293
|
-
"
|
|
2294
|
-
"name": "ariaChecked",
|
|
2295
|
-
"privacy": "private",
|
|
2240
|
+
"name": "noValidate",
|
|
2296
2241
|
"type": {
|
|
2297
|
-
"text": "
|
|
2242
|
+
"text": "boolean"
|
|
2298
2243
|
},
|
|
2299
|
-
"description": "
|
|
2300
|
-
"
|
|
2301
|
-
"reflects": true
|
|
2244
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2245
|
+
"fieldName": "noValidate"
|
|
2302
2246
|
},
|
|
2303
2247
|
{
|
|
2304
|
-
"
|
|
2305
|
-
"name": "ariaDisabled",
|
|
2306
|
-
"privacy": "private",
|
|
2248
|
+
"name": "offset",
|
|
2307
2249
|
"type": {
|
|
2308
|
-
"text": "
|
|
2250
|
+
"text": "number"
|
|
2309
2251
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"
|
|
2252
|
+
"description": "Gap between the trigger element and bib.",
|
|
2253
|
+
"default": "0",
|
|
2254
|
+
"fieldName": "offset"
|
|
2313
2255
|
},
|
|
2314
2256
|
{
|
|
2315
|
-
"
|
|
2316
|
-
"name": "role",
|
|
2317
|
-
"privacy": "private",
|
|
2257
|
+
"name": "onDark",
|
|
2318
2258
|
"type": {
|
|
2319
|
-
"text": "
|
|
2259
|
+
"text": "boolean"
|
|
2320
2260
|
},
|
|
2321
|
-
"description": "
|
|
2322
|
-
"
|
|
2323
|
-
|
|
2324
|
-
}
|
|
2325
|
-
],
|
|
2326
|
-
"events": [
|
|
2261
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2262
|
+
"fieldName": "onDark"
|
|
2263
|
+
},
|
|
2327
2264
|
{
|
|
2328
|
-
"name": "
|
|
2265
|
+
"name": "optionSelected",
|
|
2329
2266
|
"type": {
|
|
2330
|
-
"text": "
|
|
2331
|
-
}
|
|
2267
|
+
"text": "HTMLElement"
|
|
2268
|
+
},
|
|
2269
|
+
"description": "Specifies the current selected option.",
|
|
2270
|
+
"fieldName": "optionSelected"
|
|
2332
2271
|
},
|
|
2333
2272
|
{
|
|
2334
|
-
"name": "
|
|
2273
|
+
"name": "persistInput",
|
|
2335
2274
|
"type": {
|
|
2336
|
-
"text": "
|
|
2337
|
-
}
|
|
2275
|
+
"text": "boolean"
|
|
2276
|
+
},
|
|
2277
|
+
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
2278
|
+
"fieldName": "persistInput"
|
|
2338
2279
|
},
|
|
2339
2280
|
{
|
|
2340
|
-
"name": "
|
|
2281
|
+
"name": "placement",
|
|
2341
2282
|
"type": {
|
|
2342
|
-
"text": "
|
|
2343
|
-
}
|
|
2283
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
2284
|
+
},
|
|
2285
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
2286
|
+
"default": "'bottom-start'",
|
|
2287
|
+
"fieldName": "placement"
|
|
2344
2288
|
},
|
|
2345
2289
|
{
|
|
2346
|
-
"
|
|
2347
|
-
"
|
|
2290
|
+
"name": "placeholder",
|
|
2291
|
+
"type": {
|
|
2292
|
+
"text": "string"
|
|
2293
|
+
},
|
|
2294
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2295
|
+
"fieldName": "placeholder"
|
|
2348
2296
|
},
|
|
2349
2297
|
{
|
|
2350
|
-
"
|
|
2351
|
-
"
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2298
|
+
"name": "required",
|
|
2299
|
+
"type": {
|
|
2300
|
+
"text": "boolean"
|
|
2301
|
+
},
|
|
2302
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2303
|
+
"fieldName": "required"
|
|
2304
|
+
},
|
|
2355
2305
|
{
|
|
2356
|
-
"name": "
|
|
2306
|
+
"name": "setCustomValidity",
|
|
2357
2307
|
"type": {
|
|
2358
|
-
"text": "
|
|
2308
|
+
"text": "string"
|
|
2359
2309
|
},
|
|
2360
|
-
"description": "
|
|
2361
|
-
"
|
|
2362
|
-
"fieldName": "appearance"
|
|
2310
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2311
|
+
"fieldName": "setCustomValidity"
|
|
2363
2312
|
},
|
|
2364
2313
|
{
|
|
2365
|
-
"name": "
|
|
2314
|
+
"name": "setCustomValidityCustomError",
|
|
2366
2315
|
"type": {
|
|
2367
|
-
"text": "
|
|
2316
|
+
"text": "string"
|
|
2368
2317
|
},
|
|
2369
|
-
"description": "
|
|
2370
|
-
"fieldName": "
|
|
2318
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2319
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2371
2320
|
},
|
|
2372
2321
|
{
|
|
2373
|
-
"name": "
|
|
2322
|
+
"name": "setCustomValidityValueMissing",
|
|
2374
2323
|
"type": {
|
|
2375
|
-
"text": "
|
|
2324
|
+
"text": "string"
|
|
2325
|
+
},
|
|
2326
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2327
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2328
|
+
},
|
|
2329
|
+
{
|
|
2330
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
2331
|
+
"type": {
|
|
2332
|
+
"text": "string"
|
|
2376
2333
|
},
|
|
2377
|
-
"description": "
|
|
2378
|
-
"fieldName": "
|
|
2334
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
2335
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
2379
2336
|
},
|
|
2380
2337
|
{
|
|
2381
|
-
"name": "
|
|
2338
|
+
"name": "triggerIcon",
|
|
2382
2339
|
"type": {
|
|
2383
2340
|
"text": "boolean"
|
|
2384
2341
|
},
|
|
2385
|
-
"description": "If set
|
|
2386
|
-
"fieldName": "
|
|
2342
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
2343
|
+
"fieldName": "triggerIcon"
|
|
2387
2344
|
},
|
|
2388
2345
|
{
|
|
2389
|
-
"name": "
|
|
2346
|
+
"name": "type",
|
|
2390
2347
|
"type": {
|
|
2391
2348
|
"text": "string"
|
|
2392
2349
|
},
|
|
2393
|
-
"description": "
|
|
2394
|
-
"fieldName": "
|
|
2350
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
2351
|
+
"fieldName": "type"
|
|
2395
2352
|
},
|
|
2396
2353
|
{
|
|
2397
|
-
"name": "
|
|
2354
|
+
"name": "typedValue",
|
|
2398
2355
|
"type": {
|
|
2399
2356
|
"text": "string"
|
|
2400
2357
|
},
|
|
2401
|
-
"description": "
|
|
2402
|
-
"fieldName": "
|
|
2358
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
2359
|
+
"fieldName": "typedValue"
|
|
2403
2360
|
},
|
|
2404
2361
|
{
|
|
2405
|
-
"name": "
|
|
2362
|
+
"name": "validity",
|
|
2406
2363
|
"type": {
|
|
2407
|
-
"text": "
|
|
2364
|
+
"text": "string"
|
|
2408
2365
|
},
|
|
2409
|
-
"description": "
|
|
2410
|
-
"fieldName": "
|
|
2366
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2367
|
+
"fieldName": "validity"
|
|
2411
2368
|
},
|
|
2412
2369
|
{
|
|
2413
2370
|
"name": "value",
|
|
2414
2371
|
"type": {
|
|
2415
2372
|
"text": "string"
|
|
2416
2373
|
},
|
|
2417
|
-
"description": "
|
|
2374
|
+
"description": "Value selected for the dropdown menu.",
|
|
2418
2375
|
"fieldName": "value"
|
|
2419
2376
|
},
|
|
2420
2377
|
{
|
|
2421
|
-
"name": "
|
|
2378
|
+
"name": "largeFullscreenHeadline",
|
|
2422
2379
|
"type": {
|
|
2423
|
-
"text": "
|
|
2380
|
+
"text": "boolean"
|
|
2424
2381
|
},
|
|
2425
|
-
"description": "
|
|
2426
|
-
"fieldName": "
|
|
2382
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2383
|
+
"fieldName": "largeFullscreenHeadline"
|
|
2427
2384
|
},
|
|
2428
2385
|
{
|
|
2429
|
-
"name": "
|
|
2386
|
+
"name": "fullscreenBreakpoint",
|
|
2430
2387
|
"type": {
|
|
2431
|
-
"text": "
|
|
2388
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
2432
2389
|
},
|
|
2433
|
-
"description": "
|
|
2434
|
-
"
|
|
2390
|
+
"description": "Defines the screen size breakpointat which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.\n\nWhen expanded, the dropdown will automatically display in fullscreen mode\nif the screen size is equal to or smaller than the selected breakpoint.",
|
|
2391
|
+
"default": "'sm'",
|
|
2392
|
+
"fieldName": "fullscreenBreakpoint"
|
|
2435
2393
|
},
|
|
2436
2394
|
{
|
|
2437
|
-
"name": "
|
|
2395
|
+
"name": "shape",
|
|
2438
2396
|
"type": {
|
|
2439
2397
|
"text": "string"
|
|
2440
2398
|
},
|
|
2441
|
-
"
|
|
2442
|
-
"
|
|
2399
|
+
"fieldName": "shape",
|
|
2400
|
+
"inheritedFrom": {
|
|
2401
|
+
"name": "AuroElement",
|
|
2402
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2403
|
+
}
|
|
2443
2404
|
},
|
|
2444
2405
|
{
|
|
2445
|
-
"name": "
|
|
2406
|
+
"name": "size",
|
|
2446
2407
|
"type": {
|
|
2447
2408
|
"text": "string"
|
|
2448
2409
|
},
|
|
2449
|
-
"
|
|
2450
|
-
"
|
|
2410
|
+
"fieldName": "size",
|
|
2411
|
+
"inheritedFrom": {
|
|
2412
|
+
"name": "AuroElement",
|
|
2413
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2414
|
+
}
|
|
2415
|
+
},
|
|
2416
|
+
{
|
|
2417
|
+
"name": "ondark",
|
|
2418
|
+
"type": {
|
|
2419
|
+
"text": "boolean"
|
|
2420
|
+
},
|
|
2421
|
+
"fieldName": "onDark",
|
|
2422
|
+
"inheritedFrom": {
|
|
2423
|
+
"name": "AuroElement",
|
|
2424
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
2425
|
+
}
|
|
2451
2426
|
}
|
|
2452
2427
|
],
|
|
2453
2428
|
"superclass": {
|
|
2454
|
-
"name": "
|
|
2455
|
-
"
|
|
2429
|
+
"name": "AuroElement",
|
|
2430
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
2456
2431
|
},
|
|
2457
|
-
"tagName": "auro-
|
|
2432
|
+
"tagName": "auro-combobox",
|
|
2458
2433
|
"customElement": true
|
|
2459
2434
|
}
|
|
2460
2435
|
],
|
|
2461
2436
|
"exports": [
|
|
2462
2437
|
{
|
|
2463
2438
|
"kind": "js",
|
|
2464
|
-
"name": "
|
|
2439
|
+
"name": "AuroCombobox",
|
|
2465
2440
|
"declaration": {
|
|
2466
|
-
"name": "
|
|
2467
|
-
"module": "components/
|
|
2441
|
+
"name": "AuroCombobox",
|
|
2442
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
2468
2443
|
}
|
|
2469
2444
|
}
|
|
2470
2445
|
]
|
|
2471
2446
|
},
|
|
2472
2447
|
{
|
|
2473
2448
|
"kind": "javascript-module",
|
|
2474
|
-
"path": "components/
|
|
2475
|
-
"declarations": [
|
|
2449
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
2450
|
+
"declarations": [
|
|
2451
|
+
{
|
|
2452
|
+
"kind": "variable",
|
|
2453
|
+
"name": "comboboxKeyboardStrategy",
|
|
2454
|
+
"type": {
|
|
2455
|
+
"text": "object"
|
|
2456
|
+
},
|
|
2457
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { 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. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
|
|
2458
|
+
}
|
|
2459
|
+
],
|
|
2476
2460
|
"exports": [
|
|
2477
2461
|
{
|
|
2478
2462
|
"kind": "js",
|
|
2479
|
-
"name": "
|
|
2463
|
+
"name": "comboboxKeyboardStrategy",
|
|
2480
2464
|
"declaration": {
|
|
2481
|
-
"name": "
|
|
2482
|
-
"module": "components/
|
|
2465
|
+
"name": "comboboxKeyboardStrategy",
|
|
2466
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
2483
2467
|
}
|
|
2484
|
-
}
|
|
2468
|
+
}
|
|
2469
|
+
]
|
|
2470
|
+
},
|
|
2471
|
+
{
|
|
2472
|
+
"kind": "javascript-module",
|
|
2473
|
+
"path": "components/combobox/src/index.js",
|
|
2474
|
+
"declarations": [],
|
|
2475
|
+
"exports": [
|
|
2485
2476
|
{
|
|
2486
2477
|
"kind": "js",
|
|
2487
|
-
"name": "
|
|
2478
|
+
"name": "AuroCombobox",
|
|
2488
2479
|
"declaration": {
|
|
2489
|
-
"name": "
|
|
2490
|
-
"module": "components/
|
|
2480
|
+
"name": "AuroCombobox",
|
|
2481
|
+
"module": "components/combobox/src/index.js"
|
|
2491
2482
|
}
|
|
2492
2483
|
}
|
|
2493
2484
|
]
|
|
2494
2485
|
},
|
|
2495
2486
|
{
|
|
2496
2487
|
"kind": "javascript-module",
|
|
2497
|
-
"path": "components/
|
|
2488
|
+
"path": "components/combobox/src/registered.js",
|
|
2498
2489
|
"declarations": [],
|
|
2499
|
-
"exports": [
|
|
2490
|
+
"exports": [
|
|
2491
|
+
{
|
|
2492
|
+
"kind": "js",
|
|
2493
|
+
"name": "AuroCombobox",
|
|
2494
|
+
"declaration": {
|
|
2495
|
+
"name": "AuroCombobox",
|
|
2496
|
+
"module": "components/combobox/src/registered.js"
|
|
2497
|
+
}
|
|
2498
|
+
}
|
|
2499
|
+
]
|
|
2500
2500
|
},
|
|
2501
2501
|
{
|
|
2502
2502
|
"kind": "javascript-module",
|
|
@@ -4198,13 +4198,6 @@
|
|
|
4198
4198
|
"text": "Number"
|
|
4199
4199
|
}
|
|
4200
4200
|
},
|
|
4201
|
-
{
|
|
4202
|
-
"name": "hoveredDate",
|
|
4203
|
-
"description": "Hovered date.",
|
|
4204
|
-
"type": {
|
|
4205
|
-
"text": "Number"
|
|
4206
|
-
}
|
|
4207
|
-
},
|
|
4208
4201
|
{
|
|
4209
4202
|
"name": "day",
|
|
4210
4203
|
"description": "An object containing the dateFrom and day of month values.",
|
|
@@ -4213,7 +4206,7 @@
|
|
|
4213
4206
|
}
|
|
4214
4207
|
}
|
|
4215
4208
|
],
|
|
4216
|
-
"description": "Handles selected
|
|
4209
|
+
"description": "Handles selected state of the calendar cell when the selection changes.\nAlso clears any imperative range preview classes so classMap is the\nsole source of truth after a selection update.",
|
|
4217
4210
|
"privacy": "private",
|
|
4218
4211
|
"return": {
|
|
4219
4212
|
"type": {
|
|
@@ -4235,7 +4228,18 @@
|
|
|
4235
4228
|
{
|
|
4236
4229
|
"kind": "method",
|
|
4237
4230
|
"name": "handleHover",
|
|
4238
|
-
"description": "Handles user hover events and dispatches a custom event.\
|
|
4231
|
+
"description": "Handles user hover events and dispatches a custom event.\nDoes NOT set any reactive properties — the range preview is handled\nimperatively by the calendar component to avoid O(N) re-renders.",
|
|
4232
|
+
"privacy": "private",
|
|
4233
|
+
"return": {
|
|
4234
|
+
"type": {
|
|
4235
|
+
"text": "void"
|
|
4236
|
+
}
|
|
4237
|
+
}
|
|
4238
|
+
},
|
|
4239
|
+
{
|
|
4240
|
+
"kind": "method",
|
|
4241
|
+
"name": "handleFocus",
|
|
4242
|
+
"description": "Handles focus events on the cell button.\nDispatches a lightweight event for the calendar to handle SR\nannouncements and range preview updates without triggering\nany Lit lifecycle updates.",
|
|
4239
4243
|
"privacy": "private",
|
|
4240
4244
|
"return": {
|
|
4241
4245
|
"type": {
|
|
@@ -4570,10 +4574,77 @@
|
|
|
4570
4574
|
}
|
|
4571
4575
|
}
|
|
4572
4576
|
},
|
|
4577
|
+
{
|
|
4578
|
+
"kind": "method",
|
|
4579
|
+
"name": "updateHostAria",
|
|
4580
|
+
"description": "Updates ARIA attributes on the host element so that\nariaActiveDescendantElement can expose cell info to the SR.",
|
|
4581
|
+
"privacy": "private",
|
|
4582
|
+
"return": {
|
|
4583
|
+
"type": {
|
|
4584
|
+
"text": "void"
|
|
4585
|
+
}
|
|
4586
|
+
}
|
|
4587
|
+
},
|
|
4573
4588
|
{
|
|
4574
4589
|
"kind": "method",
|
|
4575
4590
|
"name": "focusButton",
|
|
4576
|
-
"description": "Programmatically focuses the cell's interactive button element.",
|
|
4591
|
+
"description": "Programmatically focuses the cell's interactive button element.\nUses focusVisible: true so the :focus-visible ring appears even when\nthe bib was opened via mouse click (which sets mouse input modality).",
|
|
4592
|
+
"return": {
|
|
4593
|
+
"type": {
|
|
4594
|
+
"text": "void"
|
|
4595
|
+
}
|
|
4596
|
+
}
|
|
4597
|
+
},
|
|
4598
|
+
{
|
|
4599
|
+
"kind": "method",
|
|
4600
|
+
"name": "setActive",
|
|
4601
|
+
"description": "Imperatively marks this cell as active without triggering a Lit re-render.\nNote: buttons stay tabindex=\"-1\" because the grid uses aria-activedescendant.",
|
|
4602
|
+
"return": {
|
|
4603
|
+
"type": {
|
|
4604
|
+
"text": "void"
|
|
4605
|
+
}
|
|
4606
|
+
}
|
|
4607
|
+
},
|
|
4608
|
+
{
|
|
4609
|
+
"kind": "method",
|
|
4610
|
+
"name": "clearActive",
|
|
4611
|
+
"description": "Imperatively marks this cell as inactive without triggering a Lit re-render.",
|
|
4612
|
+
"return": {
|
|
4613
|
+
"type": {
|
|
4614
|
+
"text": "void"
|
|
4615
|
+
}
|
|
4616
|
+
}
|
|
4617
|
+
},
|
|
4618
|
+
{
|
|
4619
|
+
"kind": "method",
|
|
4620
|
+
"name": "updateRangePreviewClasses",
|
|
4621
|
+
"parameters": [
|
|
4622
|
+
{
|
|
4623
|
+
"name": "hoveredDate",
|
|
4624
|
+
"description": "Unix timestamp of the currently hovered/focused date.",
|
|
4625
|
+
"type": {
|
|
4626
|
+
"text": "Number"
|
|
4627
|
+
}
|
|
4628
|
+
},
|
|
4629
|
+
{
|
|
4630
|
+
"name": "dateFrom",
|
|
4631
|
+
"description": "Unix timestamp of the selected departure date.",
|
|
4632
|
+
"type": {
|
|
4633
|
+
"text": "Number"
|
|
4634
|
+
}
|
|
4635
|
+
}
|
|
4636
|
+
],
|
|
4637
|
+
"description": "Updates range preview classes imperatively (no Lit re-render).\nCalled by the calendar component when the hovered date changes\nduring range selection (dateFrom set, dateTo not yet set).",
|
|
4638
|
+
"return": {
|
|
4639
|
+
"type": {
|
|
4640
|
+
"text": "void"
|
|
4641
|
+
}
|
|
4642
|
+
}
|
|
4643
|
+
},
|
|
4644
|
+
{
|
|
4645
|
+
"kind": "method",
|
|
4646
|
+
"name": "clearRangePreviewClasses",
|
|
4647
|
+
"description": "Clears all imperative range preview classes from the cell button.\nCalled when a selection occurs so classMap becomes the sole source of truth.",
|
|
4577
4648
|
"return": {
|
|
4578
4649
|
"type": {
|
|
4579
4650
|
"text": "void"
|
|
@@ -4604,16 +4675,6 @@
|
|
|
4604
4675
|
"default": "false",
|
|
4605
4676
|
"attribute": "selected"
|
|
4606
4677
|
},
|
|
4607
|
-
{
|
|
4608
|
-
"kind": "field",
|
|
4609
|
-
"name": "hovered",
|
|
4610
|
-
"privacy": "public",
|
|
4611
|
-
"type": {
|
|
4612
|
-
"text": "boolean"
|
|
4613
|
-
},
|
|
4614
|
-
"default": "false",
|
|
4615
|
-
"attribute": "hovered"
|
|
4616
|
-
},
|
|
4617
4678
|
{
|
|
4618
4679
|
"kind": "field",
|
|
4619
4680
|
"name": "dateTo",
|
|
@@ -4685,16 +4746,6 @@
|
|
|
4685
4746
|
"default": "[]",
|
|
4686
4747
|
"attribute": "disabledDays"
|
|
4687
4748
|
},
|
|
4688
|
-
{
|
|
4689
|
-
"kind": "field",
|
|
4690
|
-
"name": "hoveredDate",
|
|
4691
|
-
"privacy": "public",
|
|
4692
|
-
"type": {
|
|
4693
|
-
"text": "null"
|
|
4694
|
-
},
|
|
4695
|
-
"default": "null",
|
|
4696
|
-
"attribute": "hoveredDate"
|
|
4697
|
-
},
|
|
4698
4749
|
{
|
|
4699
4750
|
"kind": "field",
|
|
4700
4751
|
"name": "isCurrentDate",
|
|
@@ -4736,13 +4787,10 @@
|
|
|
4736
4787
|
{
|
|
4737
4788
|
"kind": "field",
|
|
4738
4789
|
"name": "active",
|
|
4739
|
-
"privacy": "public",
|
|
4740
4790
|
"type": {
|
|
4741
4791
|
"text": "boolean"
|
|
4742
4792
|
},
|
|
4743
|
-
"default": "false"
|
|
4744
|
-
"attribute": "active",
|
|
4745
|
-
"reflects": true
|
|
4793
|
+
"default": "false"
|
|
4746
4794
|
},
|
|
4747
4795
|
{
|
|
4748
4796
|
"kind": "field",
|
|
@@ -4776,6 +4824,12 @@
|
|
|
4776
4824
|
"type": {
|
|
4777
4825
|
"text": "CustomEvent"
|
|
4778
4826
|
}
|
|
4827
|
+
},
|
|
4828
|
+
{
|
|
4829
|
+
"name": "calendar-cell-focused",
|
|
4830
|
+
"type": {
|
|
4831
|
+
"text": "CustomEvent"
|
|
4832
|
+
}
|
|
4779
4833
|
}
|
|
4780
4834
|
],
|
|
4781
4835
|
"attributes": [
|
|
@@ -4795,14 +4849,6 @@
|
|
|
4795
4849
|
"default": "false",
|
|
4796
4850
|
"fieldName": "selected"
|
|
4797
4851
|
},
|
|
4798
|
-
{
|
|
4799
|
-
"name": "hovered",
|
|
4800
|
-
"type": {
|
|
4801
|
-
"text": "boolean"
|
|
4802
|
-
},
|
|
4803
|
-
"default": "false",
|
|
4804
|
-
"fieldName": "hovered"
|
|
4805
|
-
},
|
|
4806
4852
|
{
|
|
4807
4853
|
"name": "dateTo",
|
|
4808
4854
|
"type": {
|
|
@@ -4859,14 +4905,6 @@
|
|
|
4859
4905
|
"default": "[]",
|
|
4860
4906
|
"fieldName": "disabledDays"
|
|
4861
4907
|
},
|
|
4862
|
-
{
|
|
4863
|
-
"name": "hoveredDate",
|
|
4864
|
-
"type": {
|
|
4865
|
-
"text": "null"
|
|
4866
|
-
},
|
|
4867
|
-
"default": "null",
|
|
4868
|
-
"fieldName": "hoveredDate"
|
|
4869
|
-
},
|
|
4870
4908
|
{
|
|
4871
4909
|
"name": "isCurrentDate",
|
|
4872
4910
|
"type": {
|
|
@@ -4888,23 +4926,15 @@
|
|
|
4888
4926
|
"text": "null"
|
|
4889
4927
|
},
|
|
4890
4928
|
"default": "null",
|
|
4891
|
-
"fieldName": "dateStr"
|
|
4892
|
-
},
|
|
4893
|
-
{
|
|
4894
|
-
"name": "renderForDateSlot",
|
|
4895
|
-
"type": {
|
|
4896
|
-
"text": "boolean"
|
|
4897
|
-
},
|
|
4898
|
-
"default": "false",
|
|
4899
|
-
"fieldName": "renderForDateSlot"
|
|
4929
|
+
"fieldName": "dateStr"
|
|
4900
4930
|
},
|
|
4901
4931
|
{
|
|
4902
|
-
"name": "
|
|
4932
|
+
"name": "renderForDateSlot",
|
|
4903
4933
|
"type": {
|
|
4904
4934
|
"text": "boolean"
|
|
4905
4935
|
},
|
|
4906
4936
|
"default": "false",
|
|
4907
|
-
"fieldName": "
|
|
4937
|
+
"fieldName": "renderForDateSlot"
|
|
4908
4938
|
},
|
|
4909
4939
|
{
|
|
4910
4940
|
"name": "hasPopoverContent",
|
|
@@ -4921,6 +4951,10 @@
|
|
|
4921
4951
|
},
|
|
4922
4952
|
"tagName": "auro-formkit-calendar-cell",
|
|
4923
4953
|
"customElement": true
|
|
4954
|
+
},
|
|
4955
|
+
{
|
|
4956
|
+
"kind": "variable",
|
|
4957
|
+
"name": "blackout"
|
|
4924
4958
|
}
|
|
4925
4959
|
],
|
|
4926
4960
|
"exports": [
|
|
@@ -5030,6 +5064,26 @@
|
|
|
5030
5064
|
}
|
|
5031
5065
|
}
|
|
5032
5066
|
},
|
|
5067
|
+
{
|
|
5068
|
+
"kind": "method",
|
|
5069
|
+
"name": "handleDateHovered",
|
|
5070
|
+
"parameters": [
|
|
5071
|
+
{
|
|
5072
|
+
"name": "event",
|
|
5073
|
+
"description": "The date-is-hovered event from a cell.",
|
|
5074
|
+
"type": {
|
|
5075
|
+
"text": "CustomEvent"
|
|
5076
|
+
}
|
|
5077
|
+
}
|
|
5078
|
+
],
|
|
5079
|
+
"description": "Overrides the base class handler to prevent setting `this.hoveredDate`\nas a reactive property. Instead, just dispatches the event upward so\nthe calendar can handle range preview imperatively.",
|
|
5080
|
+
"privacy": "private",
|
|
5081
|
+
"return": {
|
|
5082
|
+
"type": {
|
|
5083
|
+
"text": "void"
|
|
5084
|
+
}
|
|
5085
|
+
}
|
|
5086
|
+
},
|
|
5033
5087
|
{
|
|
5034
5088
|
"kind": "method",
|
|
5035
5089
|
"name": "handleGridKeyDown",
|
|
@@ -5080,6 +5134,12 @@
|
|
|
5080
5134
|
}
|
|
5081
5135
|
],
|
|
5082
5136
|
"events": [
|
|
5137
|
+
{
|
|
5138
|
+
"name": "hovered-date-changed",
|
|
5139
|
+
"type": {
|
|
5140
|
+
"text": "CustomEvent"
|
|
5141
|
+
}
|
|
5142
|
+
},
|
|
5083
5143
|
{
|
|
5084
5144
|
"name": "calendar-month-boundary",
|
|
5085
5145
|
"type": {
|
|
@@ -5141,6 +5201,16 @@
|
|
|
5141
5201
|
{
|
|
5142
5202
|
"kind": "method",
|
|
5143
5203
|
"name": "handlePrevMonth",
|
|
5204
|
+
"parameters": [
|
|
5205
|
+
{
|
|
5206
|
+
"name": "options",
|
|
5207
|
+
"description": "Optional settings.",
|
|
5208
|
+
"optional": true,
|
|
5209
|
+
"type": {
|
|
5210
|
+
"text": "@param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell\n * recomputation. Used by arrow key handlers that manage the active cell themselves.\n * "
|
|
5211
|
+
}
|
|
5212
|
+
}
|
|
5213
|
+
],
|
|
5144
5214
|
"description": "Updates the month and year when the user navigates to the previous calendar month.",
|
|
5145
5215
|
"privacy": "private",
|
|
5146
5216
|
"return": {
|
|
@@ -5152,6 +5222,16 @@
|
|
|
5152
5222
|
{
|
|
5153
5223
|
"kind": "method",
|
|
5154
5224
|
"name": "handleNextMonth",
|
|
5225
|
+
"parameters": [
|
|
5226
|
+
{
|
|
5227
|
+
"name": "options",
|
|
5228
|
+
"description": "Optional settings.",
|
|
5229
|
+
"optional": true,
|
|
5230
|
+
"type": {
|
|
5231
|
+
"text": "@param {boolean} [options.skipActiveUpdate=false] - When true, skip the active cell\n * recomputation. Used by arrow key handlers that manage the active cell themselves.\n * "
|
|
5232
|
+
}
|
|
5233
|
+
}
|
|
5234
|
+
],
|
|
5155
5235
|
"description": "Updates the month and year when the user navigates to the next calendar month.",
|
|
5156
5236
|
"privacy": "private",
|
|
5157
5237
|
"return": {
|
|
@@ -5174,7 +5254,7 @@
|
|
|
5174
5254
|
{
|
|
5175
5255
|
"kind": "method",
|
|
5176
5256
|
"name": "updateActiveCellForVisibleMonth",
|
|
5177
|
-
"description": "
|
|
5257
|
+
"description": "Updates the active cell after month navigation (prev/next buttons).\nAlways moves the active cell to the first enabled date in the newly\nvisible months so that tabbing back to the grid lands on an enabled cell.",
|
|
5178
5258
|
"privacy": "private",
|
|
5179
5259
|
"return": {
|
|
5180
5260
|
"type": {
|
|
@@ -5256,7 +5336,7 @@
|
|
|
5256
5336
|
}
|
|
5257
5337
|
}
|
|
5258
5338
|
],
|
|
5259
|
-
"description": "Sets the active cell across all months. Only one cell has tabindex=\"0\" at a time.",
|
|
5339
|
+
"description": "Sets the active cell across all months. Only one cell has tabindex=\"0\" at a time.\nUses imperative DOM manipulation — no Lit re-render triggered.\nAlso updates ariaActiveDescendantElement on the grid wrapper so\nscreen readers announce the active cell without moving DOM focus.",
|
|
5260
5340
|
"return": {
|
|
5261
5341
|
"type": {
|
|
5262
5342
|
"text": "void"
|
|
@@ -5266,7 +5346,29 @@
|
|
|
5266
5346
|
{
|
|
5267
5347
|
"kind": "method",
|
|
5268
5348
|
"name": "focusActiveCell",
|
|
5269
|
-
"description": "Focuses the
|
|
5349
|
+
"description": "Focuses the calendar grid wrapper and sets the active cell.\nDOM focus stays on the grid wrapper; the aria-live region\ntells the screen reader which cell is \"active\".",
|
|
5350
|
+
"return": {
|
|
5351
|
+
"type": {
|
|
5352
|
+
"text": "void"
|
|
5353
|
+
}
|
|
5354
|
+
}
|
|
5355
|
+
},
|
|
5356
|
+
{
|
|
5357
|
+
"kind": "method",
|
|
5358
|
+
"name": "handleGridFocusIn",
|
|
5359
|
+
"description": "Shows the activeCell ring when the grid gains focus.",
|
|
5360
|
+
"privacy": "private",
|
|
5361
|
+
"return": {
|
|
5362
|
+
"type": {
|
|
5363
|
+
"text": "void"
|
|
5364
|
+
}
|
|
5365
|
+
}
|
|
5366
|
+
},
|
|
5367
|
+
{
|
|
5368
|
+
"kind": "method",
|
|
5369
|
+
"name": "handleGridFocusOut",
|
|
5370
|
+
"description": "Hides the activeCell ring when the grid loses focus.",
|
|
5371
|
+
"privacy": "private",
|
|
5270
5372
|
"return": {
|
|
5271
5373
|
"type": {
|
|
5272
5374
|
"text": "void"
|
|
@@ -5287,7 +5389,7 @@
|
|
|
5287
5389
|
}
|
|
5288
5390
|
}
|
|
5289
5391
|
],
|
|
5290
|
-
"description": "Computes the initial active date from data properties alone — no DOM required.\nPriority:\n 1. Selected date (dateFrom) if within range\n 2. Today's date if not disabled (in-range and not blackout)\n 3. First future non-disabled date (scans day-by-day from today up to 1 year)\n 4. First previous non-disabled date (scans day-by-day from today up to 1 year)\n 5. First enabled date in finite [min, max] range\n 5b. First enabled date scanning forward from finite min (unbounded max)\n 5c. First enabled date scanning backward from finite max (unbounded min)\n 6. First in-range date (even if blackout) so focus can land somewhere\n 7.
|
|
5392
|
+
"description": "Computes the initial active date from data properties alone — no DOM required.\nPriority:\n 1. Selected date (dateFrom) if within range\n 2. Today's date if not disabled (in-range and not blackout)\n 3. First future non-disabled date (scans day-by-day from today up to 1 year)\n 4. First previous non-disabled date (scans day-by-day from today up to 1 year)\n 5. First enabled date in finite [min, max] range\n 5b. First enabled date scanning forward from finite min (unbounded max)\n 5c. First enabled date scanning backward from finite max (unbounded min)\n 6. First in-range date (even if blackout) so focus can land somewhere\n 7. Undefined — no valid target.",
|
|
5291
5393
|
"privacy": "private",
|
|
5292
5394
|
"return": {
|
|
5293
5395
|
"type": {
|
|
@@ -5295,6 +5397,46 @@
|
|
|
5295
5397
|
}
|
|
5296
5398
|
}
|
|
5297
5399
|
},
|
|
5400
|
+
{
|
|
5401
|
+
"kind": "method",
|
|
5402
|
+
"name": "isDateInRange",
|
|
5403
|
+
"parameters": [
|
|
5404
|
+
{
|
|
5405
|
+
"name": "targetTs",
|
|
5406
|
+
"description": "Unix timestamp in seconds.",
|
|
5407
|
+
"type": {
|
|
5408
|
+
"text": "Number"
|
|
5409
|
+
}
|
|
5410
|
+
}
|
|
5411
|
+
],
|
|
5412
|
+
"description": "Checks if a target date (unix seconds) is within the configured [min, max] range.\nReturns false if the date falls outside the range, preventing navigation\nto months where all dates are disabled.",
|
|
5413
|
+
"privacy": "private",
|
|
5414
|
+
"return": {
|
|
5415
|
+
"type": {
|
|
5416
|
+
"text": "Boolean"
|
|
5417
|
+
}
|
|
5418
|
+
}
|
|
5419
|
+
},
|
|
5420
|
+
{
|
|
5421
|
+
"kind": "method",
|
|
5422
|
+
"name": "handleGridKeyDown",
|
|
5423
|
+
"parameters": [
|
|
5424
|
+
{
|
|
5425
|
+
"name": "event",
|
|
5426
|
+
"description": "The keyboard event.",
|
|
5427
|
+
"type": {
|
|
5428
|
+
"text": "KeyboardEvent"
|
|
5429
|
+
}
|
|
5430
|
+
}
|
|
5431
|
+
],
|
|
5432
|
+
"description": "Handles arrow key navigation on the calendar grid wrapper.\nFocus stays on the grid wrapper; only ariaActiveDescendantElement\nand the visual active-cell indicator change.",
|
|
5433
|
+
"privacy": "private",
|
|
5434
|
+
"return": {
|
|
5435
|
+
"type": {
|
|
5436
|
+
"text": "void"
|
|
5437
|
+
}
|
|
5438
|
+
}
|
|
5439
|
+
},
|
|
5298
5440
|
{
|
|
5299
5441
|
"kind": "method",
|
|
5300
5442
|
"name": "handleMonthBoundary",
|
|
@@ -5335,6 +5477,137 @@
|
|
|
5335
5477
|
}
|
|
5336
5478
|
}
|
|
5337
5479
|
},
|
|
5480
|
+
{
|
|
5481
|
+
"kind": "method",
|
|
5482
|
+
"name": "handleCellFocused",
|
|
5483
|
+
"parameters": [
|
|
5484
|
+
{
|
|
5485
|
+
"name": "event",
|
|
5486
|
+
"description": "The calendar-cell-focused event.",
|
|
5487
|
+
"type": {
|
|
5488
|
+
"text": "CustomEvent"
|
|
5489
|
+
}
|
|
5490
|
+
}
|
|
5491
|
+
],
|
|
5492
|
+
"description": "Handles focus events from calendar cells.\nUpdates the live region with an SR announcement and triggers\nthe imperative range preview if applicable.",
|
|
5493
|
+
"privacy": "private",
|
|
5494
|
+
"return": {
|
|
5495
|
+
"type": {
|
|
5496
|
+
"text": "void"
|
|
5497
|
+
}
|
|
5498
|
+
}
|
|
5499
|
+
},
|
|
5500
|
+
{
|
|
5501
|
+
"kind": "method",
|
|
5502
|
+
"name": "buildFocusAnnouncement",
|
|
5503
|
+
"parameters": [
|
|
5504
|
+
{
|
|
5505
|
+
"name": "date",
|
|
5506
|
+
"description": "Unix timestamp (seconds) of the focused cell.",
|
|
5507
|
+
"type": {
|
|
5508
|
+
"text": "Number"
|
|
5509
|
+
}
|
|
5510
|
+
}
|
|
5511
|
+
],
|
|
5512
|
+
"description": "Builds a full SR announcement string for a focused cell date.\nIncludes the localized date, range position, popover content,\nand blackout status.",
|
|
5513
|
+
"privacy": "private",
|
|
5514
|
+
"return": {
|
|
5515
|
+
"type": {
|
|
5516
|
+
"text": "String"
|
|
5517
|
+
}
|
|
5518
|
+
}
|
|
5519
|
+
},
|
|
5520
|
+
{
|
|
5521
|
+
"kind": "method",
|
|
5522
|
+
"name": "getRangePositionLabel",
|
|
5523
|
+
"parameters": [
|
|
5524
|
+
{
|
|
5525
|
+
"name": "date",
|
|
5526
|
+
"description": "Unix timestamp (seconds).",
|
|
5527
|
+
"type": {
|
|
5528
|
+
"text": "Number"
|
|
5529
|
+
}
|
|
5530
|
+
}
|
|
5531
|
+
],
|
|
5532
|
+
"description": "Determines the range position label for a given date.",
|
|
5533
|
+
"privacy": "private",
|
|
5534
|
+
"return": {
|
|
5535
|
+
"type": {
|
|
5536
|
+
"text": "String|null"
|
|
5537
|
+
}
|
|
5538
|
+
}
|
|
5539
|
+
},
|
|
5540
|
+
{
|
|
5541
|
+
"kind": "method",
|
|
5542
|
+
"name": "isDateBlackout",
|
|
5543
|
+
"parameters": [
|
|
5544
|
+
{
|
|
5545
|
+
"name": "dateTs",
|
|
5546
|
+
"description": "Unix timestamp (seconds).",
|
|
5547
|
+
"type": {
|
|
5548
|
+
"text": "Number"
|
|
5549
|
+
}
|
|
5550
|
+
}
|
|
5551
|
+
],
|
|
5552
|
+
"description": "Checks whether a given date is a blackout date.",
|
|
5553
|
+
"privacy": "private",
|
|
5554
|
+
"return": {
|
|
5555
|
+
"type": {
|
|
5556
|
+
"text": "Boolean"
|
|
5557
|
+
}
|
|
5558
|
+
}
|
|
5559
|
+
},
|
|
5560
|
+
{
|
|
5561
|
+
"kind": "method",
|
|
5562
|
+
"name": "updateRangePreview",
|
|
5563
|
+
"parameters": [
|
|
5564
|
+
{
|
|
5565
|
+
"name": "hoveredDate",
|
|
5566
|
+
"description": "Unix timestamp of the hovered/focused date.",
|
|
5567
|
+
"type": {
|
|
5568
|
+
"text": "Number"
|
|
5569
|
+
}
|
|
5570
|
+
}
|
|
5571
|
+
],
|
|
5572
|
+
"description": "Updates the range preview classes imperatively across all cells.\nOnly active when in range mode with dateFrom set and dateTo not yet set.",
|
|
5573
|
+
"privacy": "private",
|
|
5574
|
+
"return": {
|
|
5575
|
+
"type": {
|
|
5576
|
+
"text": "void"
|
|
5577
|
+
}
|
|
5578
|
+
}
|
|
5579
|
+
},
|
|
5580
|
+
{
|
|
5581
|
+
"kind": "method",
|
|
5582
|
+
"name": "clearRangePreview",
|
|
5583
|
+
"description": "Clears range preview classes from all cells.",
|
|
5584
|
+
"privacy": "private",
|
|
5585
|
+
"return": {
|
|
5586
|
+
"type": {
|
|
5587
|
+
"text": "void"
|
|
5588
|
+
}
|
|
5589
|
+
}
|
|
5590
|
+
},
|
|
5591
|
+
{
|
|
5592
|
+
"kind": "method",
|
|
5593
|
+
"name": "hoveredDateChanged",
|
|
5594
|
+
"parameters": [
|
|
5595
|
+
{
|
|
5596
|
+
"name": "event",
|
|
5597
|
+
"description": "The hovered-date-changed event from a month.",
|
|
5598
|
+
"type": {
|
|
5599
|
+
"text": "CustomEvent"
|
|
5600
|
+
}
|
|
5601
|
+
}
|
|
5602
|
+
],
|
|
5603
|
+
"description": "Overrides the base class handler to prevent setting `this.hoveredDate`\nas a reactive property. Instead, handles the range preview imperatively.",
|
|
5604
|
+
"privacy": "private",
|
|
5605
|
+
"return": {
|
|
5606
|
+
"type": {
|
|
5607
|
+
"text": "void"
|
|
5608
|
+
}
|
|
5609
|
+
}
|
|
5610
|
+
},
|
|
5338
5611
|
{
|
|
5339
5612
|
"kind": "method",
|
|
5340
5613
|
"name": "scrollToActiveCell",
|
|
@@ -5346,6 +5619,17 @@
|
|
|
5346
5619
|
}
|
|
5347
5620
|
}
|
|
5348
5621
|
},
|
|
5622
|
+
{
|
|
5623
|
+
"kind": "method",
|
|
5624
|
+
"name": "getOrCreateLiveRegion",
|
|
5625
|
+
"description": "Returns (and lazily creates) an aria-live region inside the dropdown's\n<dialog> element. This placement is critical for two reasons:\n\n1. Inside the dialog's accessible scope — dialog.showModal() makes\n everything outside the top-layer dialog inert, and desktop modal\n mode uses _setPageInert() on document.body siblings. A live region\n on document.body would be invisible to screen readers in both cases.\n\n2. Not nested in shadow DOM — Chrome inconsistently observes aria-live\n mutations inside shadow DOM across machines and versions. The dialog\n element is only one shadow root deep (the dropdown bib's shadow DOM),\n which Chrome handles reliably. The calendar's own shadow DOM (nested\n inside the bib via slotting) is two+ levels deep and unreliable.",
|
|
5626
|
+
"privacy": "private",
|
|
5627
|
+
"return": {
|
|
5628
|
+
"type": {
|
|
5629
|
+
"text": "HTMLElement"
|
|
5630
|
+
}
|
|
5631
|
+
}
|
|
5632
|
+
},
|
|
5349
5633
|
{
|
|
5350
5634
|
"kind": "method",
|
|
5351
5635
|
"name": "announceSelection",
|
|
@@ -5358,7 +5642,27 @@
|
|
|
5358
5642
|
}
|
|
5359
5643
|
}
|
|
5360
5644
|
],
|
|
5361
|
-
"description": "Announces a date selection via the live region.",
|
|
5645
|
+
"description": "Announces a date selection or focus change via the live region.\nUses requestAnimationFrame to ensure the clear and set happen in\nseparate rendering frames — Chrome may coalesce synchronous or\nmicrotask-deferred mutations into a single accessibility tree update.",
|
|
5646
|
+
"privacy": "private",
|
|
5647
|
+
"return": {
|
|
5648
|
+
"type": {
|
|
5649
|
+
"text": "void"
|
|
5650
|
+
}
|
|
5651
|
+
}
|
|
5652
|
+
},
|
|
5653
|
+
{
|
|
5654
|
+
"kind": "method",
|
|
5655
|
+
"name": "announceFocusDebounced",
|
|
5656
|
+
"parameters": [
|
|
5657
|
+
{
|
|
5658
|
+
"name": "dateStr",
|
|
5659
|
+
"description": "The localized date string to announce.",
|
|
5660
|
+
"type": {
|
|
5661
|
+
"text": "String"
|
|
5662
|
+
}
|
|
5663
|
+
}
|
|
5664
|
+
],
|
|
5665
|
+
"description": "Debounced version of announceSelection for focus navigation.\nUses the assertive live region with a 150ms debounce so only the\nfinal cell after rapid arrow-key traversal is announced. We\noriginally tried aria-live=\"polite\" here, but VoiceOver treats\npolite as \"wait until idle\" — which never happens during active\nkeyboard navigation — so the announcements were silently dropped.",
|
|
5362
5666
|
"privacy": "private",
|
|
5363
5667
|
"return": {
|
|
5364
5668
|
"type": {
|
|
@@ -5499,6 +5803,16 @@
|
|
|
5499
5803
|
"privacy": "private",
|
|
5500
5804
|
"default": "null"
|
|
5501
5805
|
},
|
|
5806
|
+
{
|
|
5807
|
+
"kind": "field",
|
|
5808
|
+
"name": "_gridHasFocus",
|
|
5809
|
+
"type": {
|
|
5810
|
+
"text": "boolean"
|
|
5811
|
+
},
|
|
5812
|
+
"description": "Whether the #calendarGrid wrapper currently has focus.\nUsed to determine whether the visualFocus ring should be shown.",
|
|
5813
|
+
"privacy": "private",
|
|
5814
|
+
"default": "false"
|
|
5815
|
+
},
|
|
5502
5816
|
{
|
|
5503
5817
|
"kind": "field",
|
|
5504
5818
|
"name": "firstMonthRenderable",
|
|
@@ -5555,6 +5869,12 @@
|
|
|
5555
5869
|
"default": "undefined",
|
|
5556
5870
|
"attribute": "dropdown"
|
|
5557
5871
|
},
|
|
5872
|
+
{
|
|
5873
|
+
"kind": "field",
|
|
5874
|
+
"name": "_calendarInstanceId",
|
|
5875
|
+
"description": "Unique instance ID for the live region element.",
|
|
5876
|
+
"privacy": "private"
|
|
5877
|
+
},
|
|
5558
5878
|
{
|
|
5559
5879
|
"kind": "field",
|
|
5560
5880
|
"name": "calendarEndMonth",
|
|
@@ -5966,7 +6286,13 @@
|
|
|
5966
6286
|
{
|
|
5967
6287
|
"kind": "field",
|
|
5968
6288
|
"name": "commonDisplayValueWrapperClasses",
|
|
6289
|
+
"description": "Common display value wrapper classes.",
|
|
5969
6290
|
"privacy": "private",
|
|
6291
|
+
"return": {
|
|
6292
|
+
"type": {
|
|
6293
|
+
"text": "Object"
|
|
6294
|
+
}
|
|
6295
|
+
},
|
|
5970
6296
|
"readonly": true
|
|
5971
6297
|
},
|
|
5972
6298
|
{
|
|
@@ -6468,6 +6794,7 @@
|
|
|
6468
6794
|
"parameters": [
|
|
6469
6795
|
{
|
|
6470
6796
|
"name": "event",
|
|
6797
|
+
"description": "The mouse event from the clear button click.",
|
|
6471
6798
|
"type": {
|
|
6472
6799
|
"text": "MouseEvent"
|
|
6473
6800
|
}
|