@aurodesignsystem-dev/auro-formkit 0.0.0-pr1483.0 → 0.0.0-pr1483.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +2 -233
- package/components/checkbox/demo/getting-started.min.js +2 -233
- package/components/checkbox/demo/index.min.js +2 -233
- package/components/checkbox/dist/index.js +2 -233
- package/components/checkbox/dist/registered.js +2 -233
- package/components/combobox/demo/customize.min.js +7 -238
- package/components/combobox/demo/getting-started.min.js +7 -238
- package/components/combobox/demo/index.min.js +7 -238
- package/components/combobox/demo/keyboard-behavior.md +68 -8
- package/components/combobox/dist/index.js +7 -238
- package/components/combobox/dist/registered.js +7 -238
- package/components/counter/demo/customize.min.js +3 -234
- package/components/counter/demo/index.min.js +3 -234
- package/components/counter/dist/index.js +2 -233
- package/components/counter/dist/registered.js +2 -233
- package/components/datepicker/demo/api.md +52 -51
- package/components/datepicker/demo/customize.md +52 -15
- package/components/datepicker/demo/index.md +23 -0
- package/components/datepicker/demo/index.min.js +5069 -1044
- package/components/datepicker/dist/index.js +4587 -562
- package/components/datepicker/dist/registered.js +4587 -562
- package/components/datepicker/dist/src/auro-calendar-cell.d.ts +3 -1
- package/components/datepicker/dist/src/auro-calendar-month.d.ts +23 -0
- package/components/datepicker/dist/src/auro-calendar.d.ts +15 -0
- package/components/datepicker/dist/src/auro-datepicker.d.ts +27 -13
- package/components/datepicker/dist/src/utilities.d.ts +0 -20
- package/components/datepicker/dist/src/utilitiesCalendar.d.ts +0 -1
- package/components/dropdown/demo/customize.min.js +1 -1
- package/components/dropdown/demo/getting-started.min.js +1 -1
- package/components/dropdown/demo/index.min.js +1 -1
- package/components/dropdown/dist/index.js +1 -1
- package/components/dropdown/dist/registered.js +1 -1
- package/components/form/demo/customize.min.js +5294 -2422
- package/components/form/demo/getting-started.min.js +5294 -2422
- package/components/form/demo/index.min.js +5294 -2422
- package/components/form/demo/registerDemoDeps.min.js +5294 -2422
- package/components/input/demo/customize.min.js +2 -2
- package/components/input/demo/getting-started.min.js +2 -2
- package/components/input/demo/index.min.js +2 -2
- package/components/input/dist/index.js +2 -2
- package/components/input/dist/registered.js +2 -2
- package/components/radio/demo/index.min.js +2 -233
- package/components/radio/dist/index.js +2 -233
- package/components/radio/dist/registered.js +2 -233
- package/components/select/demo/customize.min.js +21 -250
- package/components/select/demo/getting-started.min.js +21 -250
- package/components/select/demo/index.min.js +21 -250
- package/components/select/demo/keyboard-behavior.md +54 -8
- package/components/select/dist/index.js +21 -250
- package/components/select/dist/registered.js +21 -250
- package/custom-elements.json +1597 -1582
- package/package.json +3 -3
package/custom-elements.json
CHANGED
|
@@ -248,34 +248,80 @@
|
|
|
248
248
|
},
|
|
249
249
|
{
|
|
250
250
|
"kind": "javascript-module",
|
|
251
|
-
"path": "components/
|
|
251
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
252
252
|
"declarations": [
|
|
253
253
|
{
|
|
254
254
|
"kind": "class",
|
|
255
|
-
"description": "The `auro-
|
|
256
|
-
"name": "
|
|
255
|
+
"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.",
|
|
256
|
+
"name": "AuroCombobox",
|
|
257
257
|
"slots": [
|
|
258
258
|
{
|
|
259
|
-
"description": "
|
|
260
|
-
"name": "
|
|
259
|
+
"description": "Default slot for the menu content.",
|
|
260
|
+
"name": ""
|
|
261
261
|
},
|
|
262
262
|
{
|
|
263
|
+
"type": {
|
|
264
|
+
"text": "HTMLSlotElement"
|
|
265
|
+
},
|
|
263
266
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
264
267
|
"name": "optionalLabel"
|
|
265
268
|
},
|
|
266
269
|
{
|
|
267
|
-
"description": "
|
|
270
|
+
"description": "Sets aria-label on clear button",
|
|
271
|
+
"name": "ariaLabel.input.clear"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
275
|
+
"name": "ariaLabel.bib.close"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"description": "Defines the headline to display above menu-options",
|
|
279
|
+
"name": "bib.fullscreen.headline"
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
"description": "Defines the content of the label.",
|
|
283
|
+
"name": "label"
|
|
284
|
+
},
|
|
285
|
+
{
|
|
286
|
+
"description": "Defines the content of the helpText.",
|
|
268
287
|
"name": "helpText"
|
|
269
288
|
},
|
|
270
289
|
{
|
|
271
|
-
"description": "
|
|
272
|
-
"name": "
|
|
290
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
291
|
+
"name": "displayValue"
|
|
273
292
|
}
|
|
274
293
|
],
|
|
275
294
|
"members": [
|
|
276
295
|
{
|
|
277
296
|
"kind": "method",
|
|
278
|
-
"name": "_initializeDefaults"
|
|
297
|
+
"name": "_initializeDefaults",
|
|
298
|
+
"privacy": "private",
|
|
299
|
+
"return": {
|
|
300
|
+
"type": {
|
|
301
|
+
"text": "void"
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"kind": "field",
|
|
307
|
+
"name": "inputValue",
|
|
308
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
309
|
+
"return": {
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "string|undefined"
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
"readonly": true
|
|
315
|
+
},
|
|
316
|
+
{
|
|
317
|
+
"kind": "method",
|
|
318
|
+
"name": "isValid",
|
|
319
|
+
"description": "Checks if the element is valid.",
|
|
320
|
+
"return": {
|
|
321
|
+
"type": {
|
|
322
|
+
"text": "boolean"
|
|
323
|
+
}
|
|
324
|
+
}
|
|
279
325
|
},
|
|
280
326
|
{
|
|
281
327
|
"kind": "method",
|
|
@@ -284,7 +330,7 @@
|
|
|
284
330
|
"parameters": [
|
|
285
331
|
{
|
|
286
332
|
"name": "name",
|
|
287
|
-
"default": "
|
|
333
|
+
"default": "'auro-combobox'",
|
|
288
334
|
"description": "The name of the element that you want to register.",
|
|
289
335
|
"optional": true,
|
|
290
336
|
"type": {
|
|
@@ -296,24 +342,8 @@
|
|
|
296
342
|
},
|
|
297
343
|
{
|
|
298
344
|
"kind": "method",
|
|
299
|
-
"name": "
|
|
300
|
-
"
|
|
301
|
-
{
|
|
302
|
-
"name": "value",
|
|
303
|
-
"description": "The value of the checkbox.",
|
|
304
|
-
"type": {
|
|
305
|
-
"text": "String"
|
|
306
|
-
}
|
|
307
|
-
},
|
|
308
|
-
{
|
|
309
|
-
"name": "selected",
|
|
310
|
-
"description": "The checked state of the checkbox.",
|
|
311
|
-
"type": {
|
|
312
|
-
"text": "Boolean"
|
|
313
|
-
}
|
|
314
|
-
}
|
|
315
|
-
],
|
|
316
|
-
"description": "Helper method to handle checkbox value changing.",
|
|
345
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
346
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
317
347
|
"privacy": "private",
|
|
318
348
|
"return": {
|
|
319
349
|
"type": {
|
|
@@ -323,8 +353,8 @@
|
|
|
323
353
|
},
|
|
324
354
|
{
|
|
325
355
|
"kind": "method",
|
|
326
|
-
"name": "
|
|
327
|
-
"description": "
|
|
356
|
+
"name": "activateLastEnabledAvailableOption",
|
|
357
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
328
358
|
"privacy": "private",
|
|
329
359
|
"return": {
|
|
330
360
|
"type": {
|
|
@@ -334,19 +364,15 @@
|
|
|
334
364
|
},
|
|
335
365
|
{
|
|
336
366
|
"kind": "method",
|
|
337
|
-
"name": "
|
|
338
|
-
"description": "
|
|
339
|
-
"privacy": "private"
|
|
340
|
-
"return": {
|
|
341
|
-
"type": {
|
|
342
|
-
"text": "void"
|
|
343
|
-
}
|
|
344
|
-
}
|
|
367
|
+
"name": "updateFilter",
|
|
368
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
369
|
+
"privacy": "private"
|
|
345
370
|
},
|
|
346
371
|
{
|
|
347
372
|
"kind": "method",
|
|
348
|
-
"name": "
|
|
349
|
-
"description": "
|
|
373
|
+
"name": "syncValuesAndStates",
|
|
374
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
375
|
+
"privacy": "private",
|
|
350
376
|
"return": {
|
|
351
377
|
"type": {
|
|
352
378
|
"text": "void"
|
|
@@ -355,325 +381,159 @@
|
|
|
355
381
|
},
|
|
356
382
|
{
|
|
357
383
|
"kind": "method",
|
|
358
|
-
"name": "
|
|
384
|
+
"name": "updateTriggerTextDisplay",
|
|
359
385
|
"parameters": [
|
|
360
386
|
{
|
|
361
|
-
"name": "
|
|
362
|
-
"
|
|
363
|
-
"description": "Whether to force validation.",
|
|
364
|
-
"optional": true,
|
|
387
|
+
"name": "label",
|
|
388
|
+
"description": "The label of the selected option.",
|
|
365
389
|
"type": {
|
|
366
|
-
"text": "
|
|
390
|
+
"text": "string"
|
|
367
391
|
}
|
|
368
392
|
}
|
|
369
393
|
],
|
|
370
|
-
"description": "
|
|
394
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
395
|
+
"privacy": "private"
|
|
371
396
|
},
|
|
372
397
|
{
|
|
373
|
-
"kind": "
|
|
374
|
-
"name": "
|
|
375
|
-
"
|
|
376
|
-
"
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
"reflects": true
|
|
398
|
+
"kind": "method",
|
|
399
|
+
"name": "handleMenuOptions",
|
|
400
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
401
|
+
"privacy": "private",
|
|
402
|
+
"return": {
|
|
403
|
+
"type": {
|
|
404
|
+
"text": "void"
|
|
405
|
+
}
|
|
406
|
+
}
|
|
383
407
|
},
|
|
384
408
|
{
|
|
385
|
-
"kind": "
|
|
386
|
-
"name": "
|
|
387
|
-
"
|
|
388
|
-
"
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
409
|
+
"kind": "method",
|
|
410
|
+
"name": "generateOptionsArray",
|
|
411
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
412
|
+
"privacy": "private",
|
|
413
|
+
"return": {
|
|
414
|
+
"type": {
|
|
415
|
+
"text": "void"
|
|
416
|
+
}
|
|
417
|
+
}
|
|
394
418
|
},
|
|
395
419
|
{
|
|
396
|
-
"kind": "
|
|
397
|
-
"name": "
|
|
398
|
-
"
|
|
399
|
-
"
|
|
400
|
-
"
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
"reflects": true
|
|
420
|
+
"kind": "method",
|
|
421
|
+
"name": "hideBib",
|
|
422
|
+
"description": "Hides the dropdown bib if its open.",
|
|
423
|
+
"return": {
|
|
424
|
+
"type": {
|
|
425
|
+
"text": "void"
|
|
426
|
+
}
|
|
427
|
+
}
|
|
405
428
|
},
|
|
406
429
|
{
|
|
407
|
-
"kind": "
|
|
408
|
-
"name": "
|
|
409
|
-
"
|
|
410
|
-
"
|
|
411
|
-
"
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
"reflects": true
|
|
430
|
+
"kind": "method",
|
|
431
|
+
"name": "showBib",
|
|
432
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
433
|
+
"return": {
|
|
434
|
+
"type": {
|
|
435
|
+
"text": "void"
|
|
436
|
+
}
|
|
437
|
+
}
|
|
416
438
|
},
|
|
417
439
|
{
|
|
418
|
-
"kind": "
|
|
419
|
-
"name": "
|
|
420
|
-
"
|
|
421
|
-
"
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
440
|
+
"kind": "method",
|
|
441
|
+
"name": "configureDropdown",
|
|
442
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
443
|
+
"privacy": "private",
|
|
444
|
+
"return": {
|
|
445
|
+
"type": {
|
|
446
|
+
"text": "void"
|
|
447
|
+
}
|
|
448
|
+
}
|
|
427
449
|
},
|
|
428
450
|
{
|
|
429
|
-
"kind": "
|
|
430
|
-
"name": "
|
|
431
|
-
"privacy": "
|
|
432
|
-
"type": {
|
|
433
|
-
"text": "boolean"
|
|
434
|
-
},
|
|
435
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
436
|
-
"attribute": "onDark",
|
|
437
|
-
"reflects": true
|
|
451
|
+
"kind": "method",
|
|
452
|
+
"name": "setClearBtnFocus",
|
|
453
|
+
"privacy": "private"
|
|
438
454
|
},
|
|
439
455
|
{
|
|
440
|
-
"kind": "
|
|
441
|
-
"name": "
|
|
442
|
-
"privacy": "
|
|
443
|
-
"type": {
|
|
444
|
-
"text": "boolean"
|
|
445
|
-
},
|
|
446
|
-
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
447
|
-
"attribute": "required",
|
|
448
|
-
"reflects": true
|
|
456
|
+
"kind": "method",
|
|
457
|
+
"name": "setTriggerInputFocus",
|
|
458
|
+
"privacy": "private"
|
|
449
459
|
},
|
|
450
460
|
{
|
|
451
|
-
"kind": "
|
|
452
|
-
"name": "
|
|
453
|
-
"privacy": "
|
|
454
|
-
"type": {
|
|
455
|
-
"text": "string"
|
|
456
|
-
},
|
|
457
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
458
|
-
"attribute": "setCustomValidity"
|
|
461
|
+
"kind": "method",
|
|
462
|
+
"name": "setInputFocus",
|
|
463
|
+
"privacy": "private"
|
|
459
464
|
},
|
|
460
465
|
{
|
|
461
|
-
"kind": "
|
|
462
|
-
"name": "
|
|
463
|
-
"
|
|
464
|
-
"
|
|
465
|
-
"text": "string"
|
|
466
|
-
},
|
|
467
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
468
|
-
"attribute": "setCustomValidityCustomError"
|
|
466
|
+
"kind": "method",
|
|
467
|
+
"name": "updateBibDialogRole",
|
|
468
|
+
"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.",
|
|
469
|
+
"privacy": "private"
|
|
469
470
|
},
|
|
470
471
|
{
|
|
471
|
-
"kind": "
|
|
472
|
-
"name": "
|
|
473
|
-
"
|
|
474
|
-
"
|
|
475
|
-
"text": "string"
|
|
476
|
-
},
|
|
477
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
478
|
-
"attribute": "setCustomValidityValueMissing"
|
|
472
|
+
"kind": "method",
|
|
473
|
+
"name": "updateMenuShapeSize",
|
|
474
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
475
|
+
"privacy": "private"
|
|
479
476
|
},
|
|
480
477
|
{
|
|
481
|
-
"kind": "
|
|
482
|
-
"name": "
|
|
483
|
-
"
|
|
484
|
-
"
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
"reflects": true
|
|
490
|
-
}
|
|
491
|
-
],
|
|
492
|
-
"events": [
|
|
493
|
-
{
|
|
494
|
-
"name": "input",
|
|
495
|
-
"type": {
|
|
496
|
-
"text": "CustomEvent"
|
|
478
|
+
"kind": "method",
|
|
479
|
+
"name": "_getAnnouncementRoot",
|
|
480
|
+
"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.",
|
|
481
|
+
"privacy": "private",
|
|
482
|
+
"return": {
|
|
483
|
+
"type": {
|
|
484
|
+
"text": "ShadowRoot"
|
|
485
|
+
}
|
|
497
486
|
}
|
|
498
487
|
},
|
|
499
|
-
{
|
|
500
|
-
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
501
|
-
"name": "auroFormElement-validated"
|
|
502
|
-
}
|
|
503
|
-
],
|
|
504
|
-
"attributes": [
|
|
505
|
-
{
|
|
506
|
-
"name": "appearance",
|
|
507
|
-
"type": {
|
|
508
|
-
"text": "'default' | 'inverse'"
|
|
509
|
-
},
|
|
510
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
511
|
-
"default": "'default'",
|
|
512
|
-
"fieldName": "appearance"
|
|
513
|
-
},
|
|
514
|
-
{
|
|
515
|
-
"name": "disabled",
|
|
516
|
-
"type": {
|
|
517
|
-
"text": "boolean"
|
|
518
|
-
},
|
|
519
|
-
"description": "If set, disables the checkbox group.",
|
|
520
|
-
"fieldName": "disabled"
|
|
521
|
-
},
|
|
522
|
-
{
|
|
523
|
-
"name": "error",
|
|
524
|
-
"type": {
|
|
525
|
-
"text": "string"
|
|
526
|
-
},
|
|
527
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
528
|
-
"fieldName": "error"
|
|
529
|
-
},
|
|
530
|
-
{
|
|
531
|
-
"name": "horizontal",
|
|
532
|
-
"type": {
|
|
533
|
-
"text": "boolean"
|
|
534
|
-
},
|
|
535
|
-
"description": "If set, checkboxes will be aligned horizontally.",
|
|
536
|
-
"fieldName": "horizontal"
|
|
537
|
-
},
|
|
538
|
-
{
|
|
539
|
-
"name": "noValidate",
|
|
540
|
-
"type": {
|
|
541
|
-
"text": "boolean"
|
|
542
|
-
},
|
|
543
|
-
"description": "If set, disables auto-validation on blur.",
|
|
544
|
-
"fieldName": "noValidate"
|
|
545
|
-
},
|
|
546
|
-
{
|
|
547
|
-
"name": "onDark",
|
|
548
|
-
"type": {
|
|
549
|
-
"text": "boolean"
|
|
550
|
-
},
|
|
551
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
552
|
-
"fieldName": "onDark"
|
|
553
|
-
},
|
|
554
|
-
{
|
|
555
|
-
"name": "required",
|
|
556
|
-
"type": {
|
|
557
|
-
"text": "boolean"
|
|
558
|
-
},
|
|
559
|
-
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
560
|
-
"fieldName": "required"
|
|
561
|
-
},
|
|
562
|
-
{
|
|
563
|
-
"name": "setCustomValidity",
|
|
564
|
-
"type": {
|
|
565
|
-
"text": "string"
|
|
566
|
-
},
|
|
567
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
568
|
-
"fieldName": "setCustomValidity"
|
|
569
|
-
},
|
|
570
|
-
{
|
|
571
|
-
"name": "setCustomValidityCustomError",
|
|
572
|
-
"type": {
|
|
573
|
-
"text": "string"
|
|
574
|
-
},
|
|
575
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
576
|
-
"fieldName": "setCustomValidityCustomError"
|
|
577
|
-
},
|
|
578
|
-
{
|
|
579
|
-
"name": "setCustomValidityValueMissing",
|
|
580
|
-
"type": {
|
|
581
|
-
"text": "string"
|
|
582
|
-
},
|
|
583
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
584
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
585
|
-
},
|
|
586
|
-
{
|
|
587
|
-
"name": "validity",
|
|
588
|
-
"type": {
|
|
589
|
-
"text": "string"
|
|
590
|
-
},
|
|
591
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
592
|
-
"fieldName": "validity"
|
|
593
|
-
}
|
|
594
|
-
],
|
|
595
|
-
"superclass": {
|
|
596
|
-
"name": "LitElement",
|
|
597
|
-
"package": "lit"
|
|
598
|
-
},
|
|
599
|
-
"tagName": "auro-checkbox-group",
|
|
600
|
-
"customElement": true
|
|
601
|
-
}
|
|
602
|
-
],
|
|
603
|
-
"exports": [
|
|
604
|
-
{
|
|
605
|
-
"kind": "js",
|
|
606
|
-
"name": "AuroCheckboxGroup",
|
|
607
|
-
"declaration": {
|
|
608
|
-
"name": "AuroCheckboxGroup",
|
|
609
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
610
|
-
}
|
|
611
|
-
}
|
|
612
|
-
]
|
|
613
|
-
},
|
|
614
|
-
{
|
|
615
|
-
"kind": "javascript-module",
|
|
616
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
617
|
-
"declarations": [
|
|
618
|
-
{
|
|
619
|
-
"kind": "class",
|
|
620
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
621
|
-
"name": "AuroCheckbox",
|
|
622
|
-
"cssParts": [
|
|
623
|
-
{
|
|
624
|
-
"description": "apply css to a specific checkbox.",
|
|
625
|
-
"name": "checkbox"
|
|
626
|
-
},
|
|
627
|
-
{
|
|
628
|
-
"description": "apply css to a specific checkbox's input.",
|
|
629
|
-
"name": "checkbox-input"
|
|
630
|
-
},
|
|
631
|
-
{
|
|
632
|
-
"description": "apply css to a specific checkbox's label.",
|
|
633
|
-
"name": "checkbox-label"
|
|
634
|
-
}
|
|
635
|
-
],
|
|
636
|
-
"slots": [
|
|
637
|
-
{
|
|
638
|
-
"description": "The default slot for the checkbox label.",
|
|
639
|
-
"name": "default"
|
|
640
|
-
}
|
|
641
|
-
],
|
|
642
|
-
"members": [
|
|
643
488
|
{
|
|
644
489
|
"kind": "method",
|
|
645
|
-
"name": "
|
|
490
|
+
"name": "configureMenu",
|
|
491
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
492
|
+
"privacy": "private",
|
|
493
|
+
"return": {
|
|
494
|
+
"type": {
|
|
495
|
+
"text": "void"
|
|
496
|
+
}
|
|
497
|
+
}
|
|
646
498
|
},
|
|
647
499
|
{
|
|
648
500
|
"kind": "method",
|
|
649
|
-
"name": "
|
|
650
|
-
"
|
|
651
|
-
"
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
"
|
|
655
|
-
"description": "The name of element that you want to register to.",
|
|
656
|
-
"optional": true,
|
|
657
|
-
"type": {
|
|
658
|
-
"text": "string"
|
|
659
|
-
}
|
|
501
|
+
"name": "configureInput",
|
|
502
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
503
|
+
"privacy": "private",
|
|
504
|
+
"return": {
|
|
505
|
+
"type": {
|
|
506
|
+
"text": "void"
|
|
660
507
|
}
|
|
661
|
-
|
|
662
|
-
"description": "This will register this element with the browser."
|
|
508
|
+
}
|
|
663
509
|
},
|
|
664
510
|
{
|
|
665
511
|
"kind": "method",
|
|
666
|
-
"name": "
|
|
512
|
+
"name": "handleMenuLoadingChange",
|
|
667
513
|
"parameters": [
|
|
668
514
|
{
|
|
669
515
|
"name": "event",
|
|
670
|
-
"description": "The
|
|
516
|
+
"description": "The event object containing details about the loading state change.",
|
|
671
517
|
"type": {
|
|
672
|
-
"text": "
|
|
518
|
+
"text": "CustomEvent"
|
|
519
|
+
}
|
|
520
|
+
},
|
|
521
|
+
{
|
|
522
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
523
|
+
"name": "event.detail.loading",
|
|
524
|
+
"type": {
|
|
525
|
+
"text": "boolean"
|
|
526
|
+
}
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
530
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
531
|
+
"type": {
|
|
532
|
+
"text": "boolean"
|
|
673
533
|
}
|
|
674
534
|
}
|
|
675
535
|
],
|
|
676
|
-
"description": "
|
|
536
|
+
"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.",
|
|
677
537
|
"privacy": "private",
|
|
678
538
|
"return": {
|
|
679
539
|
"type": {
|
|
@@ -683,17 +543,17 @@
|
|
|
683
543
|
},
|
|
684
544
|
{
|
|
685
545
|
"kind": "method",
|
|
686
|
-
"name": "
|
|
546
|
+
"name": "handleInputValueChange",
|
|
687
547
|
"parameters": [
|
|
688
548
|
{
|
|
689
549
|
"name": "event",
|
|
690
|
-
"description": "The input event
|
|
550
|
+
"description": "The input event triggered by the input element.",
|
|
691
551
|
"type": {
|
|
692
552
|
"text": "Event"
|
|
693
553
|
}
|
|
694
554
|
}
|
|
695
555
|
],
|
|
696
|
-
"description": "
|
|
556
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
697
557
|
"privacy": "private",
|
|
698
558
|
"return": {
|
|
699
559
|
"type": {
|
|
@@ -703,8 +563,8 @@
|
|
|
703
563
|
},
|
|
704
564
|
{
|
|
705
565
|
"kind": "method",
|
|
706
|
-
"name": "
|
|
707
|
-
"description": "
|
|
566
|
+
"name": "configureCombobox",
|
|
567
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
708
568
|
"privacy": "private",
|
|
709
569
|
"return": {
|
|
710
570
|
"type": {
|
|
@@ -714,19 +574,8 @@
|
|
|
714
574
|
},
|
|
715
575
|
{
|
|
716
576
|
"kind": "method",
|
|
717
|
-
"name": "
|
|
718
|
-
"description": "
|
|
719
|
-
"privacy": "private",
|
|
720
|
-
"return": {
|
|
721
|
-
"type": {
|
|
722
|
-
"text": "HTMLElement"
|
|
723
|
-
}
|
|
724
|
-
}
|
|
725
|
-
},
|
|
726
|
-
{
|
|
727
|
-
"kind": "method",
|
|
728
|
-
"name": "reset",
|
|
729
|
-
"description": "Resets component to initial state.",
|
|
577
|
+
"name": "focus",
|
|
578
|
+
"description": "Focuses the combobox trigger input.",
|
|
730
579
|
"return": {
|
|
731
580
|
"type": {
|
|
732
581
|
"text": "void"
|
|
@@ -735,8 +584,86 @@
|
|
|
735
584
|
},
|
|
736
585
|
{
|
|
737
586
|
"kind": "method",
|
|
738
|
-
"name": "
|
|
739
|
-
"
|
|
587
|
+
"name": "setMenuValue",
|
|
588
|
+
"parameters": [
|
|
589
|
+
{
|
|
590
|
+
"name": "value",
|
|
591
|
+
"description": "The value to set on the menu.",
|
|
592
|
+
"type": {
|
|
593
|
+
"text": "string"
|
|
594
|
+
}
|
|
595
|
+
}
|
|
596
|
+
],
|
|
597
|
+
"description": "Sets the menu value if menu is available.",
|
|
598
|
+
"return": {
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "void"
|
|
601
|
+
}
|
|
602
|
+
}
|
|
603
|
+
},
|
|
604
|
+
{
|
|
605
|
+
"kind": "method",
|
|
606
|
+
"name": "reset",
|
|
607
|
+
"description": "Resets component to initial state.",
|
|
608
|
+
"return": {
|
|
609
|
+
"type": {
|
|
610
|
+
"text": "void"
|
|
611
|
+
}
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"kind": "method",
|
|
616
|
+
"name": "clear",
|
|
617
|
+
"description": "Clears the current value of the combobox.",
|
|
618
|
+
"return": {
|
|
619
|
+
"type": {
|
|
620
|
+
"text": "void"
|
|
621
|
+
}
|
|
622
|
+
}
|
|
623
|
+
},
|
|
624
|
+
{
|
|
625
|
+
"kind": "method",
|
|
626
|
+
"name": "validate",
|
|
627
|
+
"parameters": [
|
|
628
|
+
{
|
|
629
|
+
"name": "force",
|
|
630
|
+
"default": "false",
|
|
631
|
+
"description": "Whether to force validation.",
|
|
632
|
+
"optional": true,
|
|
633
|
+
"type": {
|
|
634
|
+
"text": "boolean"
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
],
|
|
638
|
+
"description": "Validates value."
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"kind": "method",
|
|
642
|
+
"name": "transportAssignedNodes",
|
|
643
|
+
"parameters": [
|
|
644
|
+
{
|
|
645
|
+
"name": "slot",
|
|
646
|
+
"description": "The slot element containing the nodes to apply.",
|
|
647
|
+
"type": {
|
|
648
|
+
"text": "HTMLSlotElement"
|
|
649
|
+
}
|
|
650
|
+
},
|
|
651
|
+
{
|
|
652
|
+
"name": "target",
|
|
653
|
+
"description": "The target element to apply the nodes to.",
|
|
654
|
+
"type": {
|
|
655
|
+
"text": "HTMLElement"
|
|
656
|
+
}
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"name": "newSlotName",
|
|
660
|
+
"description": "The new slot name for the applied nodes.",
|
|
661
|
+
"type": {
|
|
662
|
+
"text": "string"
|
|
663
|
+
}
|
|
664
|
+
}
|
|
665
|
+
],
|
|
666
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
740
667
|
"privacy": "private",
|
|
741
668
|
"return": {
|
|
742
669
|
"type": {
|
|
@@ -746,17 +673,31 @@
|
|
|
746
673
|
},
|
|
747
674
|
{
|
|
748
675
|
"kind": "method",
|
|
749
|
-
"name": "
|
|
676
|
+
"name": "updateActiveOption",
|
|
677
|
+
"parameters": [
|
|
678
|
+
{
|
|
679
|
+
"name": "index",
|
|
680
|
+
"description": "Index of the option to make active.",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "number"
|
|
683
|
+
}
|
|
684
|
+
}
|
|
685
|
+
],
|
|
686
|
+
"description": "Updates the active option in the menu."
|
|
687
|
+
},
|
|
688
|
+
{
|
|
689
|
+
"kind": "method",
|
|
690
|
+
"name": "handleSlotChange",
|
|
750
691
|
"parameters": [
|
|
751
692
|
{
|
|
752
693
|
"name": "event",
|
|
753
|
-
"description": "
|
|
694
|
+
"description": "`slotchange` event.",
|
|
754
695
|
"type": {
|
|
755
|
-
"text": "
|
|
696
|
+
"text": "Event"
|
|
756
697
|
}
|
|
757
698
|
}
|
|
758
699
|
],
|
|
759
|
-
"description": "
|
|
700
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
760
701
|
"privacy": "private",
|
|
761
702
|
"return": {
|
|
762
703
|
"type": {
|
|
@@ -769,7 +710,7 @@
|
|
|
769
710
|
"name": "appearance",
|
|
770
711
|
"privacy": "public",
|
|
771
712
|
"type": {
|
|
772
|
-
"text": "
|
|
713
|
+
"text": "string"
|
|
773
714
|
},
|
|
774
715
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
775
716
|
"default": "'default'",
|
|
@@ -778,769 +719,991 @@
|
|
|
778
719
|
},
|
|
779
720
|
{
|
|
780
721
|
"kind": "field",
|
|
781
|
-
"name": "
|
|
722
|
+
"name": "autocomplete",
|
|
782
723
|
"privacy": "public",
|
|
783
724
|
"type": {
|
|
784
|
-
"text": "
|
|
725
|
+
"text": "string"
|
|
785
726
|
},
|
|
786
|
-
"description": "
|
|
787
|
-
"attribute": "
|
|
727
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
728
|
+
"attribute": "autocomplete",
|
|
788
729
|
"reflects": true
|
|
789
730
|
},
|
|
790
731
|
{
|
|
791
732
|
"kind": "field",
|
|
792
|
-
"name": "
|
|
733
|
+
"name": "autoPlacement",
|
|
793
734
|
"privacy": "public",
|
|
794
735
|
"type": {
|
|
795
736
|
"text": "boolean"
|
|
796
737
|
},
|
|
797
|
-
"description": "If
|
|
798
|
-
"attribute": "
|
|
738
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
739
|
+
"attribute": "autoPlacement",
|
|
799
740
|
"reflects": true
|
|
800
741
|
},
|
|
801
742
|
{
|
|
802
743
|
"kind": "field",
|
|
803
|
-
"name": "
|
|
744
|
+
"name": "availableOptions",
|
|
745
|
+
"privacy": "private",
|
|
746
|
+
"type": {
|
|
747
|
+
"text": "array"
|
|
748
|
+
},
|
|
749
|
+
"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).",
|
|
750
|
+
"attribute": "availableOptions"
|
|
751
|
+
},
|
|
752
|
+
{
|
|
753
|
+
"kind": "field",
|
|
754
|
+
"name": "behavior",
|
|
804
755
|
"privacy": "public",
|
|
805
756
|
"type": {
|
|
806
|
-
"text": "
|
|
757
|
+
"text": "'filter' | 'suggestion'"
|
|
807
758
|
},
|
|
808
|
-
"description": "
|
|
809
|
-
"
|
|
759
|
+
"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.",
|
|
760
|
+
"default": "'suggestion'",
|
|
761
|
+
"attribute": "behavior",
|
|
810
762
|
"reflects": true
|
|
811
763
|
},
|
|
812
764
|
{
|
|
813
765
|
"kind": "field",
|
|
814
|
-
"name": "
|
|
766
|
+
"name": "checkmark",
|
|
815
767
|
"privacy": "public",
|
|
816
768
|
"type": {
|
|
817
|
-
"text": "
|
|
769
|
+
"text": "boolean"
|
|
818
770
|
},
|
|
819
|
-
"description": "
|
|
820
|
-
"attribute": "
|
|
771
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
772
|
+
"attribute": "checkmark",
|
|
821
773
|
"reflects": true
|
|
822
774
|
},
|
|
823
775
|
{
|
|
824
776
|
"kind": "field",
|
|
825
|
-
"name": "
|
|
826
|
-
"privacy": "
|
|
777
|
+
"name": "disabled",
|
|
778
|
+
"privacy": "public",
|
|
827
779
|
"type": {
|
|
828
|
-
"text": "
|
|
780
|
+
"text": "boolean"
|
|
829
781
|
},
|
|
830
|
-
"description": "
|
|
782
|
+
"description": "If set, disables the combobox.",
|
|
783
|
+
"attribute": "disabled",
|
|
784
|
+
"reflects": true
|
|
831
785
|
},
|
|
832
786
|
{
|
|
833
787
|
"kind": "field",
|
|
834
|
-
"name": "
|
|
835
|
-
"privacy": "
|
|
788
|
+
"name": "dropdownId",
|
|
789
|
+
"privacy": "private",
|
|
836
790
|
"type": {
|
|
837
791
|
"text": "string"
|
|
838
792
|
},
|
|
839
|
-
"description": "
|
|
840
|
-
"attribute": "name"
|
|
793
|
+
"description": "ID for the dropdown."
|
|
841
794
|
},
|
|
842
795
|
{
|
|
843
796
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
797
|
+
"name": "dropdownOpen",
|
|
798
|
+
"privacy": "private",
|
|
846
799
|
"type": {
|
|
847
800
|
"text": "boolean"
|
|
848
801
|
},
|
|
849
|
-
"description": "
|
|
850
|
-
"attribute": "onDark",
|
|
851
|
-
"reflects": true
|
|
802
|
+
"description": "Whether or not the dropdown is open."
|
|
852
803
|
},
|
|
853
804
|
{
|
|
854
805
|
"kind": "field",
|
|
855
|
-
"name": "
|
|
856
|
-
"privacy": "
|
|
806
|
+
"name": "dvInputOnly",
|
|
807
|
+
"privacy": "public",
|
|
857
808
|
"type": {
|
|
858
809
|
"text": "boolean"
|
|
859
810
|
},
|
|
860
|
-
"description": "
|
|
811
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
812
|
+
"attribute": "dvInputOnly",
|
|
813
|
+
"reflects": true
|
|
861
814
|
},
|
|
862
815
|
{
|
|
863
816
|
"kind": "field",
|
|
864
|
-
"name": "
|
|
817
|
+
"name": "error",
|
|
865
818
|
"privacy": "public",
|
|
866
819
|
"type": {
|
|
867
820
|
"text": "string"
|
|
868
821
|
},
|
|
869
|
-
"description": "
|
|
870
|
-
"attribute": "
|
|
822
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
823
|
+
"attribute": "error",
|
|
824
|
+
"reflects": true
|
|
871
825
|
},
|
|
872
826
|
{
|
|
873
827
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
875
|
-
"privacy": "
|
|
828
|
+
"name": "format",
|
|
829
|
+
"privacy": "public",
|
|
876
830
|
"type": {
|
|
877
|
-
"text": "
|
|
831
|
+
"text": "string"
|
|
878
832
|
},
|
|
879
|
-
"description": "
|
|
880
|
-
"attribute": "
|
|
833
|
+
"description": "Specifies the input mask format.",
|
|
834
|
+
"attribute": "format",
|
|
881
835
|
"reflects": true
|
|
882
836
|
},
|
|
883
837
|
{
|
|
884
838
|
"kind": "field",
|
|
885
|
-
"name": "
|
|
886
|
-
"privacy": "
|
|
839
|
+
"name": "inputmode",
|
|
840
|
+
"privacy": "public",
|
|
887
841
|
"type": {
|
|
888
842
|
"text": "string"
|
|
889
843
|
},
|
|
890
|
-
"description": "
|
|
891
|
-
"attribute": "
|
|
844
|
+
"description": "Exposes inputmode attribute for input.",
|
|
845
|
+
"attribute": "inputmode",
|
|
892
846
|
"reflects": true
|
|
893
847
|
},
|
|
894
848
|
{
|
|
895
849
|
"kind": "field",
|
|
896
|
-
"name": "
|
|
897
|
-
"privacy": "
|
|
850
|
+
"name": "layout",
|
|
851
|
+
"privacy": "public",
|
|
898
852
|
"type": {
|
|
899
853
|
"text": "string"
|
|
900
854
|
},
|
|
901
|
-
"description": "
|
|
902
|
-
"
|
|
903
|
-
"
|
|
855
|
+
"description": "Sets the layout of the combobox.",
|
|
856
|
+
"default": "'classic'",
|
|
857
|
+
"attribute": "layout",
|
|
858
|
+
"reflects": true,
|
|
859
|
+
"inheritedFrom": {
|
|
860
|
+
"name": "AuroElement",
|
|
861
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
862
|
+
}
|
|
904
863
|
},
|
|
905
864
|
{
|
|
906
865
|
"kind": "field",
|
|
907
|
-
"name": "
|
|
866
|
+
"name": "matchWidth",
|
|
908
867
|
"privacy": "private",
|
|
909
868
|
"type": {
|
|
910
|
-
"text": "
|
|
869
|
+
"text": "boolean"
|
|
911
870
|
},
|
|
912
|
-
"description": "
|
|
913
|
-
"attribute": "
|
|
871
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
872
|
+
"attribute": "matchWidth",
|
|
914
873
|
"reflects": true
|
|
915
|
-
}
|
|
916
|
-
],
|
|
917
|
-
"events": [
|
|
874
|
+
},
|
|
918
875
|
{
|
|
919
|
-
"
|
|
876
|
+
"kind": "field",
|
|
877
|
+
"name": "noFilter",
|
|
878
|
+
"privacy": "public",
|
|
920
879
|
"type": {
|
|
921
|
-
"text": "
|
|
922
|
-
}
|
|
880
|
+
"text": "boolean"
|
|
881
|
+
},
|
|
882
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
883
|
+
"attribute": "noFilter",
|
|
884
|
+
"reflects": true
|
|
923
885
|
},
|
|
924
886
|
{
|
|
925
|
-
"
|
|
887
|
+
"kind": "field",
|
|
888
|
+
"name": "noFlip",
|
|
889
|
+
"privacy": "public",
|
|
926
890
|
"type": {
|
|
927
|
-
"text": "
|
|
928
|
-
}
|
|
891
|
+
"text": "boolean"
|
|
892
|
+
},
|
|
893
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
894
|
+
"attribute": "noFlip",
|
|
895
|
+
"reflects": true
|
|
929
896
|
},
|
|
930
897
|
{
|
|
931
|
-
"
|
|
932
|
-
"
|
|
933
|
-
|
|
934
|
-
|
|
898
|
+
"kind": "field",
|
|
899
|
+
"name": "shift",
|
|
900
|
+
"privacy": "public",
|
|
901
|
+
"type": {
|
|
902
|
+
"text": "boolean"
|
|
903
|
+
},
|
|
904
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
905
|
+
"attribute": "shift",
|
|
906
|
+
"reflects": true
|
|
935
907
|
},
|
|
936
908
|
{
|
|
937
|
-
"
|
|
938
|
-
"name": "
|
|
909
|
+
"kind": "field",
|
|
910
|
+
"name": "noValidate",
|
|
911
|
+
"privacy": "public",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "boolean"
|
|
914
|
+
},
|
|
915
|
+
"description": "If set, disables auto-validation on blur.",
|
|
916
|
+
"attribute": "noValidate",
|
|
917
|
+
"reflects": true
|
|
939
918
|
},
|
|
940
919
|
{
|
|
941
|
-
"
|
|
942
|
-
"name": "
|
|
943
|
-
|
|
944
|
-
],
|
|
945
|
-
"attributes": [
|
|
946
|
-
{
|
|
947
|
-
"name": "appearance",
|
|
920
|
+
"kind": "field",
|
|
921
|
+
"name": "offset",
|
|
922
|
+
"privacy": "public",
|
|
948
923
|
"type": {
|
|
949
|
-
"text": "
|
|
924
|
+
"text": "number"
|
|
950
925
|
},
|
|
951
|
-
"description": "
|
|
952
|
-
"default": "
|
|
953
|
-
"
|
|
926
|
+
"description": "Gap between the trigger element and bib.",
|
|
927
|
+
"default": "0",
|
|
928
|
+
"attribute": "offset",
|
|
929
|
+
"reflects": true
|
|
954
930
|
},
|
|
955
931
|
{
|
|
956
|
-
"
|
|
932
|
+
"kind": "field",
|
|
933
|
+
"name": "onDark",
|
|
934
|
+
"privacy": "public",
|
|
957
935
|
"type": {
|
|
958
936
|
"text": "boolean"
|
|
959
937
|
},
|
|
960
|
-
"
|
|
961
|
-
"
|
|
938
|
+
"attribute": "onDark",
|
|
939
|
+
"reflects": true,
|
|
940
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
941
|
+
"inheritedFrom": {
|
|
942
|
+
"name": "AuroElement",
|
|
943
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
944
|
+
}
|
|
962
945
|
},
|
|
963
946
|
{
|
|
964
|
-
"
|
|
947
|
+
"kind": "field",
|
|
948
|
+
"name": "optionSelected",
|
|
949
|
+
"privacy": "public",
|
|
965
950
|
"type": {
|
|
966
|
-
"text": "
|
|
951
|
+
"text": "HTMLElement"
|
|
967
952
|
},
|
|
968
|
-
"description": "
|
|
969
|
-
"
|
|
953
|
+
"description": "Specifies the current selected option.",
|
|
954
|
+
"attribute": "optionSelected"
|
|
970
955
|
},
|
|
971
956
|
{
|
|
972
|
-
"
|
|
957
|
+
"kind": "field",
|
|
958
|
+
"name": "persistInput",
|
|
959
|
+
"privacy": "public",
|
|
973
960
|
"type": {
|
|
974
961
|
"text": "boolean"
|
|
975
962
|
},
|
|
976
|
-
"description": "If
|
|
977
|
-
"
|
|
963
|
+
"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.",
|
|
964
|
+
"attribute": "persistInput",
|
|
965
|
+
"reflects": true
|
|
978
966
|
},
|
|
979
967
|
{
|
|
980
|
-
"
|
|
968
|
+
"kind": "field",
|
|
969
|
+
"name": "placement",
|
|
970
|
+
"privacy": "public",
|
|
981
971
|
"type": {
|
|
982
|
-
"text": "
|
|
972
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
983
973
|
},
|
|
984
|
-
"description": "
|
|
985
|
-
"
|
|
974
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
975
|
+
"default": "'bottom-start'",
|
|
976
|
+
"attribute": "placement",
|
|
977
|
+
"reflects": true
|
|
986
978
|
},
|
|
987
979
|
{
|
|
988
|
-
"
|
|
980
|
+
"kind": "field",
|
|
981
|
+
"name": "placeholder",
|
|
982
|
+
"privacy": "public",
|
|
989
983
|
"type": {
|
|
990
984
|
"text": "string"
|
|
991
985
|
},
|
|
992
|
-
"description": "
|
|
993
|
-
"
|
|
986
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
987
|
+
"attribute": "placeholder",
|
|
988
|
+
"reflects": true
|
|
994
989
|
},
|
|
995
990
|
{
|
|
996
|
-
"
|
|
991
|
+
"kind": "field",
|
|
992
|
+
"name": "required",
|
|
993
|
+
"privacy": "public",
|
|
997
994
|
"type": {
|
|
998
995
|
"text": "boolean"
|
|
999
996
|
},
|
|
1000
|
-
"description": "
|
|
1001
|
-
"
|
|
997
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
998
|
+
"attribute": "required",
|
|
999
|
+
"reflects": true
|
|
1002
1000
|
},
|
|
1003
1001
|
{
|
|
1004
|
-
"
|
|
1002
|
+
"kind": "field",
|
|
1003
|
+
"name": "setCustomValidity",
|
|
1004
|
+
"privacy": "public",
|
|
1005
1005
|
"type": {
|
|
1006
1006
|
"text": "string"
|
|
1007
1007
|
},
|
|
1008
|
-
"description": "Sets
|
|
1009
|
-
"
|
|
1008
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1009
|
+
"attribute": "setCustomValidity"
|
|
1010
1010
|
},
|
|
1011
1011
|
{
|
|
1012
|
-
"
|
|
1012
|
+
"kind": "field",
|
|
1013
|
+
"name": "setCustomValidityCustomError",
|
|
1014
|
+
"privacy": "public",
|
|
1013
1015
|
"type": {
|
|
1014
|
-
"text": "
|
|
1016
|
+
"text": "string"
|
|
1015
1017
|
},
|
|
1016
|
-
"description": "
|
|
1017
|
-
"
|
|
1018
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1019
|
+
"attribute": "setCustomValidityCustomError"
|
|
1018
1020
|
},
|
|
1019
1021
|
{
|
|
1020
|
-
"
|
|
1022
|
+
"kind": "field",
|
|
1023
|
+
"name": "setCustomValidityValueMissing",
|
|
1024
|
+
"privacy": "public",
|
|
1021
1025
|
"type": {
|
|
1022
1026
|
"text": "string"
|
|
1023
1027
|
},
|
|
1024
|
-
"description": "
|
|
1025
|
-
"
|
|
1028
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1029
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1026
1030
|
},
|
|
1027
1031
|
{
|
|
1028
|
-
"
|
|
1032
|
+
"kind": "field",
|
|
1033
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1034
|
+
"privacy": "public",
|
|
1029
1035
|
"type": {
|
|
1030
1036
|
"text": "string"
|
|
1031
1037
|
},
|
|
1032
|
-
"description": "
|
|
1033
|
-
"
|
|
1038
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1039
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1034
1040
|
},
|
|
1035
1041
|
{
|
|
1036
|
-
"
|
|
1042
|
+
"kind": "field",
|
|
1043
|
+
"name": "touched",
|
|
1044
|
+
"privacy": "private",
|
|
1037
1045
|
"type": {
|
|
1038
|
-
"text": "
|
|
1046
|
+
"text": "boolean"
|
|
1039
1047
|
},
|
|
1040
|
-
"description": "
|
|
1041
|
-
"fieldName": "role"
|
|
1042
|
-
}
|
|
1043
|
-
],
|
|
1044
|
-
"superclass": {
|
|
1045
|
-
"name": "LitElement",
|
|
1046
|
-
"package": "lit"
|
|
1047
|
-
},
|
|
1048
|
-
"tagName": "auro-checkbox",
|
|
1049
|
-
"customElement": true
|
|
1050
|
-
}
|
|
1051
|
-
],
|
|
1052
|
-
"exports": [
|
|
1053
|
-
{
|
|
1054
|
-
"kind": "js",
|
|
1055
|
-
"name": "AuroCheckbox",
|
|
1056
|
-
"declaration": {
|
|
1057
|
-
"name": "AuroCheckbox",
|
|
1058
|
-
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1059
|
-
}
|
|
1060
|
-
}
|
|
1061
|
-
]
|
|
1062
|
-
},
|
|
1063
|
-
{
|
|
1064
|
-
"kind": "javascript-module",
|
|
1065
|
-
"path": "components/checkbox/src/index.js",
|
|
1066
|
-
"declarations": [],
|
|
1067
|
-
"exports": [
|
|
1068
|
-
{
|
|
1069
|
-
"kind": "js",
|
|
1070
|
-
"name": "AuroCheckbox",
|
|
1071
|
-
"declaration": {
|
|
1072
|
-
"name": "AuroCheckbox",
|
|
1073
|
-
"module": "components/checkbox/src/index.js"
|
|
1074
|
-
}
|
|
1075
|
-
},
|
|
1076
|
-
{
|
|
1077
|
-
"kind": "js",
|
|
1078
|
-
"name": "AuroCheckboxGroup",
|
|
1079
|
-
"declaration": {
|
|
1080
|
-
"name": "AuroCheckboxGroup",
|
|
1081
|
-
"module": "components/checkbox/src/index.js"
|
|
1082
|
-
}
|
|
1083
|
-
}
|
|
1084
|
-
]
|
|
1085
|
-
},
|
|
1086
|
-
{
|
|
1087
|
-
"kind": "javascript-module",
|
|
1088
|
-
"path": "components/checkbox/src/registered.js",
|
|
1089
|
-
"declarations": [],
|
|
1090
|
-
"exports": []
|
|
1091
|
-
},
|
|
1092
|
-
{
|
|
1093
|
-
"kind": "javascript-module",
|
|
1094
|
-
"path": "components/combobox/src/auro-combobox.js",
|
|
1095
|
-
"declarations": [
|
|
1096
|
-
{
|
|
1097
|
-
"kind": "class",
|
|
1098
|
-
"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.",
|
|
1099
|
-
"name": "AuroCombobox",
|
|
1100
|
-
"slots": [
|
|
1101
|
-
{
|
|
1102
|
-
"description": "Default slot for the menu content.",
|
|
1103
|
-
"name": ""
|
|
1048
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1104
1049
|
},
|
|
1105
1050
|
{
|
|
1051
|
+
"kind": "field",
|
|
1052
|
+
"name": "triggerIcon",
|
|
1053
|
+
"privacy": "public",
|
|
1106
1054
|
"type": {
|
|
1107
|
-
"text": "
|
|
1055
|
+
"text": "boolean"
|
|
1108
1056
|
},
|
|
1109
|
-
"description": "
|
|
1110
|
-
"
|
|
1111
|
-
|
|
1112
|
-
{
|
|
1113
|
-
"description": "Sets aria-label on clear button",
|
|
1114
|
-
"name": "ariaLabel.input.clear"
|
|
1057
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1058
|
+
"attribute": "triggerIcon",
|
|
1059
|
+
"reflects": true
|
|
1115
1060
|
},
|
|
1116
1061
|
{
|
|
1117
|
-
"
|
|
1118
|
-
"name": "
|
|
1062
|
+
"kind": "field",
|
|
1063
|
+
"name": "type",
|
|
1064
|
+
"privacy": "public",
|
|
1065
|
+
"type": {
|
|
1066
|
+
"text": "string"
|
|
1067
|
+
},
|
|
1068
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1069
|
+
"attribute": "type",
|
|
1070
|
+
"reflects": true
|
|
1119
1071
|
},
|
|
1120
1072
|
{
|
|
1121
|
-
"
|
|
1122
|
-
"name": "
|
|
1073
|
+
"kind": "field",
|
|
1074
|
+
"name": "typedValue",
|
|
1075
|
+
"privacy": "public",
|
|
1076
|
+
"type": {
|
|
1077
|
+
"text": "string"
|
|
1078
|
+
},
|
|
1079
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1080
|
+
"attribute": "typedValue",
|
|
1081
|
+
"reflects": true
|
|
1123
1082
|
},
|
|
1124
1083
|
{
|
|
1125
|
-
"
|
|
1126
|
-
"name": "
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
"
|
|
1134
|
-
"name": "displayValue"
|
|
1135
|
-
}
|
|
1136
|
-
],
|
|
1137
|
-
"members": [
|
|
1138
|
-
{
|
|
1139
|
-
"kind": "method",
|
|
1140
|
-
"name": "_initializeDefaults",
|
|
1141
|
-
"privacy": "private",
|
|
1142
|
-
"return": {
|
|
1143
|
-
"type": {
|
|
1144
|
-
"text": "void"
|
|
1145
|
-
}
|
|
1146
|
-
}
|
|
1084
|
+
"kind": "field",
|
|
1085
|
+
"name": "validity",
|
|
1086
|
+
"privacy": "public",
|
|
1087
|
+
"type": {
|
|
1088
|
+
"text": "string"
|
|
1089
|
+
},
|
|
1090
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1091
|
+
"attribute": "validity",
|
|
1092
|
+
"reflects": true
|
|
1147
1093
|
},
|
|
1148
1094
|
{
|
|
1149
1095
|
"kind": "field",
|
|
1150
|
-
"name": "
|
|
1151
|
-
"
|
|
1152
|
-
"
|
|
1153
|
-
"
|
|
1154
|
-
"text": "string|undefined"
|
|
1155
|
-
}
|
|
1096
|
+
"name": "value",
|
|
1097
|
+
"privacy": "public",
|
|
1098
|
+
"type": {
|
|
1099
|
+
"text": "string"
|
|
1156
1100
|
},
|
|
1157
|
-
"
|
|
1101
|
+
"description": "Value selected for the dropdown menu.",
|
|
1102
|
+
"attribute": "value"
|
|
1158
1103
|
},
|
|
1159
1104
|
{
|
|
1160
|
-
"kind": "
|
|
1161
|
-
"name": "
|
|
1162
|
-
"
|
|
1163
|
-
"
|
|
1164
|
-
"
|
|
1165
|
-
|
|
1166
|
-
|
|
1167
|
-
|
|
1105
|
+
"kind": "field",
|
|
1106
|
+
"name": "largeFullscreenHeadline",
|
|
1107
|
+
"privacy": "public",
|
|
1108
|
+
"type": {
|
|
1109
|
+
"text": "boolean"
|
|
1110
|
+
},
|
|
1111
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1112
|
+
"attribute": "largeFullscreenHeadline",
|
|
1113
|
+
"reflects": true
|
|
1168
1114
|
},
|
|
1169
1115
|
{
|
|
1170
|
-
"kind": "
|
|
1171
|
-
"name": "
|
|
1172
|
-
"
|
|
1173
|
-
"
|
|
1174
|
-
|
|
1175
|
-
|
|
1176
|
-
|
|
1177
|
-
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
"text": "string"
|
|
1181
|
-
}
|
|
1182
|
-
}
|
|
1183
|
-
],
|
|
1184
|
-
"description": "This will register this element with the browser."
|
|
1116
|
+
"kind": "field",
|
|
1117
|
+
"name": "fullscreenBreakpoint",
|
|
1118
|
+
"privacy": "public",
|
|
1119
|
+
"type": {
|
|
1120
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1121
|
+
},
|
|
1122
|
+
"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.",
|
|
1123
|
+
"default": "'sm'",
|
|
1124
|
+
"attribute": "fullscreenBreakpoint",
|
|
1125
|
+
"reflects": true
|
|
1185
1126
|
},
|
|
1186
1127
|
{
|
|
1187
|
-
"kind": "
|
|
1188
|
-
"name": "
|
|
1189
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1128
|
+
"kind": "field",
|
|
1129
|
+
"name": "optionActive",
|
|
1190
1130
|
"privacy": "private",
|
|
1191
|
-
"
|
|
1192
|
-
"
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
}
|
|
1131
|
+
"type": {
|
|
1132
|
+
"text": "object"
|
|
1133
|
+
},
|
|
1134
|
+
"description": "Specifies the currently active option."
|
|
1196
1135
|
},
|
|
1197
1136
|
{
|
|
1198
|
-
"kind": "
|
|
1199
|
-
"name": "
|
|
1200
|
-
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
1137
|
+
"kind": "field",
|
|
1138
|
+
"name": "triggerExpandedState",
|
|
1201
1139
|
"privacy": "private",
|
|
1202
|
-
"
|
|
1203
|
-
"
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
}
|
|
1207
|
-
},
|
|
1208
|
-
{
|
|
1209
|
-
"kind": "method",
|
|
1210
|
-
"name": "updateFilter",
|
|
1211
|
-
"description": "Updates the filter for the available options based on the input value.",
|
|
1212
|
-
"privacy": "private"
|
|
1140
|
+
"type": {
|
|
1141
|
+
"text": "boolean"
|
|
1142
|
+
},
|
|
1143
|
+
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1213
1144
|
},
|
|
1214
1145
|
{
|
|
1215
|
-
"kind": "
|
|
1216
|
-
"name": "
|
|
1217
|
-
"description": "
|
|
1146
|
+
"kind": "field",
|
|
1147
|
+
"name": "componentHasFocus",
|
|
1148
|
+
"description": "Returns true if the element has focus.",
|
|
1218
1149
|
"privacy": "private",
|
|
1219
1150
|
"return": {
|
|
1220
1151
|
"type": {
|
|
1221
|
-
"text": "
|
|
1152
|
+
"text": "boolean"
|
|
1222
1153
|
}
|
|
1154
|
+
},
|
|
1155
|
+
"readonly": true,
|
|
1156
|
+
"inheritedFrom": {
|
|
1157
|
+
"name": "AuroElement",
|
|
1158
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1223
1159
|
}
|
|
1224
1160
|
},
|
|
1225
1161
|
{
|
|
1226
1162
|
"kind": "method",
|
|
1227
|
-
"name": "
|
|
1228
|
-
"
|
|
1229
|
-
|
|
1230
|
-
|
|
1231
|
-
"description": "The label of the selected option.",
|
|
1232
|
-
"type": {
|
|
1233
|
-
"text": "string"
|
|
1234
|
-
}
|
|
1235
|
-
}
|
|
1236
|
-
],
|
|
1237
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1238
|
-
"privacy": "private"
|
|
1239
|
-
},
|
|
1240
|
-
{
|
|
1241
|
-
"kind": "method",
|
|
1242
|
-
"name": "handleMenuOptions",
|
|
1243
|
-
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
1244
|
-
"privacy": "private",
|
|
1245
|
-
"return": {
|
|
1246
|
-
"type": {
|
|
1247
|
-
"text": "void"
|
|
1248
|
-
}
|
|
1163
|
+
"name": "resetShapeClasses",
|
|
1164
|
+
"inheritedFrom": {
|
|
1165
|
+
"name": "AuroElement",
|
|
1166
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1249
1167
|
}
|
|
1250
1168
|
},
|
|
1251
1169
|
{
|
|
1252
1170
|
"kind": "method",
|
|
1253
|
-
"name": "
|
|
1254
|
-
"
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
"type": {
|
|
1258
|
-
"text": "void"
|
|
1259
|
-
}
|
|
1171
|
+
"name": "resetLayoutClasses",
|
|
1172
|
+
"inheritedFrom": {
|
|
1173
|
+
"name": "AuroElement",
|
|
1174
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1260
1175
|
}
|
|
1261
1176
|
},
|
|
1262
1177
|
{
|
|
1263
1178
|
"kind": "method",
|
|
1264
|
-
"name": "
|
|
1265
|
-
"
|
|
1266
|
-
|
|
1267
|
-
"
|
|
1268
|
-
"text": "void"
|
|
1269
|
-
}
|
|
1179
|
+
"name": "updateComponentArchitecture",
|
|
1180
|
+
"inheritedFrom": {
|
|
1181
|
+
"name": "AuroElement",
|
|
1182
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1270
1183
|
}
|
|
1271
1184
|
},
|
|
1272
1185
|
{
|
|
1273
|
-
"kind": "
|
|
1274
|
-
"name": "
|
|
1275
|
-
"
|
|
1276
|
-
"
|
|
1277
|
-
"
|
|
1278
|
-
|
|
1279
|
-
|
|
1186
|
+
"kind": "field",
|
|
1187
|
+
"name": "shape",
|
|
1188
|
+
"privacy": "public",
|
|
1189
|
+
"type": {
|
|
1190
|
+
"text": "string"
|
|
1191
|
+
},
|
|
1192
|
+
"attribute": "shape",
|
|
1193
|
+
"reflects": true,
|
|
1194
|
+
"inheritedFrom": {
|
|
1195
|
+
"name": "AuroElement",
|
|
1196
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1280
1197
|
}
|
|
1281
1198
|
},
|
|
1282
1199
|
{
|
|
1283
|
-
"kind": "
|
|
1284
|
-
"name": "
|
|
1285
|
-
"
|
|
1286
|
-
"
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1200
|
+
"kind": "field",
|
|
1201
|
+
"name": "size",
|
|
1202
|
+
"privacy": "public",
|
|
1203
|
+
"type": {
|
|
1204
|
+
"text": "string"
|
|
1205
|
+
},
|
|
1206
|
+
"attribute": "size",
|
|
1207
|
+
"reflects": true,
|
|
1208
|
+
"inheritedFrom": {
|
|
1209
|
+
"name": "AuroElement",
|
|
1210
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1291
1211
|
}
|
|
1292
|
-
}
|
|
1212
|
+
}
|
|
1213
|
+
],
|
|
1214
|
+
"events": [
|
|
1293
1215
|
{
|
|
1294
|
-
"
|
|
1295
|
-
"
|
|
1296
|
-
|
|
1216
|
+
"name": "inputValue",
|
|
1217
|
+
"type": {
|
|
1218
|
+
"text": "CustomEvent"
|
|
1219
|
+
},
|
|
1220
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1297
1221
|
},
|
|
1298
1222
|
{
|
|
1299
|
-
"
|
|
1300
|
-
"
|
|
1301
|
-
|
|
1223
|
+
"name": "input",
|
|
1224
|
+
"type": {
|
|
1225
|
+
"text": "CustomEvent"
|
|
1226
|
+
},
|
|
1227
|
+
"description": "Notifies that the component has a new value set."
|
|
1302
1228
|
},
|
|
1303
1229
|
{
|
|
1304
|
-
"
|
|
1305
|
-
"
|
|
1306
|
-
|
|
1230
|
+
"name": "auroCombobox-valueSet",
|
|
1231
|
+
"type": {
|
|
1232
|
+
"text": "CustomEvent"
|
|
1233
|
+
},
|
|
1234
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1307
1235
|
},
|
|
1308
1236
|
{
|
|
1309
|
-
"
|
|
1310
|
-
"name": "
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
|
|
1237
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1238
|
+
"name": "auroFormElement-validated"
|
|
1239
|
+
}
|
|
1240
|
+
],
|
|
1241
|
+
"attributes": [
|
|
1314
1242
|
{
|
|
1315
|
-
"
|
|
1316
|
-
"
|
|
1317
|
-
|
|
1318
|
-
|
|
1243
|
+
"name": "appearance",
|
|
1244
|
+
"type": {
|
|
1245
|
+
"text": "string"
|
|
1246
|
+
},
|
|
1247
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1248
|
+
"default": "'default'",
|
|
1249
|
+
"fieldName": "appearance"
|
|
1319
1250
|
},
|
|
1320
1251
|
{
|
|
1321
|
-
"
|
|
1322
|
-
"
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
"
|
|
1326
|
-
|
|
1327
|
-
"text": "ShadowRoot"
|
|
1328
|
-
}
|
|
1329
|
-
}
|
|
1252
|
+
"name": "autocomplete",
|
|
1253
|
+
"type": {
|
|
1254
|
+
"text": "string"
|
|
1255
|
+
},
|
|
1256
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1257
|
+
"fieldName": "autocomplete"
|
|
1330
1258
|
},
|
|
1331
1259
|
{
|
|
1332
|
-
"
|
|
1333
|
-
"
|
|
1334
|
-
|
|
1335
|
-
|
|
1336
|
-
"
|
|
1337
|
-
|
|
1338
|
-
"text": "void"
|
|
1339
|
-
}
|
|
1340
|
-
}
|
|
1260
|
+
"name": "autoPlacement",
|
|
1261
|
+
"type": {
|
|
1262
|
+
"text": "boolean"
|
|
1263
|
+
},
|
|
1264
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1265
|
+
"fieldName": "autoPlacement"
|
|
1341
1266
|
},
|
|
1342
1267
|
{
|
|
1343
|
-
"
|
|
1344
|
-
"
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
"
|
|
1348
|
-
|
|
1349
|
-
"text": "void"
|
|
1350
|
-
}
|
|
1351
|
-
}
|
|
1268
|
+
"name": "availableOptions",
|
|
1269
|
+
"type": {
|
|
1270
|
+
"text": "array"
|
|
1271
|
+
},
|
|
1272
|
+
"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).",
|
|
1273
|
+
"fieldName": "availableOptions"
|
|
1352
1274
|
},
|
|
1353
1275
|
{
|
|
1354
|
-
"
|
|
1355
|
-
"
|
|
1356
|
-
|
|
1357
|
-
|
|
1358
|
-
|
|
1359
|
-
|
|
1360
|
-
|
|
1361
|
-
"text": "CustomEvent"
|
|
1362
|
-
}
|
|
1363
|
-
},
|
|
1364
|
-
{
|
|
1365
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
1366
|
-
"name": "event.detail.loading",
|
|
1367
|
-
"type": {
|
|
1368
|
-
"text": "boolean"
|
|
1369
|
-
}
|
|
1370
|
-
},
|
|
1371
|
-
{
|
|
1372
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
1373
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
1374
|
-
"type": {
|
|
1375
|
-
"text": "boolean"
|
|
1376
|
-
}
|
|
1377
|
-
}
|
|
1378
|
-
],
|
|
1379
|
-
"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.",
|
|
1380
|
-
"privacy": "private",
|
|
1381
|
-
"return": {
|
|
1382
|
-
"type": {
|
|
1383
|
-
"text": "void"
|
|
1384
|
-
}
|
|
1385
|
-
}
|
|
1276
|
+
"name": "behavior",
|
|
1277
|
+
"type": {
|
|
1278
|
+
"text": "'filter' | 'suggestion'"
|
|
1279
|
+
},
|
|
1280
|
+
"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.",
|
|
1281
|
+
"default": "'suggestion'",
|
|
1282
|
+
"fieldName": "behavior"
|
|
1386
1283
|
},
|
|
1387
1284
|
{
|
|
1388
|
-
"
|
|
1389
|
-
"
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
"type": {
|
|
1395
|
-
"text": "Event"
|
|
1396
|
-
}
|
|
1397
|
-
}
|
|
1398
|
-
],
|
|
1399
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1400
|
-
"privacy": "private",
|
|
1401
|
-
"return": {
|
|
1402
|
-
"type": {
|
|
1403
|
-
"text": "void"
|
|
1404
|
-
}
|
|
1405
|
-
}
|
|
1285
|
+
"name": "checkmark",
|
|
1286
|
+
"type": {
|
|
1287
|
+
"text": "boolean"
|
|
1288
|
+
},
|
|
1289
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1290
|
+
"fieldName": "checkmark"
|
|
1406
1291
|
},
|
|
1407
1292
|
{
|
|
1408
|
-
"
|
|
1409
|
-
"
|
|
1410
|
-
|
|
1411
|
-
|
|
1412
|
-
"
|
|
1413
|
-
|
|
1414
|
-
"text": "void"
|
|
1415
|
-
}
|
|
1416
|
-
}
|
|
1293
|
+
"name": "disabled",
|
|
1294
|
+
"type": {
|
|
1295
|
+
"text": "boolean"
|
|
1296
|
+
},
|
|
1297
|
+
"description": "If set, disables the combobox.",
|
|
1298
|
+
"fieldName": "disabled"
|
|
1417
1299
|
},
|
|
1418
1300
|
{
|
|
1419
|
-
"
|
|
1420
|
-
"
|
|
1421
|
-
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
}
|
|
1426
|
-
}
|
|
1301
|
+
"name": "dvInputOnly",
|
|
1302
|
+
"type": {
|
|
1303
|
+
"text": "boolean"
|
|
1304
|
+
},
|
|
1305
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1306
|
+
"fieldName": "dvInputOnly"
|
|
1427
1307
|
},
|
|
1428
1308
|
{
|
|
1429
|
-
"
|
|
1430
|
-
"
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
"type": {
|
|
1436
|
-
"text": "string"
|
|
1437
|
-
}
|
|
1438
|
-
}
|
|
1439
|
-
],
|
|
1440
|
-
"description": "Sets the menu value if menu is available.",
|
|
1441
|
-
"return": {
|
|
1442
|
-
"type": {
|
|
1443
|
-
"text": "void"
|
|
1444
|
-
}
|
|
1445
|
-
}
|
|
1309
|
+
"name": "error",
|
|
1310
|
+
"type": {
|
|
1311
|
+
"text": "string"
|
|
1312
|
+
},
|
|
1313
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1314
|
+
"fieldName": "error"
|
|
1446
1315
|
},
|
|
1447
1316
|
{
|
|
1448
|
-
"
|
|
1449
|
-
"
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
}
|
|
1455
|
-
}
|
|
1317
|
+
"name": "format",
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "string"
|
|
1320
|
+
},
|
|
1321
|
+
"description": "Specifies the input mask format.",
|
|
1322
|
+
"fieldName": "format"
|
|
1456
1323
|
},
|
|
1457
1324
|
{
|
|
1458
|
-
"
|
|
1459
|
-
"
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1325
|
+
"name": "inputmode",
|
|
1326
|
+
"type": {
|
|
1327
|
+
"text": "string"
|
|
1328
|
+
},
|
|
1329
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1330
|
+
"fieldName": "inputmode"
|
|
1331
|
+
},
|
|
1332
|
+
{
|
|
1333
|
+
"name": "layout",
|
|
1334
|
+
"type": {
|
|
1335
|
+
"text": "string"
|
|
1336
|
+
},
|
|
1337
|
+
"description": "Sets the layout of the combobox.",
|
|
1338
|
+
"default": "'classic'",
|
|
1339
|
+
"fieldName": "layout",
|
|
1340
|
+
"inheritedFrom": {
|
|
1341
|
+
"name": "AuroElement",
|
|
1342
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1465
1343
|
}
|
|
1466
1344
|
},
|
|
1467
1345
|
{
|
|
1468
|
-
"
|
|
1469
|
-
"
|
|
1470
|
-
|
|
1471
|
-
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
"description": "Whether to force validation.",
|
|
1475
|
-
"optional": true,
|
|
1476
|
-
"type": {
|
|
1477
|
-
"text": "boolean"
|
|
1478
|
-
}
|
|
1479
|
-
}
|
|
1480
|
-
],
|
|
1481
|
-
"description": "Validates value."
|
|
1346
|
+
"name": "matchWidth",
|
|
1347
|
+
"type": {
|
|
1348
|
+
"text": "boolean"
|
|
1349
|
+
},
|
|
1350
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1351
|
+
"fieldName": "matchWidth"
|
|
1482
1352
|
},
|
|
1483
1353
|
{
|
|
1484
|
-
"
|
|
1485
|
-
"
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
"type": {
|
|
1491
|
-
"text": "HTMLSlotElement"
|
|
1492
|
-
}
|
|
1493
|
-
},
|
|
1494
|
-
{
|
|
1495
|
-
"name": "target",
|
|
1496
|
-
"description": "The target element to apply the nodes to.",
|
|
1497
|
-
"type": {
|
|
1498
|
-
"text": "HTMLElement"
|
|
1499
|
-
}
|
|
1500
|
-
},
|
|
1501
|
-
{
|
|
1502
|
-
"name": "newSlotName",
|
|
1503
|
-
"description": "The new slot name for the applied nodes.",
|
|
1504
|
-
"type": {
|
|
1505
|
-
"text": "string"
|
|
1506
|
-
}
|
|
1507
|
-
}
|
|
1508
|
-
],
|
|
1509
|
-
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
1510
|
-
"privacy": "private",
|
|
1511
|
-
"return": {
|
|
1512
|
-
"type": {
|
|
1513
|
-
"text": "void"
|
|
1514
|
-
}
|
|
1515
|
-
}
|
|
1354
|
+
"name": "noFilter",
|
|
1355
|
+
"type": {
|
|
1356
|
+
"text": "boolean"
|
|
1357
|
+
},
|
|
1358
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1359
|
+
"fieldName": "noFilter"
|
|
1516
1360
|
},
|
|
1517
1361
|
{
|
|
1518
|
-
"
|
|
1519
|
-
"
|
|
1362
|
+
"name": "noFlip",
|
|
1363
|
+
"type": {
|
|
1364
|
+
"text": "boolean"
|
|
1365
|
+
},
|
|
1366
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1367
|
+
"fieldName": "noFlip"
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"name": "shift",
|
|
1371
|
+
"type": {
|
|
1372
|
+
"text": "boolean"
|
|
1373
|
+
},
|
|
1374
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1375
|
+
"fieldName": "shift"
|
|
1376
|
+
},
|
|
1377
|
+
{
|
|
1378
|
+
"name": "noValidate",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "boolean"
|
|
1381
|
+
},
|
|
1382
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1383
|
+
"fieldName": "noValidate"
|
|
1384
|
+
},
|
|
1385
|
+
{
|
|
1386
|
+
"name": "offset",
|
|
1387
|
+
"type": {
|
|
1388
|
+
"text": "number"
|
|
1389
|
+
},
|
|
1390
|
+
"description": "Gap between the trigger element and bib.",
|
|
1391
|
+
"default": "0",
|
|
1392
|
+
"fieldName": "offset"
|
|
1393
|
+
},
|
|
1394
|
+
{
|
|
1395
|
+
"name": "onDark",
|
|
1396
|
+
"type": {
|
|
1397
|
+
"text": "boolean"
|
|
1398
|
+
},
|
|
1399
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1400
|
+
"fieldName": "onDark"
|
|
1401
|
+
},
|
|
1402
|
+
{
|
|
1403
|
+
"name": "optionSelected",
|
|
1404
|
+
"type": {
|
|
1405
|
+
"text": "HTMLElement"
|
|
1406
|
+
},
|
|
1407
|
+
"description": "Specifies the current selected option.",
|
|
1408
|
+
"fieldName": "optionSelected"
|
|
1409
|
+
},
|
|
1410
|
+
{
|
|
1411
|
+
"name": "persistInput",
|
|
1412
|
+
"type": {
|
|
1413
|
+
"text": "boolean"
|
|
1414
|
+
},
|
|
1415
|
+
"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.",
|
|
1416
|
+
"fieldName": "persistInput"
|
|
1417
|
+
},
|
|
1418
|
+
{
|
|
1419
|
+
"name": "placement",
|
|
1420
|
+
"type": {
|
|
1421
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1422
|
+
},
|
|
1423
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1424
|
+
"default": "'bottom-start'",
|
|
1425
|
+
"fieldName": "placement"
|
|
1426
|
+
},
|
|
1427
|
+
{
|
|
1428
|
+
"name": "placeholder",
|
|
1429
|
+
"type": {
|
|
1430
|
+
"text": "string"
|
|
1431
|
+
},
|
|
1432
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1433
|
+
"fieldName": "placeholder"
|
|
1434
|
+
},
|
|
1435
|
+
{
|
|
1436
|
+
"name": "required",
|
|
1437
|
+
"type": {
|
|
1438
|
+
"text": "boolean"
|
|
1439
|
+
},
|
|
1440
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1441
|
+
"fieldName": "required"
|
|
1442
|
+
},
|
|
1443
|
+
{
|
|
1444
|
+
"name": "setCustomValidity",
|
|
1445
|
+
"type": {
|
|
1446
|
+
"text": "string"
|
|
1447
|
+
},
|
|
1448
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1449
|
+
"fieldName": "setCustomValidity"
|
|
1450
|
+
},
|
|
1451
|
+
{
|
|
1452
|
+
"name": "setCustomValidityCustomError",
|
|
1453
|
+
"type": {
|
|
1454
|
+
"text": "string"
|
|
1455
|
+
},
|
|
1456
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1457
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1458
|
+
},
|
|
1459
|
+
{
|
|
1460
|
+
"name": "setCustomValidityValueMissing",
|
|
1461
|
+
"type": {
|
|
1462
|
+
"text": "string"
|
|
1463
|
+
},
|
|
1464
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1465
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1469
|
+
"type": {
|
|
1470
|
+
"text": "string"
|
|
1471
|
+
},
|
|
1472
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1473
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1474
|
+
},
|
|
1475
|
+
{
|
|
1476
|
+
"name": "triggerIcon",
|
|
1477
|
+
"type": {
|
|
1478
|
+
"text": "boolean"
|
|
1479
|
+
},
|
|
1480
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1481
|
+
"fieldName": "triggerIcon"
|
|
1482
|
+
},
|
|
1483
|
+
{
|
|
1484
|
+
"name": "type",
|
|
1485
|
+
"type": {
|
|
1486
|
+
"text": "string"
|
|
1487
|
+
},
|
|
1488
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1489
|
+
"fieldName": "type"
|
|
1490
|
+
},
|
|
1491
|
+
{
|
|
1492
|
+
"name": "typedValue",
|
|
1493
|
+
"type": {
|
|
1494
|
+
"text": "string"
|
|
1495
|
+
},
|
|
1496
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1497
|
+
"fieldName": "typedValue"
|
|
1498
|
+
},
|
|
1499
|
+
{
|
|
1500
|
+
"name": "validity",
|
|
1501
|
+
"type": {
|
|
1502
|
+
"text": "string"
|
|
1503
|
+
},
|
|
1504
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1505
|
+
"fieldName": "validity"
|
|
1506
|
+
},
|
|
1507
|
+
{
|
|
1508
|
+
"name": "value",
|
|
1509
|
+
"type": {
|
|
1510
|
+
"text": "string"
|
|
1511
|
+
},
|
|
1512
|
+
"description": "Value selected for the dropdown menu.",
|
|
1513
|
+
"fieldName": "value"
|
|
1514
|
+
},
|
|
1515
|
+
{
|
|
1516
|
+
"name": "largeFullscreenHeadline",
|
|
1517
|
+
"type": {
|
|
1518
|
+
"text": "boolean"
|
|
1519
|
+
},
|
|
1520
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1521
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1522
|
+
},
|
|
1523
|
+
{
|
|
1524
|
+
"name": "fullscreenBreakpoint",
|
|
1525
|
+
"type": {
|
|
1526
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1527
|
+
},
|
|
1528
|
+
"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.",
|
|
1529
|
+
"default": "'sm'",
|
|
1530
|
+
"fieldName": "fullscreenBreakpoint"
|
|
1531
|
+
},
|
|
1532
|
+
{
|
|
1533
|
+
"name": "shape",
|
|
1534
|
+
"type": {
|
|
1535
|
+
"text": "string"
|
|
1536
|
+
},
|
|
1537
|
+
"fieldName": "shape",
|
|
1538
|
+
"inheritedFrom": {
|
|
1539
|
+
"name": "AuroElement",
|
|
1540
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1541
|
+
}
|
|
1542
|
+
},
|
|
1543
|
+
{
|
|
1544
|
+
"name": "size",
|
|
1545
|
+
"type": {
|
|
1546
|
+
"text": "string"
|
|
1547
|
+
},
|
|
1548
|
+
"fieldName": "size",
|
|
1549
|
+
"inheritedFrom": {
|
|
1550
|
+
"name": "AuroElement",
|
|
1551
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1552
|
+
}
|
|
1553
|
+
},
|
|
1554
|
+
{
|
|
1555
|
+
"name": "ondark",
|
|
1556
|
+
"type": {
|
|
1557
|
+
"text": "boolean"
|
|
1558
|
+
},
|
|
1559
|
+
"fieldName": "onDark",
|
|
1560
|
+
"inheritedFrom": {
|
|
1561
|
+
"name": "AuroElement",
|
|
1562
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1563
|
+
}
|
|
1564
|
+
}
|
|
1565
|
+
],
|
|
1566
|
+
"superclass": {
|
|
1567
|
+
"name": "AuroElement",
|
|
1568
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
1569
|
+
},
|
|
1570
|
+
"tagName": "auro-combobox",
|
|
1571
|
+
"customElement": true
|
|
1572
|
+
}
|
|
1573
|
+
],
|
|
1574
|
+
"exports": [
|
|
1575
|
+
{
|
|
1576
|
+
"kind": "js",
|
|
1577
|
+
"name": "AuroCombobox",
|
|
1578
|
+
"declaration": {
|
|
1579
|
+
"name": "AuroCombobox",
|
|
1580
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
1581
|
+
}
|
|
1582
|
+
}
|
|
1583
|
+
]
|
|
1584
|
+
},
|
|
1585
|
+
{
|
|
1586
|
+
"kind": "javascript-module",
|
|
1587
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1588
|
+
"declarations": [
|
|
1589
|
+
{
|
|
1590
|
+
"kind": "variable",
|
|
1591
|
+
"name": "comboboxKeyboardStrategy",
|
|
1592
|
+
"type": {
|
|
1593
|
+
"text": "object"
|
|
1594
|
+
},
|
|
1595
|
+
"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(); } } }, }"
|
|
1596
|
+
}
|
|
1597
|
+
],
|
|
1598
|
+
"exports": [
|
|
1599
|
+
{
|
|
1600
|
+
"kind": "js",
|
|
1601
|
+
"name": "comboboxKeyboardStrategy",
|
|
1602
|
+
"declaration": {
|
|
1603
|
+
"name": "comboboxKeyboardStrategy",
|
|
1604
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1605
|
+
}
|
|
1606
|
+
}
|
|
1607
|
+
]
|
|
1608
|
+
},
|
|
1609
|
+
{
|
|
1610
|
+
"kind": "javascript-module",
|
|
1611
|
+
"path": "components/combobox/src/index.js",
|
|
1612
|
+
"declarations": [],
|
|
1613
|
+
"exports": [
|
|
1614
|
+
{
|
|
1615
|
+
"kind": "js",
|
|
1616
|
+
"name": "AuroCombobox",
|
|
1617
|
+
"declaration": {
|
|
1618
|
+
"name": "AuroCombobox",
|
|
1619
|
+
"module": "components/combobox/src/index.js"
|
|
1620
|
+
}
|
|
1621
|
+
}
|
|
1622
|
+
]
|
|
1623
|
+
},
|
|
1624
|
+
{
|
|
1625
|
+
"kind": "javascript-module",
|
|
1626
|
+
"path": "components/combobox/src/registered.js",
|
|
1627
|
+
"declarations": [],
|
|
1628
|
+
"exports": [
|
|
1629
|
+
{
|
|
1630
|
+
"kind": "js",
|
|
1631
|
+
"name": "AuroCombobox",
|
|
1632
|
+
"declaration": {
|
|
1633
|
+
"name": "AuroCombobox",
|
|
1634
|
+
"module": "components/combobox/src/registered.js"
|
|
1635
|
+
}
|
|
1636
|
+
}
|
|
1637
|
+
]
|
|
1638
|
+
},
|
|
1639
|
+
{
|
|
1640
|
+
"kind": "javascript-module",
|
|
1641
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1642
|
+
"declarations": [
|
|
1643
|
+
{
|
|
1644
|
+
"kind": "class",
|
|
1645
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1646
|
+
"name": "AuroCheckboxGroup",
|
|
1647
|
+
"slots": [
|
|
1648
|
+
{
|
|
1649
|
+
"description": "Allows for the legend to be overridden.",
|
|
1650
|
+
"name": "legend"
|
|
1651
|
+
},
|
|
1652
|
+
{
|
|
1653
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1654
|
+
"name": "optionalLabel"
|
|
1655
|
+
},
|
|
1656
|
+
{
|
|
1657
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1658
|
+
"name": "helpText"
|
|
1659
|
+
},
|
|
1660
|
+
{
|
|
1661
|
+
"description": "The default slot for the checkbox items.",
|
|
1662
|
+
"name": "default"
|
|
1663
|
+
}
|
|
1664
|
+
],
|
|
1665
|
+
"members": [
|
|
1666
|
+
{
|
|
1667
|
+
"kind": "method",
|
|
1668
|
+
"name": "_initializeDefaults"
|
|
1669
|
+
},
|
|
1670
|
+
{
|
|
1671
|
+
"kind": "method",
|
|
1672
|
+
"name": "register",
|
|
1673
|
+
"static": true,
|
|
1520
1674
|
"parameters": [
|
|
1521
1675
|
{
|
|
1522
|
-
"name": "
|
|
1523
|
-
"
|
|
1676
|
+
"name": "name",
|
|
1677
|
+
"default": "\"auro-checkbox-group\"",
|
|
1678
|
+
"description": "The name of the element that you want to register.",
|
|
1679
|
+
"optional": true,
|
|
1524
1680
|
"type": {
|
|
1525
|
-
"text": "
|
|
1681
|
+
"text": "string"
|
|
1526
1682
|
}
|
|
1527
1683
|
}
|
|
1528
1684
|
],
|
|
1529
|
-
"description": "
|
|
1685
|
+
"description": "This will register this element with the browser."
|
|
1530
1686
|
},
|
|
1531
1687
|
{
|
|
1532
1688
|
"kind": "method",
|
|
1533
|
-
"name": "
|
|
1689
|
+
"name": "handleValueUpdate",
|
|
1534
1690
|
"parameters": [
|
|
1535
1691
|
{
|
|
1536
|
-
"name": "
|
|
1537
|
-
"description": "
|
|
1692
|
+
"name": "value",
|
|
1693
|
+
"description": "The value of the checkbox.",
|
|
1538
1694
|
"type": {
|
|
1539
|
-
"text": "
|
|
1695
|
+
"text": "String"
|
|
1696
|
+
}
|
|
1697
|
+
},
|
|
1698
|
+
{
|
|
1699
|
+
"name": "selected",
|
|
1700
|
+
"description": "The checked state of the checkbox.",
|
|
1701
|
+
"type": {
|
|
1702
|
+
"text": "Boolean"
|
|
1540
1703
|
}
|
|
1541
1704
|
}
|
|
1542
1705
|
],
|
|
1543
|
-
"description": "
|
|
1706
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1544
1707
|
"privacy": "private",
|
|
1545
1708
|
"return": {
|
|
1546
1709
|
"type": {
|
|
@@ -1549,285 +1712,118 @@
|
|
|
1549
1712
|
}
|
|
1550
1713
|
},
|
|
1551
1714
|
{
|
|
1552
|
-
"kind": "
|
|
1553
|
-
"name": "
|
|
1554
|
-
"
|
|
1555
|
-
"type": {
|
|
1556
|
-
"text": "string"
|
|
1557
|
-
},
|
|
1558
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1559
|
-
"default": "'default'",
|
|
1560
|
-
"attribute": "appearance",
|
|
1561
|
-
"reflects": true
|
|
1562
|
-
},
|
|
1563
|
-
{
|
|
1564
|
-
"kind": "field",
|
|
1565
|
-
"name": "autocomplete",
|
|
1566
|
-
"privacy": "public",
|
|
1567
|
-
"type": {
|
|
1568
|
-
"text": "string"
|
|
1569
|
-
},
|
|
1570
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1571
|
-
"attribute": "autocomplete",
|
|
1572
|
-
"reflects": true
|
|
1573
|
-
},
|
|
1574
|
-
{
|
|
1575
|
-
"kind": "field",
|
|
1576
|
-
"name": "autoPlacement",
|
|
1577
|
-
"privacy": "public",
|
|
1578
|
-
"type": {
|
|
1579
|
-
"text": "boolean"
|
|
1580
|
-
},
|
|
1581
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1582
|
-
"attribute": "autoPlacement",
|
|
1583
|
-
"reflects": true
|
|
1584
|
-
},
|
|
1585
|
-
{
|
|
1586
|
-
"kind": "field",
|
|
1587
|
-
"name": "availableOptions",
|
|
1588
|
-
"privacy": "private",
|
|
1589
|
-
"type": {
|
|
1590
|
-
"text": "array"
|
|
1591
|
-
},
|
|
1592
|
-
"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).",
|
|
1593
|
-
"attribute": "availableOptions"
|
|
1594
|
-
},
|
|
1595
|
-
{
|
|
1596
|
-
"kind": "field",
|
|
1597
|
-
"name": "behavior",
|
|
1598
|
-
"privacy": "public",
|
|
1599
|
-
"type": {
|
|
1600
|
-
"text": "'filter' | 'suggestion'"
|
|
1601
|
-
},
|
|
1602
|
-
"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.",
|
|
1603
|
-
"default": "'suggestion'",
|
|
1604
|
-
"attribute": "behavior",
|
|
1605
|
-
"reflects": true
|
|
1606
|
-
},
|
|
1607
|
-
{
|
|
1608
|
-
"kind": "field",
|
|
1609
|
-
"name": "checkmark",
|
|
1610
|
-
"privacy": "public",
|
|
1611
|
-
"type": {
|
|
1612
|
-
"text": "boolean"
|
|
1613
|
-
},
|
|
1614
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1615
|
-
"attribute": "checkmark",
|
|
1616
|
-
"reflects": true
|
|
1617
|
-
},
|
|
1618
|
-
{
|
|
1619
|
-
"kind": "field",
|
|
1620
|
-
"name": "disabled",
|
|
1621
|
-
"privacy": "public",
|
|
1622
|
-
"type": {
|
|
1623
|
-
"text": "boolean"
|
|
1624
|
-
},
|
|
1625
|
-
"description": "If set, disables the combobox.",
|
|
1626
|
-
"attribute": "disabled",
|
|
1627
|
-
"reflects": true
|
|
1628
|
-
},
|
|
1629
|
-
{
|
|
1630
|
-
"kind": "field",
|
|
1631
|
-
"name": "dropdownId",
|
|
1632
|
-
"privacy": "private",
|
|
1633
|
-
"type": {
|
|
1634
|
-
"text": "string"
|
|
1635
|
-
},
|
|
1636
|
-
"description": "ID for the dropdown."
|
|
1637
|
-
},
|
|
1638
|
-
{
|
|
1639
|
-
"kind": "field",
|
|
1640
|
-
"name": "dropdownOpen",
|
|
1715
|
+
"kind": "method",
|
|
1716
|
+
"name": "handlePreselectedItems",
|
|
1717
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1641
1718
|
"privacy": "private",
|
|
1642
|
-
"
|
|
1643
|
-
"
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
},
|
|
1647
|
-
{
|
|
1648
|
-
"kind": "field",
|
|
1649
|
-
"name": "dvInputOnly",
|
|
1650
|
-
"privacy": "public",
|
|
1651
|
-
"type": {
|
|
1652
|
-
"text": "boolean"
|
|
1653
|
-
},
|
|
1654
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1655
|
-
"attribute": "dvInputOnly",
|
|
1656
|
-
"reflects": true
|
|
1657
|
-
},
|
|
1658
|
-
{
|
|
1659
|
-
"kind": "field",
|
|
1660
|
-
"name": "error",
|
|
1661
|
-
"privacy": "public",
|
|
1662
|
-
"type": {
|
|
1663
|
-
"text": "string"
|
|
1664
|
-
},
|
|
1665
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1666
|
-
"attribute": "error",
|
|
1667
|
-
"reflects": true
|
|
1668
|
-
},
|
|
1669
|
-
{
|
|
1670
|
-
"kind": "field",
|
|
1671
|
-
"name": "format",
|
|
1672
|
-
"privacy": "public",
|
|
1673
|
-
"type": {
|
|
1674
|
-
"text": "string"
|
|
1675
|
-
},
|
|
1676
|
-
"description": "Specifies the input mask format.",
|
|
1677
|
-
"attribute": "format",
|
|
1678
|
-
"reflects": true
|
|
1679
|
-
},
|
|
1680
|
-
{
|
|
1681
|
-
"kind": "field",
|
|
1682
|
-
"name": "inputmode",
|
|
1683
|
-
"privacy": "public",
|
|
1684
|
-
"type": {
|
|
1685
|
-
"text": "string"
|
|
1686
|
-
},
|
|
1687
|
-
"description": "Exposes inputmode attribute for input.",
|
|
1688
|
-
"attribute": "inputmode",
|
|
1689
|
-
"reflects": true
|
|
1690
|
-
},
|
|
1691
|
-
{
|
|
1692
|
-
"kind": "field",
|
|
1693
|
-
"name": "layout",
|
|
1694
|
-
"privacy": "public",
|
|
1695
|
-
"type": {
|
|
1696
|
-
"text": "string"
|
|
1697
|
-
},
|
|
1698
|
-
"description": "Sets the layout of the combobox.",
|
|
1699
|
-
"default": "'classic'",
|
|
1700
|
-
"attribute": "layout",
|
|
1701
|
-
"reflects": true,
|
|
1702
|
-
"inheritedFrom": {
|
|
1703
|
-
"name": "AuroElement",
|
|
1704
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1719
|
+
"return": {
|
|
1720
|
+
"type": {
|
|
1721
|
+
"text": "void"
|
|
1722
|
+
}
|
|
1705
1723
|
}
|
|
1706
1724
|
},
|
|
1707
1725
|
{
|
|
1708
|
-
"kind": "
|
|
1709
|
-
"name": "
|
|
1726
|
+
"kind": "method",
|
|
1727
|
+
"name": "handleItems",
|
|
1728
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1710
1729
|
"privacy": "private",
|
|
1711
|
-
"
|
|
1712
|
-
"
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
"reflects": true
|
|
1717
|
-
},
|
|
1718
|
-
{
|
|
1719
|
-
"kind": "field",
|
|
1720
|
-
"name": "noFilter",
|
|
1721
|
-
"privacy": "public",
|
|
1722
|
-
"type": {
|
|
1723
|
-
"text": "boolean"
|
|
1724
|
-
},
|
|
1725
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1726
|
-
"attribute": "noFilter",
|
|
1727
|
-
"reflects": true
|
|
1728
|
-
},
|
|
1729
|
-
{
|
|
1730
|
-
"kind": "field",
|
|
1731
|
-
"name": "noFlip",
|
|
1732
|
-
"privacy": "public",
|
|
1733
|
-
"type": {
|
|
1734
|
-
"text": "boolean"
|
|
1735
|
-
},
|
|
1736
|
-
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1737
|
-
"attribute": "noFlip",
|
|
1738
|
-
"reflects": true
|
|
1730
|
+
"return": {
|
|
1731
|
+
"type": {
|
|
1732
|
+
"text": "void"
|
|
1733
|
+
}
|
|
1734
|
+
}
|
|
1739
1735
|
},
|
|
1740
1736
|
{
|
|
1741
|
-
"kind": "
|
|
1742
|
-
"name": "
|
|
1743
|
-
"
|
|
1744
|
-
"
|
|
1745
|
-
"
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
"reflects": true
|
|
1737
|
+
"kind": "method",
|
|
1738
|
+
"name": "reset",
|
|
1739
|
+
"description": "Resets component to initial state.",
|
|
1740
|
+
"return": {
|
|
1741
|
+
"type": {
|
|
1742
|
+
"text": "void"
|
|
1743
|
+
}
|
|
1744
|
+
}
|
|
1750
1745
|
},
|
|
1751
1746
|
{
|
|
1752
|
-
"kind": "
|
|
1753
|
-
"name": "
|
|
1754
|
-
"
|
|
1755
|
-
|
|
1756
|
-
|
|
1757
|
-
|
|
1758
|
-
|
|
1759
|
-
|
|
1760
|
-
|
|
1747
|
+
"kind": "method",
|
|
1748
|
+
"name": "validate",
|
|
1749
|
+
"parameters": [
|
|
1750
|
+
{
|
|
1751
|
+
"name": "force",
|
|
1752
|
+
"default": "false",
|
|
1753
|
+
"description": "Whether to force validation.",
|
|
1754
|
+
"optional": true,
|
|
1755
|
+
"type": {
|
|
1756
|
+
"text": "boolean"
|
|
1757
|
+
}
|
|
1758
|
+
}
|
|
1759
|
+
],
|
|
1760
|
+
"description": "Validates value."
|
|
1761
1761
|
},
|
|
1762
1762
|
{
|
|
1763
1763
|
"kind": "field",
|
|
1764
|
-
"name": "
|
|
1764
|
+
"name": "appearance",
|
|
1765
1765
|
"privacy": "public",
|
|
1766
1766
|
"type": {
|
|
1767
|
-
"text": "
|
|
1767
|
+
"text": "'default' | 'inverse'"
|
|
1768
1768
|
},
|
|
1769
|
-
"description": "
|
|
1770
|
-
"default": "
|
|
1771
|
-
"attribute": "
|
|
1769
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1770
|
+
"default": "'default'",
|
|
1771
|
+
"attribute": "appearance",
|
|
1772
1772
|
"reflects": true
|
|
1773
1773
|
},
|
|
1774
1774
|
{
|
|
1775
1775
|
"kind": "field",
|
|
1776
|
-
"name": "
|
|
1776
|
+
"name": "disabled",
|
|
1777
1777
|
"privacy": "public",
|
|
1778
1778
|
"type": {
|
|
1779
1779
|
"text": "boolean"
|
|
1780
1780
|
},
|
|
1781
|
-
"
|
|
1782
|
-
"
|
|
1783
|
-
"
|
|
1784
|
-
"inheritedFrom": {
|
|
1785
|
-
"name": "AuroElement",
|
|
1786
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1787
|
-
}
|
|
1781
|
+
"description": "If set, disables the checkbox group.",
|
|
1782
|
+
"attribute": "disabled",
|
|
1783
|
+
"reflects": true
|
|
1788
1784
|
},
|
|
1789
1785
|
{
|
|
1790
1786
|
"kind": "field",
|
|
1791
|
-
"name": "
|
|
1787
|
+
"name": "error",
|
|
1792
1788
|
"privacy": "public",
|
|
1793
1789
|
"type": {
|
|
1794
|
-
"text": "
|
|
1790
|
+
"text": "string"
|
|
1795
1791
|
},
|
|
1796
|
-
"description": "
|
|
1797
|
-
"attribute": "
|
|
1792
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1793
|
+
"attribute": "error",
|
|
1794
|
+
"reflects": true
|
|
1798
1795
|
},
|
|
1799
1796
|
{
|
|
1800
1797
|
"kind": "field",
|
|
1801
|
-
"name": "
|
|
1798
|
+
"name": "horizontal",
|
|
1802
1799
|
"privacy": "public",
|
|
1803
1800
|
"type": {
|
|
1804
1801
|
"text": "boolean"
|
|
1805
1802
|
},
|
|
1806
|
-
"description": "If
|
|
1807
|
-
"attribute": "
|
|
1803
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1804
|
+
"attribute": "horizontal",
|
|
1808
1805
|
"reflects": true
|
|
1809
1806
|
},
|
|
1810
1807
|
{
|
|
1811
1808
|
"kind": "field",
|
|
1812
|
-
"name": "
|
|
1809
|
+
"name": "noValidate",
|
|
1813
1810
|
"privacy": "public",
|
|
1814
1811
|
"type": {
|
|
1815
|
-
"text": "
|
|
1812
|
+
"text": "boolean"
|
|
1816
1813
|
},
|
|
1817
|
-
"description": "
|
|
1818
|
-
"
|
|
1819
|
-
"attribute": "placement",
|
|
1814
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1815
|
+
"attribute": "noValidate",
|
|
1820
1816
|
"reflects": true
|
|
1821
1817
|
},
|
|
1822
1818
|
{
|
|
1823
1819
|
"kind": "field",
|
|
1824
|
-
"name": "
|
|
1820
|
+
"name": "onDark",
|
|
1825
1821
|
"privacy": "public",
|
|
1826
1822
|
"type": {
|
|
1827
|
-
"text": "
|
|
1823
|
+
"text": "boolean"
|
|
1828
1824
|
},
|
|
1829
|
-
"description": "
|
|
1830
|
-
"attribute": "
|
|
1825
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1826
|
+
"attribute": "onDark",
|
|
1831
1827
|
"reflects": true
|
|
1832
1828
|
},
|
|
1833
1829
|
{
|
|
@@ -1837,7 +1833,7 @@
|
|
|
1837
1833
|
"type": {
|
|
1838
1834
|
"text": "boolean"
|
|
1839
1835
|
},
|
|
1840
|
-
"description": "Populates the `required` attribute on the
|
|
1836
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1841
1837
|
"attribute": "required",
|
|
1842
1838
|
"reflects": true
|
|
1843
1839
|
},
|
|
@@ -1871,58 +1867,6 @@
|
|
|
1871
1867
|
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1872
1868
|
"attribute": "setCustomValidityValueMissing"
|
|
1873
1869
|
},
|
|
1874
|
-
{
|
|
1875
|
-
"kind": "field",
|
|
1876
|
-
"name": "setCustomValidityValueMissingFilter",
|
|
1877
|
-
"privacy": "public",
|
|
1878
|
-
"type": {
|
|
1879
|
-
"text": "string"
|
|
1880
|
-
},
|
|
1881
|
-
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1882
|
-
"attribute": "setCustomValidityValueMissingFilter"
|
|
1883
|
-
},
|
|
1884
|
-
{
|
|
1885
|
-
"kind": "field",
|
|
1886
|
-
"name": "touched",
|
|
1887
|
-
"privacy": "private",
|
|
1888
|
-
"type": {
|
|
1889
|
-
"text": "boolean"
|
|
1890
|
-
},
|
|
1891
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1892
|
-
},
|
|
1893
|
-
{
|
|
1894
|
-
"kind": "field",
|
|
1895
|
-
"name": "triggerIcon",
|
|
1896
|
-
"privacy": "public",
|
|
1897
|
-
"type": {
|
|
1898
|
-
"text": "boolean"
|
|
1899
|
-
},
|
|
1900
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1901
|
-
"attribute": "triggerIcon",
|
|
1902
|
-
"reflects": true
|
|
1903
|
-
},
|
|
1904
|
-
{
|
|
1905
|
-
"kind": "field",
|
|
1906
|
-
"name": "type",
|
|
1907
|
-
"privacy": "public",
|
|
1908
|
-
"type": {
|
|
1909
|
-
"text": "string"
|
|
1910
|
-
},
|
|
1911
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1912
|
-
"attribute": "type",
|
|
1913
|
-
"reflects": true
|
|
1914
|
-
},
|
|
1915
|
-
{
|
|
1916
|
-
"kind": "field",
|
|
1917
|
-
"name": "typedValue",
|
|
1918
|
-
"privacy": "public",
|
|
1919
|
-
"type": {
|
|
1920
|
-
"text": "string"
|
|
1921
|
-
},
|
|
1922
|
-
"description": "Specifies the value of the input element within the combobox.",
|
|
1923
|
-
"attribute": "typedValue",
|
|
1924
|
-
"reflects": true
|
|
1925
|
-
},
|
|
1926
1870
|
{
|
|
1927
1871
|
"kind": "field",
|
|
1928
1872
|
"name": "validity",
|
|
@@ -1933,151 +1877,17 @@
|
|
|
1933
1877
|
"description": "Specifies the `validityState` this element is in.",
|
|
1934
1878
|
"attribute": "validity",
|
|
1935
1879
|
"reflects": true
|
|
1936
|
-
},
|
|
1937
|
-
{
|
|
1938
|
-
"kind": "field",
|
|
1939
|
-
"name": "value",
|
|
1940
|
-
"privacy": "public",
|
|
1941
|
-
"type": {
|
|
1942
|
-
"text": "string"
|
|
1943
|
-
},
|
|
1944
|
-
"description": "Value selected for the dropdown menu.",
|
|
1945
|
-
"attribute": "value"
|
|
1946
|
-
},
|
|
1947
|
-
{
|
|
1948
|
-
"kind": "field",
|
|
1949
|
-
"name": "largeFullscreenHeadline",
|
|
1950
|
-
"privacy": "public",
|
|
1951
|
-
"type": {
|
|
1952
|
-
"text": "boolean"
|
|
1953
|
-
},
|
|
1954
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1955
|
-
"attribute": "largeFullscreenHeadline",
|
|
1956
|
-
"reflects": true
|
|
1957
|
-
},
|
|
1958
|
-
{
|
|
1959
|
-
"kind": "field",
|
|
1960
|
-
"name": "fullscreenBreakpoint",
|
|
1961
|
-
"privacy": "public",
|
|
1962
|
-
"type": {
|
|
1963
|
-
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1964
|
-
},
|
|
1965
|
-
"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.",
|
|
1966
|
-
"default": "'sm'",
|
|
1967
|
-
"attribute": "fullscreenBreakpoint",
|
|
1968
|
-
"reflects": true
|
|
1969
|
-
},
|
|
1970
|
-
{
|
|
1971
|
-
"kind": "field",
|
|
1972
|
-
"name": "optionActive",
|
|
1973
|
-
"privacy": "private",
|
|
1974
|
-
"type": {
|
|
1975
|
-
"text": "object"
|
|
1976
|
-
},
|
|
1977
|
-
"description": "Specifies the currently active option."
|
|
1978
|
-
},
|
|
1979
|
-
{
|
|
1980
|
-
"kind": "field",
|
|
1981
|
-
"name": "triggerExpandedState",
|
|
1982
|
-
"privacy": "private",
|
|
1983
|
-
"type": {
|
|
1984
|
-
"text": "boolean"
|
|
1985
|
-
},
|
|
1986
|
-
"description": "Deferred aria-expanded state for the trigger input.\nDelays the \"true\" transition so VoiceOver finishes its character echo\nbefore announcing \"expanded\"."
|
|
1987
|
-
},
|
|
1988
|
-
{
|
|
1989
|
-
"kind": "field",
|
|
1990
|
-
"name": "componentHasFocus",
|
|
1991
|
-
"description": "Returns true if the element has focus.",
|
|
1992
|
-
"privacy": "private",
|
|
1993
|
-
"return": {
|
|
1994
|
-
"type": {
|
|
1995
|
-
"text": "boolean"
|
|
1996
|
-
}
|
|
1997
|
-
},
|
|
1998
|
-
"readonly": true,
|
|
1999
|
-
"inheritedFrom": {
|
|
2000
|
-
"name": "AuroElement",
|
|
2001
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2002
|
-
}
|
|
2003
|
-
},
|
|
2004
|
-
{
|
|
2005
|
-
"kind": "method",
|
|
2006
|
-
"name": "resetShapeClasses",
|
|
2007
|
-
"inheritedFrom": {
|
|
2008
|
-
"name": "AuroElement",
|
|
2009
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2010
|
-
}
|
|
2011
|
-
},
|
|
2012
|
-
{
|
|
2013
|
-
"kind": "method",
|
|
2014
|
-
"name": "resetLayoutClasses",
|
|
2015
|
-
"inheritedFrom": {
|
|
2016
|
-
"name": "AuroElement",
|
|
2017
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2018
|
-
}
|
|
2019
|
-
},
|
|
2020
|
-
{
|
|
2021
|
-
"kind": "method",
|
|
2022
|
-
"name": "updateComponentArchitecture",
|
|
2023
|
-
"inheritedFrom": {
|
|
2024
|
-
"name": "AuroElement",
|
|
2025
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2026
|
-
}
|
|
2027
|
-
},
|
|
2028
|
-
{
|
|
2029
|
-
"kind": "field",
|
|
2030
|
-
"name": "shape",
|
|
2031
|
-
"privacy": "public",
|
|
2032
|
-
"type": {
|
|
2033
|
-
"text": "string"
|
|
2034
|
-
},
|
|
2035
|
-
"attribute": "shape",
|
|
2036
|
-
"reflects": true,
|
|
2037
|
-
"inheritedFrom": {
|
|
2038
|
-
"name": "AuroElement",
|
|
2039
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2040
|
-
}
|
|
2041
|
-
},
|
|
2042
|
-
{
|
|
2043
|
-
"kind": "field",
|
|
2044
|
-
"name": "size",
|
|
2045
|
-
"privacy": "public",
|
|
2046
|
-
"type": {
|
|
2047
|
-
"text": "string"
|
|
2048
|
-
},
|
|
2049
|
-
"attribute": "size",
|
|
2050
|
-
"reflects": true,
|
|
2051
|
-
"inheritedFrom": {
|
|
2052
|
-
"name": "AuroElement",
|
|
2053
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2054
|
-
}
|
|
2055
1880
|
}
|
|
2056
1881
|
],
|
|
2057
1882
|
"events": [
|
|
2058
|
-
{
|
|
2059
|
-
"name": "inputValue",
|
|
2060
|
-
"type": {
|
|
2061
|
-
"text": "CustomEvent"
|
|
2062
|
-
},
|
|
2063
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2064
|
-
},
|
|
2065
1883
|
{
|
|
2066
1884
|
"name": "input",
|
|
2067
1885
|
"type": {
|
|
2068
1886
|
"text": "CustomEvent"
|
|
2069
|
-
}
|
|
2070
|
-
"description": "Notifies that the component has a new value set."
|
|
2071
|
-
},
|
|
2072
|
-
{
|
|
2073
|
-
"name": "auroCombobox-valueSet",
|
|
2074
|
-
"type": {
|
|
2075
|
-
"text": "CustomEvent"
|
|
2076
|
-
},
|
|
2077
|
-
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1887
|
+
}
|
|
2078
1888
|
},
|
|
2079
1889
|
{
|
|
2080
|
-
"description": "Notifies that the
|
|
1890
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
2081
1891
|
"name": "auroFormElement-validated"
|
|
2082
1892
|
}
|
|
2083
1893
|
],
|
|
@@ -2085,399 +1895,589 @@
|
|
|
2085
1895
|
{
|
|
2086
1896
|
"name": "appearance",
|
|
2087
1897
|
"type": {
|
|
2088
|
-
"text": "
|
|
1898
|
+
"text": "'default' | 'inverse'"
|
|
2089
1899
|
},
|
|
2090
1900
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2091
1901
|
"default": "'default'",
|
|
2092
1902
|
"fieldName": "appearance"
|
|
2093
1903
|
},
|
|
2094
1904
|
{
|
|
2095
|
-
"name": "
|
|
2096
|
-
"type": {
|
|
2097
|
-
"text": "string"
|
|
2098
|
-
},
|
|
2099
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
2100
|
-
"fieldName": "autocomplete"
|
|
2101
|
-
},
|
|
2102
|
-
{
|
|
2103
|
-
"name": "autoPlacement",
|
|
1905
|
+
"name": "disabled",
|
|
2104
1906
|
"type": {
|
|
2105
1907
|
"text": "boolean"
|
|
2106
1908
|
},
|
|
2107
|
-
"description": "If
|
|
2108
|
-
"fieldName": "
|
|
1909
|
+
"description": "If set, disables the checkbox group.",
|
|
1910
|
+
"fieldName": "disabled"
|
|
2109
1911
|
},
|
|
2110
1912
|
{
|
|
2111
|
-
"name": "
|
|
1913
|
+
"name": "error",
|
|
2112
1914
|
"type": {
|
|
2113
|
-
"text": "
|
|
1915
|
+
"text": "string"
|
|
2114
1916
|
},
|
|
2115
|
-
"description": "
|
|
2116
|
-
"fieldName": "
|
|
1917
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1918
|
+
"fieldName": "error"
|
|
2117
1919
|
},
|
|
2118
1920
|
{
|
|
2119
|
-
"name": "
|
|
1921
|
+
"name": "horizontal",
|
|
2120
1922
|
"type": {
|
|
2121
|
-
"text": "
|
|
1923
|
+
"text": "boolean"
|
|
2122
1924
|
},
|
|
2123
|
-
"description": "
|
|
2124
|
-
"
|
|
2125
|
-
"fieldName": "behavior"
|
|
1925
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1926
|
+
"fieldName": "horizontal"
|
|
2126
1927
|
},
|
|
2127
1928
|
{
|
|
2128
|
-
"name": "
|
|
1929
|
+
"name": "noValidate",
|
|
2129
1930
|
"type": {
|
|
2130
1931
|
"text": "boolean"
|
|
2131
1932
|
},
|
|
2132
|
-
"description": "
|
|
2133
|
-
"fieldName": "
|
|
1933
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1934
|
+
"fieldName": "noValidate"
|
|
2134
1935
|
},
|
|
2135
1936
|
{
|
|
2136
|
-
"name": "
|
|
1937
|
+
"name": "onDark",
|
|
2137
1938
|
"type": {
|
|
2138
1939
|
"text": "boolean"
|
|
2139
1940
|
},
|
|
2140
|
-
"description": "
|
|
2141
|
-
"fieldName": "
|
|
1941
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1942
|
+
"fieldName": "onDark"
|
|
2142
1943
|
},
|
|
2143
1944
|
{
|
|
2144
|
-
"name": "
|
|
1945
|
+
"name": "required",
|
|
2145
1946
|
"type": {
|
|
2146
1947
|
"text": "boolean"
|
|
2147
1948
|
},
|
|
2148
|
-
"description": "
|
|
2149
|
-
"fieldName": "
|
|
1949
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1950
|
+
"fieldName": "required"
|
|
2150
1951
|
},
|
|
2151
1952
|
{
|
|
2152
|
-
"name": "
|
|
1953
|
+
"name": "setCustomValidity",
|
|
2153
1954
|
"type": {
|
|
2154
1955
|
"text": "string"
|
|
2155
1956
|
},
|
|
2156
|
-
"description": "
|
|
2157
|
-
"fieldName": "
|
|
1957
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1958
|
+
"fieldName": "setCustomValidity"
|
|
2158
1959
|
},
|
|
2159
1960
|
{
|
|
2160
|
-
"name": "
|
|
1961
|
+
"name": "setCustomValidityCustomError",
|
|
2161
1962
|
"type": {
|
|
2162
1963
|
"text": "string"
|
|
2163
1964
|
},
|
|
2164
|
-
"description": "
|
|
2165
|
-
"fieldName": "
|
|
1965
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1966
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2166
1967
|
},
|
|
2167
1968
|
{
|
|
2168
|
-
"name": "
|
|
1969
|
+
"name": "setCustomValidityValueMissing",
|
|
2169
1970
|
"type": {
|
|
2170
1971
|
"text": "string"
|
|
2171
1972
|
},
|
|
2172
|
-
"description": "
|
|
2173
|
-
"fieldName": "
|
|
1973
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1974
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2174
1975
|
},
|
|
2175
1976
|
{
|
|
2176
|
-
"name": "
|
|
1977
|
+
"name": "validity",
|
|
2177
1978
|
"type": {
|
|
2178
1979
|
"text": "string"
|
|
2179
1980
|
},
|
|
2180
|
-
"description": "
|
|
2181
|
-
"
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
1981
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1982
|
+
"fieldName": "validity"
|
|
1983
|
+
}
|
|
1984
|
+
],
|
|
1985
|
+
"superclass": {
|
|
1986
|
+
"name": "LitElement",
|
|
1987
|
+
"package": "lit"
|
|
1988
|
+
},
|
|
1989
|
+
"tagName": "auro-checkbox-group",
|
|
1990
|
+
"customElement": true
|
|
1991
|
+
}
|
|
1992
|
+
],
|
|
1993
|
+
"exports": [
|
|
1994
|
+
{
|
|
1995
|
+
"kind": "js",
|
|
1996
|
+
"name": "AuroCheckboxGroup",
|
|
1997
|
+
"declaration": {
|
|
1998
|
+
"name": "AuroCheckboxGroup",
|
|
1999
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2000
|
+
}
|
|
2001
|
+
}
|
|
2002
|
+
]
|
|
2003
|
+
},
|
|
2004
|
+
{
|
|
2005
|
+
"kind": "javascript-module",
|
|
2006
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2007
|
+
"declarations": [
|
|
2008
|
+
{
|
|
2009
|
+
"kind": "class",
|
|
2010
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2011
|
+
"name": "AuroCheckbox",
|
|
2012
|
+
"cssParts": [
|
|
2013
|
+
{
|
|
2014
|
+
"description": "apply css to a specific checkbox.",
|
|
2015
|
+
"name": "checkbox"
|
|
2016
|
+
},
|
|
2017
|
+
{
|
|
2018
|
+
"description": "apply css to a specific checkbox's input.",
|
|
2019
|
+
"name": "checkbox-input"
|
|
2020
|
+
},
|
|
2021
|
+
{
|
|
2022
|
+
"description": "apply css to a specific checkbox's label.",
|
|
2023
|
+
"name": "checkbox-label"
|
|
2024
|
+
}
|
|
2025
|
+
],
|
|
2026
|
+
"slots": [
|
|
2027
|
+
{
|
|
2028
|
+
"description": "The default slot for the checkbox label.",
|
|
2029
|
+
"name": "default"
|
|
2030
|
+
}
|
|
2031
|
+
],
|
|
2032
|
+
"members": [
|
|
2033
|
+
{
|
|
2034
|
+
"kind": "method",
|
|
2035
|
+
"name": "_initializeDefaults"
|
|
2036
|
+
},
|
|
2037
|
+
{
|
|
2038
|
+
"kind": "method",
|
|
2039
|
+
"name": "register",
|
|
2040
|
+
"static": true,
|
|
2041
|
+
"parameters": [
|
|
2042
|
+
{
|
|
2043
|
+
"name": "name",
|
|
2044
|
+
"default": "\"auro-checkbox\"",
|
|
2045
|
+
"description": "The name of element that you want to register to.",
|
|
2046
|
+
"optional": true,
|
|
2047
|
+
"type": {
|
|
2048
|
+
"text": "string"
|
|
2049
|
+
}
|
|
2050
|
+
}
|
|
2051
|
+
],
|
|
2052
|
+
"description": "This will register this element with the browser."
|
|
2053
|
+
},
|
|
2054
|
+
{
|
|
2055
|
+
"kind": "method",
|
|
2056
|
+
"name": "handleChange",
|
|
2057
|
+
"parameters": [
|
|
2058
|
+
{
|
|
2059
|
+
"name": "event",
|
|
2060
|
+
"description": "The change event from the checkbox input.",
|
|
2061
|
+
"type": {
|
|
2062
|
+
"text": "Event"
|
|
2063
|
+
}
|
|
2064
|
+
}
|
|
2065
|
+
],
|
|
2066
|
+
"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.",
|
|
2067
|
+
"privacy": "private",
|
|
2068
|
+
"return": {
|
|
2069
|
+
"type": {
|
|
2070
|
+
"text": "void"
|
|
2071
|
+
}
|
|
2072
|
+
}
|
|
2073
|
+
},
|
|
2074
|
+
{
|
|
2075
|
+
"kind": "method",
|
|
2076
|
+
"name": "handleInput",
|
|
2077
|
+
"parameters": [
|
|
2078
|
+
{
|
|
2079
|
+
"name": "event",
|
|
2080
|
+
"description": "The input event from the checkbox input.",
|
|
2081
|
+
"type": {
|
|
2082
|
+
"text": "Event"
|
|
2083
|
+
}
|
|
2084
|
+
}
|
|
2085
|
+
],
|
|
2086
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2087
|
+
"privacy": "private",
|
|
2088
|
+
"return": {
|
|
2089
|
+
"type": {
|
|
2090
|
+
"text": "void"
|
|
2091
|
+
}
|
|
2092
|
+
}
|
|
2093
|
+
},
|
|
2094
|
+
{
|
|
2095
|
+
"kind": "method",
|
|
2096
|
+
"name": "handleFocusin",
|
|
2097
|
+
"description": "Function to support",
|
|
2098
|
+
"privacy": "private",
|
|
2099
|
+
"return": {
|
|
2100
|
+
"type": {
|
|
2101
|
+
"text": "void"
|
|
2102
|
+
}
|
|
2103
|
+
}
|
|
2104
|
+
},
|
|
2105
|
+
{
|
|
2106
|
+
"kind": "method",
|
|
2107
|
+
"name": "generateIconHtml",
|
|
2108
|
+
"description": "Function to generate checkmark svg.",
|
|
2109
|
+
"privacy": "private",
|
|
2110
|
+
"return": {
|
|
2111
|
+
"type": {
|
|
2112
|
+
"text": "HTMLElement"
|
|
2113
|
+
}
|
|
2114
|
+
}
|
|
2115
|
+
},
|
|
2116
|
+
{
|
|
2117
|
+
"kind": "method",
|
|
2118
|
+
"name": "reset",
|
|
2119
|
+
"description": "Resets component to initial state.",
|
|
2120
|
+
"return": {
|
|
2121
|
+
"type": {
|
|
2122
|
+
"text": "void"
|
|
2123
|
+
}
|
|
2124
|
+
}
|
|
2125
|
+
},
|
|
2126
|
+
{
|
|
2127
|
+
"kind": "method",
|
|
2128
|
+
"name": "updateAriaLabel",
|
|
2129
|
+
"description": "Updates the aria-label based on slot content.",
|
|
2130
|
+
"privacy": "private",
|
|
2131
|
+
"return": {
|
|
2132
|
+
"type": {
|
|
2133
|
+
"text": "void"
|
|
2134
|
+
}
|
|
2135
|
+
}
|
|
2136
|
+
},
|
|
2137
|
+
{
|
|
2138
|
+
"kind": "method",
|
|
2139
|
+
"name": "handleKeyDown",
|
|
2140
|
+
"parameters": [
|
|
2141
|
+
{
|
|
2142
|
+
"name": "event",
|
|
2143
|
+
"description": "The keydown event from the checkbox input.",
|
|
2144
|
+
"type": {
|
|
2145
|
+
"text": "KeyboardEvent"
|
|
2146
|
+
}
|
|
2147
|
+
}
|
|
2148
|
+
],
|
|
2149
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2150
|
+
"privacy": "private",
|
|
2151
|
+
"return": {
|
|
2152
|
+
"type": {
|
|
2153
|
+
"text": "void"
|
|
2154
|
+
}
|
|
2186
2155
|
}
|
|
2187
2156
|
},
|
|
2188
2157
|
{
|
|
2189
|
-
"
|
|
2158
|
+
"kind": "field",
|
|
2159
|
+
"name": "appearance",
|
|
2160
|
+
"privacy": "public",
|
|
2161
|
+
"type": {
|
|
2162
|
+
"text": "'default' | 'inverse'"
|
|
2163
|
+
},
|
|
2164
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2165
|
+
"default": "'default'",
|
|
2166
|
+
"attribute": "appearance",
|
|
2167
|
+
"reflects": true
|
|
2168
|
+
},
|
|
2169
|
+
{
|
|
2170
|
+
"kind": "field",
|
|
2171
|
+
"name": "checked",
|
|
2172
|
+
"privacy": "public",
|
|
2190
2173
|
"type": {
|
|
2191
2174
|
"text": "boolean"
|
|
2192
2175
|
},
|
|
2193
|
-
"description": "If
|
|
2194
|
-
"
|
|
2176
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2177
|
+
"attribute": "checked",
|
|
2178
|
+
"reflects": true
|
|
2195
2179
|
},
|
|
2196
2180
|
{
|
|
2197
|
-
"
|
|
2181
|
+
"kind": "field",
|
|
2182
|
+
"name": "disabled",
|
|
2183
|
+
"privacy": "public",
|
|
2198
2184
|
"type": {
|
|
2199
2185
|
"text": "boolean"
|
|
2200
2186
|
},
|
|
2201
|
-
"description": "If set,
|
|
2202
|
-
"
|
|
2187
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2188
|
+
"attribute": "disabled",
|
|
2189
|
+
"reflects": true
|
|
2203
2190
|
},
|
|
2204
2191
|
{
|
|
2205
|
-
"
|
|
2192
|
+
"kind": "field",
|
|
2193
|
+
"name": "error",
|
|
2194
|
+
"privacy": "public",
|
|
2206
2195
|
"type": {
|
|
2207
2196
|
"text": "boolean"
|
|
2208
2197
|
},
|
|
2209
|
-
"description": "If
|
|
2210
|
-
"
|
|
2198
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2199
|
+
"attribute": "error",
|
|
2200
|
+
"reflects": true
|
|
2211
2201
|
},
|
|
2212
2202
|
{
|
|
2213
|
-
"
|
|
2203
|
+
"kind": "field",
|
|
2204
|
+
"name": "id",
|
|
2205
|
+
"privacy": "public",
|
|
2214
2206
|
"type": {
|
|
2215
|
-
"text": "
|
|
2207
|
+
"text": "string"
|
|
2216
2208
|
},
|
|
2217
|
-
"description": "
|
|
2218
|
-
"
|
|
2209
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2210
|
+
"attribute": "id",
|
|
2211
|
+
"reflects": true
|
|
2219
2212
|
},
|
|
2220
2213
|
{
|
|
2221
|
-
"
|
|
2214
|
+
"kind": "field",
|
|
2215
|
+
"name": "inputId",
|
|
2216
|
+
"privacy": "private",
|
|
2222
2217
|
"type": {
|
|
2223
|
-
"text": "
|
|
2218
|
+
"text": "string"
|
|
2224
2219
|
},
|
|
2225
|
-
"description": "
|
|
2226
|
-
"fieldName": "noValidate"
|
|
2220
|
+
"description": "The id for input node."
|
|
2227
2221
|
},
|
|
2228
2222
|
{
|
|
2229
|
-
"
|
|
2223
|
+
"kind": "field",
|
|
2224
|
+
"name": "name",
|
|
2225
|
+
"privacy": "public",
|
|
2230
2226
|
"type": {
|
|
2231
|
-
"text": "
|
|
2227
|
+
"text": "string"
|
|
2232
2228
|
},
|
|
2233
|
-
"description": "
|
|
2234
|
-
"
|
|
2235
|
-
"fieldName": "offset"
|
|
2229
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2230
|
+
"attribute": "name"
|
|
2236
2231
|
},
|
|
2237
2232
|
{
|
|
2233
|
+
"kind": "field",
|
|
2238
2234
|
"name": "onDark",
|
|
2235
|
+
"privacy": "public",
|
|
2239
2236
|
"type": {
|
|
2240
2237
|
"text": "boolean"
|
|
2241
2238
|
},
|
|
2242
2239
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2243
|
-
"
|
|
2240
|
+
"attribute": "onDark",
|
|
2241
|
+
"reflects": true
|
|
2244
2242
|
},
|
|
2245
2243
|
{
|
|
2246
|
-
"
|
|
2244
|
+
"kind": "field",
|
|
2245
|
+
"name": "touched",
|
|
2246
|
+
"privacy": "private",
|
|
2247
2247
|
"type": {
|
|
2248
|
-
"text": "
|
|
2248
|
+
"text": "boolean"
|
|
2249
2249
|
},
|
|
2250
|
-
"description": "
|
|
2251
|
-
"fieldName": "optionSelected"
|
|
2250
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2252
2251
|
},
|
|
2253
2252
|
{
|
|
2254
|
-
"
|
|
2253
|
+
"kind": "field",
|
|
2254
|
+
"name": "value",
|
|
2255
|
+
"privacy": "public",
|
|
2255
2256
|
"type": {
|
|
2256
|
-
"text": "
|
|
2257
|
+
"text": "string"
|
|
2257
2258
|
},
|
|
2258
|
-
"description": "
|
|
2259
|
-
"
|
|
2259
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2260
|
+
"attribute": "value"
|
|
2260
2261
|
},
|
|
2261
2262
|
{
|
|
2262
|
-
"
|
|
2263
|
+
"kind": "field",
|
|
2264
|
+
"name": "tabIndex",
|
|
2265
|
+
"privacy": "private",
|
|
2263
2266
|
"type": {
|
|
2264
|
-
"text": "
|
|
2267
|
+
"text": "number"
|
|
2265
2268
|
},
|
|
2266
|
-
"description": "
|
|
2267
|
-
"
|
|
2268
|
-
"
|
|
2269
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2270
|
+
"attribute": "tabindex",
|
|
2271
|
+
"reflects": true
|
|
2269
2272
|
},
|
|
2270
2273
|
{
|
|
2271
|
-
"
|
|
2274
|
+
"kind": "field",
|
|
2275
|
+
"name": "ariaChecked",
|
|
2276
|
+
"privacy": "private",
|
|
2272
2277
|
"type": {
|
|
2273
2278
|
"text": "string"
|
|
2274
2279
|
},
|
|
2275
|
-
"description": "
|
|
2276
|
-
"
|
|
2280
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2281
|
+
"attribute": "aria-checked",
|
|
2282
|
+
"reflects": true
|
|
2277
2283
|
},
|
|
2278
2284
|
{
|
|
2279
|
-
"
|
|
2285
|
+
"kind": "field",
|
|
2286
|
+
"name": "ariaDisabled",
|
|
2287
|
+
"privacy": "private",
|
|
2280
2288
|
"type": {
|
|
2281
|
-
"text": "
|
|
2289
|
+
"text": "string"
|
|
2282
2290
|
},
|
|
2283
|
-
"description": "
|
|
2284
|
-
"
|
|
2291
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2292
|
+
"attribute": "aria-disabled",
|
|
2293
|
+
"reflects": true
|
|
2285
2294
|
},
|
|
2286
2295
|
{
|
|
2287
|
-
"
|
|
2296
|
+
"kind": "field",
|
|
2297
|
+
"name": "role",
|
|
2298
|
+
"privacy": "private",
|
|
2288
2299
|
"type": {
|
|
2289
2300
|
"text": "string"
|
|
2290
2301
|
},
|
|
2291
|
-
"description": "
|
|
2292
|
-
"
|
|
2302
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2303
|
+
"attribute": "role",
|
|
2304
|
+
"reflects": true
|
|
2305
|
+
}
|
|
2306
|
+
],
|
|
2307
|
+
"events": [
|
|
2308
|
+
{
|
|
2309
|
+
"name": "auroCheckbox-input",
|
|
2310
|
+
"type": {
|
|
2311
|
+
"text": "CustomEvent"
|
|
2312
|
+
}
|
|
2293
2313
|
},
|
|
2294
2314
|
{
|
|
2295
|
-
"name": "
|
|
2315
|
+
"name": "auroCheckbox-focusin",
|
|
2296
2316
|
"type": {
|
|
2297
|
-
"text": "
|
|
2298
|
-
}
|
|
2299
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
2300
|
-
"fieldName": "setCustomValidityCustomError"
|
|
2317
|
+
"text": "CustomEvent"
|
|
2318
|
+
}
|
|
2301
2319
|
},
|
|
2302
2320
|
{
|
|
2303
|
-
"name": "
|
|
2321
|
+
"name": "auroCheckbox-focusout",
|
|
2304
2322
|
"type": {
|
|
2305
|
-
"text": "
|
|
2306
|
-
}
|
|
2307
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2308
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
2323
|
+
"text": "CustomEvent"
|
|
2324
|
+
}
|
|
2309
2325
|
},
|
|
2310
2326
|
{
|
|
2311
|
-
"
|
|
2327
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2328
|
+
"name": "change"
|
|
2329
|
+
},
|
|
2330
|
+
{
|
|
2331
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
2332
|
+
"name": "input"
|
|
2333
|
+
}
|
|
2334
|
+
],
|
|
2335
|
+
"attributes": [
|
|
2336
|
+
{
|
|
2337
|
+
"name": "appearance",
|
|
2312
2338
|
"type": {
|
|
2313
|
-
"text": "
|
|
2339
|
+
"text": "'default' | 'inverse'"
|
|
2314
2340
|
},
|
|
2315
|
-
"description": "
|
|
2316
|
-
"
|
|
2341
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2342
|
+
"default": "'default'",
|
|
2343
|
+
"fieldName": "appearance"
|
|
2317
2344
|
},
|
|
2318
2345
|
{
|
|
2319
|
-
"name": "
|
|
2346
|
+
"name": "checked",
|
|
2320
2347
|
"type": {
|
|
2321
2348
|
"text": "boolean"
|
|
2322
2349
|
},
|
|
2323
|
-
"description": "If set, the
|
|
2324
|
-
"fieldName": "
|
|
2350
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2351
|
+
"fieldName": "checked"
|
|
2325
2352
|
},
|
|
2326
2353
|
{
|
|
2327
|
-
"name": "
|
|
2354
|
+
"name": "disabled",
|
|
2328
2355
|
"type": {
|
|
2329
|
-
"text": "
|
|
2356
|
+
"text": "boolean"
|
|
2330
2357
|
},
|
|
2331
|
-
"description": "
|
|
2332
|
-
"fieldName": "
|
|
2358
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2359
|
+
"fieldName": "disabled"
|
|
2333
2360
|
},
|
|
2334
2361
|
{
|
|
2335
|
-
"name": "
|
|
2362
|
+
"name": "error",
|
|
2336
2363
|
"type": {
|
|
2337
|
-
"text": "
|
|
2364
|
+
"text": "boolean"
|
|
2338
2365
|
},
|
|
2339
|
-
"description": "
|
|
2340
|
-
"fieldName": "
|
|
2366
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2367
|
+
"fieldName": "error"
|
|
2341
2368
|
},
|
|
2342
2369
|
{
|
|
2343
|
-
"name": "
|
|
2370
|
+
"name": "id",
|
|
2344
2371
|
"type": {
|
|
2345
2372
|
"text": "string"
|
|
2346
2373
|
},
|
|
2347
|
-
"description": "
|
|
2348
|
-
"fieldName": "
|
|
2374
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2375
|
+
"fieldName": "id"
|
|
2349
2376
|
},
|
|
2350
2377
|
{
|
|
2351
|
-
"name": "
|
|
2378
|
+
"name": "name",
|
|
2352
2379
|
"type": {
|
|
2353
2380
|
"text": "string"
|
|
2354
2381
|
},
|
|
2355
|
-
"description": "
|
|
2356
|
-
"fieldName": "
|
|
2382
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2383
|
+
"fieldName": "name"
|
|
2357
2384
|
},
|
|
2358
2385
|
{
|
|
2359
|
-
"name": "
|
|
2386
|
+
"name": "onDark",
|
|
2360
2387
|
"type": {
|
|
2361
2388
|
"text": "boolean"
|
|
2362
2389
|
},
|
|
2363
|
-
"description": "
|
|
2364
|
-
"fieldName": "
|
|
2390
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2391
|
+
"fieldName": "onDark"
|
|
2365
2392
|
},
|
|
2366
2393
|
{
|
|
2367
|
-
"name": "
|
|
2394
|
+
"name": "value",
|
|
2368
2395
|
"type": {
|
|
2369
|
-
"text": "
|
|
2396
|
+
"text": "string"
|
|
2370
2397
|
},
|
|
2371
|
-
"description": "
|
|
2372
|
-
"
|
|
2373
|
-
"fieldName": "fullscreenBreakpoint"
|
|
2398
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2399
|
+
"fieldName": "value"
|
|
2374
2400
|
},
|
|
2375
2401
|
{
|
|
2376
|
-
"name": "
|
|
2402
|
+
"name": "tabindex",
|
|
2377
2403
|
"type": {
|
|
2378
|
-
"text": "
|
|
2404
|
+
"text": "number"
|
|
2379
2405
|
},
|
|
2380
|
-
"
|
|
2381
|
-
"
|
|
2382
|
-
"name": "AuroElement",
|
|
2383
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2384
|
-
}
|
|
2406
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2407
|
+
"fieldName": "tabIndex"
|
|
2385
2408
|
},
|
|
2386
2409
|
{
|
|
2387
|
-
"name": "
|
|
2410
|
+
"name": "aria-checked",
|
|
2388
2411
|
"type": {
|
|
2389
2412
|
"text": "string"
|
|
2390
2413
|
},
|
|
2391
|
-
"
|
|
2392
|
-
"
|
|
2393
|
-
"name": "AuroElement",
|
|
2394
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2395
|
-
}
|
|
2414
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2415
|
+
"fieldName": "ariaChecked"
|
|
2396
2416
|
},
|
|
2397
2417
|
{
|
|
2398
|
-
"name": "
|
|
2418
|
+
"name": "aria-disabled",
|
|
2399
2419
|
"type": {
|
|
2400
|
-
"text": "
|
|
2420
|
+
"text": "string"
|
|
2401
2421
|
},
|
|
2402
|
-
"
|
|
2403
|
-
"
|
|
2404
|
-
|
|
2405
|
-
|
|
2406
|
-
|
|
2422
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2423
|
+
"fieldName": "ariaDisabled"
|
|
2424
|
+
},
|
|
2425
|
+
{
|
|
2426
|
+
"name": "role",
|
|
2427
|
+
"type": {
|
|
2428
|
+
"text": "string"
|
|
2429
|
+
},
|
|
2430
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2431
|
+
"fieldName": "role"
|
|
2407
2432
|
}
|
|
2408
2433
|
],
|
|
2409
2434
|
"superclass": {
|
|
2410
|
-
"name": "
|
|
2411
|
-
"
|
|
2435
|
+
"name": "LitElement",
|
|
2436
|
+
"package": "lit"
|
|
2412
2437
|
},
|
|
2413
|
-
"tagName": "auro-
|
|
2438
|
+
"tagName": "auro-checkbox",
|
|
2414
2439
|
"customElement": true
|
|
2415
2440
|
}
|
|
2416
2441
|
],
|
|
2417
2442
|
"exports": [
|
|
2418
2443
|
{
|
|
2419
2444
|
"kind": "js",
|
|
2420
|
-
"name": "
|
|
2445
|
+
"name": "AuroCheckbox",
|
|
2421
2446
|
"declaration": {
|
|
2422
|
-
"name": "
|
|
2423
|
-
"module": "components/
|
|
2447
|
+
"name": "AuroCheckbox",
|
|
2448
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
2424
2449
|
}
|
|
2425
2450
|
}
|
|
2426
2451
|
]
|
|
2427
2452
|
},
|
|
2428
2453
|
{
|
|
2429
2454
|
"kind": "javascript-module",
|
|
2430
|
-
"path": "components/
|
|
2431
|
-
"declarations": [
|
|
2432
|
-
{
|
|
2433
|
-
"kind": "variable",
|
|
2434
|
-
"name": "comboboxKeyboardStrategy",
|
|
2435
|
-
"type": {
|
|
2436
|
-
"text": "object"
|
|
2437
|
-
},
|
|
2438
|
-
"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.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.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(); } } }, }"
|
|
2439
|
-
}
|
|
2440
|
-
],
|
|
2455
|
+
"path": "components/checkbox/src/index.js",
|
|
2456
|
+
"declarations": [],
|
|
2441
2457
|
"exports": [
|
|
2442
2458
|
{
|
|
2443
2459
|
"kind": "js",
|
|
2444
|
-
"name": "
|
|
2460
|
+
"name": "AuroCheckbox",
|
|
2445
2461
|
"declaration": {
|
|
2446
|
-
"name": "
|
|
2447
|
-
"module": "components/
|
|
2462
|
+
"name": "AuroCheckbox",
|
|
2463
|
+
"module": "components/checkbox/src/index.js"
|
|
2448
2464
|
}
|
|
2449
|
-
}
|
|
2450
|
-
]
|
|
2451
|
-
},
|
|
2452
|
-
{
|
|
2453
|
-
"kind": "javascript-module",
|
|
2454
|
-
"path": "components/combobox/src/index.js",
|
|
2455
|
-
"declarations": [],
|
|
2456
|
-
"exports": [
|
|
2465
|
+
},
|
|
2457
2466
|
{
|
|
2458
2467
|
"kind": "js",
|
|
2459
|
-
"name": "
|
|
2468
|
+
"name": "AuroCheckboxGroup",
|
|
2460
2469
|
"declaration": {
|
|
2461
|
-
"name": "
|
|
2462
|
-
"module": "components/
|
|
2470
|
+
"name": "AuroCheckboxGroup",
|
|
2471
|
+
"module": "components/checkbox/src/index.js"
|
|
2463
2472
|
}
|
|
2464
2473
|
}
|
|
2465
2474
|
]
|
|
2466
2475
|
},
|
|
2467
2476
|
{
|
|
2468
2477
|
"kind": "javascript-module",
|
|
2469
|
-
"path": "components/
|
|
2478
|
+
"path": "components/checkbox/src/registered.js",
|
|
2470
2479
|
"declarations": [],
|
|
2471
|
-
"exports": [
|
|
2472
|
-
{
|
|
2473
|
-
"kind": "js",
|
|
2474
|
-
"name": "AuroCombobox",
|
|
2475
|
-
"declaration": {
|
|
2476
|
-
"name": "AuroCombobox",
|
|
2477
|
-
"module": "components/combobox/src/registered.js"
|
|
2478
|
-
}
|
|
2479
|
-
}
|
|
2480
|
-
]
|
|
2480
|
+
"exports": []
|
|
2481
2481
|
},
|
|
2482
2482
|
{
|
|
2483
2483
|
"kind": "javascript-module",
|
|
@@ -4157,7 +4157,7 @@
|
|
|
4157
4157
|
"name": "locale",
|
|
4158
4158
|
"privacy": "public",
|
|
4159
4159
|
"type": {
|
|
4160
|
-
"text": "
|
|
4160
|
+
"text": "string"
|
|
4161
4161
|
},
|
|
4162
4162
|
"attribute": "locale"
|
|
4163
4163
|
},
|
|
@@ -4729,7 +4729,7 @@
|
|
|
4729
4729
|
{
|
|
4730
4730
|
"name": "locale",
|
|
4731
4731
|
"type": {
|
|
4732
|
-
"text": "
|
|
4732
|
+
"text": "string"
|
|
4733
4733
|
},
|
|
4734
4734
|
"fieldName": "locale"
|
|
4735
4735
|
},
|
|
@@ -4808,14 +4808,7 @@
|
|
|
4808
4808
|
},
|
|
4809
4809
|
{
|
|
4810
4810
|
"kind": "method",
|
|
4811
|
-
"name": "localeChanged"
|
|
4812
|
-
"description": "Determines the current month name based on locale.\nThis is a rewrite of the function used in the class RangeDatepickerCalendar and should not be removed from here.",
|
|
4813
|
-
"privacy": "private",
|
|
4814
|
-
"return": {
|
|
4815
|
-
"type": {
|
|
4816
|
-
"text": "void"
|
|
4817
|
-
}
|
|
4818
|
-
}
|
|
4811
|
+
"name": "localeChanged"
|
|
4819
4812
|
},
|
|
4820
4813
|
{
|
|
4821
4814
|
"kind": "method",
|
|
@@ -4835,6 +4828,26 @@
|
|
|
4835
4828
|
},
|
|
4836
4829
|
"attribute": "monthFirst",
|
|
4837
4830
|
"reflects": true
|
|
4831
|
+
},
|
|
4832
|
+
{
|
|
4833
|
+
"kind": "field",
|
|
4834
|
+
"name": "localeCode",
|
|
4835
|
+
"privacy": "public",
|
|
4836
|
+
"type": {
|
|
4837
|
+
"text": "string"
|
|
4838
|
+
},
|
|
4839
|
+
"description": "BCP 47 locale tag (such as `en-US`) for calendar localization.\nas wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts.",
|
|
4840
|
+
"attribute": "localeCode"
|
|
4841
|
+
},
|
|
4842
|
+
{
|
|
4843
|
+
"kind": "field",
|
|
4844
|
+
"name": "monthNames",
|
|
4845
|
+
"privacy": "public",
|
|
4846
|
+
"type": {
|
|
4847
|
+
"text": "array"
|
|
4848
|
+
},
|
|
4849
|
+
"description": "Names of all 12 months. When omitted, names are derived from `localeCode`.",
|
|
4850
|
+
"attribute": "monthNames"
|
|
4838
4851
|
}
|
|
4839
4852
|
],
|
|
4840
4853
|
"attributes": [
|
|
@@ -4844,6 +4857,22 @@
|
|
|
4844
4857
|
"text": "boolean"
|
|
4845
4858
|
},
|
|
4846
4859
|
"fieldName": "monthFirst"
|
|
4860
|
+
},
|
|
4861
|
+
{
|
|
4862
|
+
"name": "localeCode",
|
|
4863
|
+
"type": {
|
|
4864
|
+
"text": "string"
|
|
4865
|
+
},
|
|
4866
|
+
"description": "BCP 47 locale tag (such as `en-US`) for calendar localization.\nas wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts.",
|
|
4867
|
+
"fieldName": "localeCode"
|
|
4868
|
+
},
|
|
4869
|
+
{
|
|
4870
|
+
"name": "monthNames",
|
|
4871
|
+
"type": {
|
|
4872
|
+
"text": "array"
|
|
4873
|
+
},
|
|
4874
|
+
"description": "Names of all 12 months. When omitted, names are derived from `localeCode`.",
|
|
4875
|
+
"fieldName": "monthNames"
|
|
4847
4876
|
}
|
|
4848
4877
|
],
|
|
4849
4878
|
"superclass": {
|
|
@@ -5214,7 +5243,28 @@
|
|
|
5214
5243
|
"type": {
|
|
5215
5244
|
"text": "boolean"
|
|
5216
5245
|
},
|
|
5246
|
+
"description": "If true, the month will be displayed before the year in the calendar header.\nPassed to AuroCalendarMonth via utilitesCalendarRender.",
|
|
5217
5247
|
"attribute": "monthFirst"
|
|
5248
|
+
},
|
|
5249
|
+
{
|
|
5250
|
+
"kind": "field",
|
|
5251
|
+
"name": "localeCode",
|
|
5252
|
+
"privacy": "public",
|
|
5253
|
+
"type": {
|
|
5254
|
+
"text": "string"
|
|
5255
|
+
},
|
|
5256
|
+
"description": "BCP 47 locale tag (such as `en-US`) for calendar localization.\nas wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts and pass the locale down to calendar-month elements.",
|
|
5257
|
+
"attribute": "localeCode"
|
|
5258
|
+
},
|
|
5259
|
+
{
|
|
5260
|
+
"kind": "field",
|
|
5261
|
+
"name": "monthNames",
|
|
5262
|
+
"privacy": "public",
|
|
5263
|
+
"type": {
|
|
5264
|
+
"text": "array"
|
|
5265
|
+
},
|
|
5266
|
+
"description": "Names of all 12 months. When omitted, names are derived from `localeCode`.",
|
|
5267
|
+
"attribute": "monthNames"
|
|
5218
5268
|
}
|
|
5219
5269
|
],
|
|
5220
5270
|
"events": [
|
|
@@ -5334,6 +5384,7 @@
|
|
|
5334
5384
|
"type": {
|
|
5335
5385
|
"text": "boolean"
|
|
5336
5386
|
},
|
|
5387
|
+
"description": "If true, the month will be displayed before the year in the calendar header.\nPassed to AuroCalendarMonth via utilitesCalendarRender.",
|
|
5337
5388
|
"fieldName": "monthFirst"
|
|
5338
5389
|
},
|
|
5339
5390
|
{
|
|
@@ -5353,6 +5404,22 @@
|
|
|
5353
5404
|
"description": "Flag indicating if the calendar is visible.",
|
|
5354
5405
|
"default": "false",
|
|
5355
5406
|
"fieldName": "visible"
|
|
5407
|
+
},
|
|
5408
|
+
{
|
|
5409
|
+
"name": "localeCode",
|
|
5410
|
+
"type": {
|
|
5411
|
+
"text": "string"
|
|
5412
|
+
},
|
|
5413
|
+
"description": "BCP 47 locale tag (such as `en-US`) for calendar localization.\nas wc-range-datepicker expects a `locale` prop, we use `localeCode` to avoid conflicts and pass the locale down to calendar-month elements.",
|
|
5414
|
+
"fieldName": "localeCode"
|
|
5415
|
+
},
|
|
5416
|
+
{
|
|
5417
|
+
"name": "monthNames",
|
|
5418
|
+
"type": {
|
|
5419
|
+
"text": "array"
|
|
5420
|
+
},
|
|
5421
|
+
"description": "Names of all 12 months. When omitted, names are derived from `localeCode`.",
|
|
5422
|
+
"fieldName": "monthNames"
|
|
5356
5423
|
}
|
|
5357
5424
|
],
|
|
5358
5425
|
"superclass": {
|
|
@@ -5544,7 +5611,13 @@
|
|
|
5544
5611
|
{
|
|
5545
5612
|
"kind": "field",
|
|
5546
5613
|
"name": "commonDisplayValueWrapperClasses",
|
|
5614
|
+
"description": "Common display value wrapper classes.",
|
|
5547
5615
|
"privacy": "private",
|
|
5616
|
+
"return": {
|
|
5617
|
+
"type": {
|
|
5618
|
+
"text": "Object"
|
|
5619
|
+
}
|
|
5620
|
+
},
|
|
5548
5621
|
"readonly": true
|
|
5549
5622
|
},
|
|
5550
5623
|
{
|
|
@@ -6106,6 +6179,7 @@
|
|
|
6106
6179
|
"parameters": [
|
|
6107
6180
|
{
|
|
6108
6181
|
"name": "event",
|
|
6182
|
+
"description": "The click event object.",
|
|
6109
6183
|
"type": {
|
|
6110
6184
|
"text": "MouseEvent"
|
|
6111
6185
|
}
|
|
@@ -6186,6 +6260,12 @@
|
|
|
6186
6260
|
"privacy": "private",
|
|
6187
6261
|
"default": "new UtilitiesCalendarRender()"
|
|
6188
6262
|
},
|
|
6263
|
+
{
|
|
6264
|
+
"kind": "field",
|
|
6265
|
+
"name": "domHandler",
|
|
6266
|
+
"privacy": "private",
|
|
6267
|
+
"default": "new DomHandler()"
|
|
6268
|
+
},
|
|
6189
6269
|
{
|
|
6190
6270
|
"kind": "field",
|
|
6191
6271
|
"name": "appearance",
|
|
@@ -6365,18 +6445,6 @@
|
|
|
6365
6445
|
"attribute": "calendarFocusDate",
|
|
6366
6446
|
"reflects": true
|
|
6367
6447
|
},
|
|
6368
|
-
{
|
|
6369
|
-
"kind": "field",
|
|
6370
|
-
"name": "format",
|
|
6371
|
-
"privacy": "public",
|
|
6372
|
-
"type": {
|
|
6373
|
-
"text": "string"
|
|
6374
|
-
},
|
|
6375
|
-
"description": "Specifies the date format. The default is `mm/dd/yyyy`.",
|
|
6376
|
-
"default": "'mm/dd/yyyy'",
|
|
6377
|
-
"attribute": "format",
|
|
6378
|
-
"reflects": true
|
|
6379
|
-
},
|
|
6380
6448
|
{
|
|
6381
6449
|
"kind": "field",
|
|
6382
6450
|
"name": "fullscreenBreakpoint",
|
|
@@ -6391,14 +6459,11 @@
|
|
|
6391
6459
|
},
|
|
6392
6460
|
{
|
|
6393
6461
|
"kind": "field",
|
|
6394
|
-
"name": "
|
|
6395
|
-
"privacy": "public",
|
|
6462
|
+
"name": "_validLocale",
|
|
6396
6463
|
"type": {
|
|
6397
|
-
"text": "
|
|
6464
|
+
"text": "string"
|
|
6398
6465
|
},
|
|
6399
|
-
"
|
|
6400
|
-
"default": "[ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]",
|
|
6401
|
-
"attribute": "monthNames"
|
|
6466
|
+
"default": "'en-US'"
|
|
6402
6467
|
},
|
|
6403
6468
|
{
|
|
6404
6469
|
"kind": "field",
|
|
@@ -6633,6 +6698,28 @@
|
|
|
6633
6698
|
"attribute": "error",
|
|
6634
6699
|
"reflects": true
|
|
6635
6700
|
},
|
|
6701
|
+
{
|
|
6702
|
+
"kind": "field",
|
|
6703
|
+
"name": "format",
|
|
6704
|
+
"privacy": "public",
|
|
6705
|
+
"type": {
|
|
6706
|
+
"text": "string"
|
|
6707
|
+
},
|
|
6708
|
+
"description": "Specifies the date format. The default is `mm/dd/yyyy`.",
|
|
6709
|
+
"attribute": "format",
|
|
6710
|
+
"reflects": true
|
|
6711
|
+
},
|
|
6712
|
+
{
|
|
6713
|
+
"kind": "field",
|
|
6714
|
+
"name": "locale",
|
|
6715
|
+
"privacy": "public",
|
|
6716
|
+
"type": {
|
|
6717
|
+
"text": "string"
|
|
6718
|
+
},
|
|
6719
|
+
"description": "Defines the locale of the element. Used to derive the date format when `format` is not explicitly set.",
|
|
6720
|
+
"attribute": "locale",
|
|
6721
|
+
"reflects": true
|
|
6722
|
+
},
|
|
6636
6723
|
{
|
|
6637
6724
|
"kind": "field",
|
|
6638
6725
|
"name": "inputmode",
|
|
@@ -6668,12 +6755,13 @@
|
|
|
6668
6755
|
},
|
|
6669
6756
|
{
|
|
6670
6757
|
"kind": "field",
|
|
6671
|
-
"name": "
|
|
6672
|
-
"privacy": "
|
|
6758
|
+
"name": "monthNames",
|
|
6759
|
+
"privacy": "public",
|
|
6673
6760
|
"type": {
|
|
6674
|
-
"text": "
|
|
6761
|
+
"text": "array"
|
|
6675
6762
|
},
|
|
6676
|
-
"
|
|
6763
|
+
"description": "Names of all 12 months to render in the calendar.\nWhen omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`).",
|
|
6764
|
+
"attribute": "monthNames"
|
|
6677
6765
|
},
|
|
6678
6766
|
{
|
|
6679
6767
|
"kind": "field",
|
|
@@ -6941,9 +7029,16 @@
|
|
|
6941
7029
|
"text": "string"
|
|
6942
7030
|
},
|
|
6943
7031
|
"description": "Specifies the date format. The default is `mm/dd/yyyy`.",
|
|
6944
|
-
"default": "'mm/dd/yyyy'",
|
|
6945
7032
|
"fieldName": "format"
|
|
6946
7033
|
},
|
|
7034
|
+
{
|
|
7035
|
+
"name": "locale",
|
|
7036
|
+
"type": {
|
|
7037
|
+
"text": "string"
|
|
7038
|
+
},
|
|
7039
|
+
"description": "Defines the locale of the element. Used to derive the date format when `format` is not explicitly set.",
|
|
7040
|
+
"fieldName": "locale"
|
|
7041
|
+
},
|
|
6947
7042
|
{
|
|
6948
7043
|
"name": "fullscreenBreakpoint",
|
|
6949
7044
|
"type": {
|
|
@@ -7004,17 +7099,9 @@
|
|
|
7004
7099
|
"type": {
|
|
7005
7100
|
"text": "array"
|
|
7006
7101
|
},
|
|
7007
|
-
"description": "Names of all 12 months to render in the calendar,
|
|
7008
|
-
"default": "[ 'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December' ]",
|
|
7102
|
+
"description": "Names of all 12 months to render in the calendar.\nWhen omitted, month names will be automatically populated from the active `locale` (falling back to `en-US`).",
|
|
7009
7103
|
"fieldName": "monthNames"
|
|
7010
7104
|
},
|
|
7011
|
-
{
|
|
7012
|
-
"name": "monthFirst",
|
|
7013
|
-
"type": {
|
|
7014
|
-
"text": "boolean"
|
|
7015
|
-
},
|
|
7016
|
-
"fieldName": "monthFirst"
|
|
7017
|
-
},
|
|
7018
7105
|
{
|
|
7019
7106
|
"name": "noFlip",
|
|
7020
7107
|
"type": {
|
|
@@ -7339,32 +7426,6 @@
|
|
|
7339
7426
|
"description": "",
|
|
7340
7427
|
"name": "AuroDatepickerUtilities",
|
|
7341
7428
|
"members": [
|
|
7342
|
-
{
|
|
7343
|
-
"kind": "method",
|
|
7344
|
-
"name": "toCustomFormat",
|
|
7345
|
-
"parameters": [
|
|
7346
|
-
{
|
|
7347
|
-
"name": "isoStr",
|
|
7348
|
-
"description": "ISO date string.",
|
|
7349
|
-
"type": {
|
|
7350
|
-
"text": "string"
|
|
7351
|
-
}
|
|
7352
|
-
},
|
|
7353
|
-
{
|
|
7354
|
-
"name": "format",
|
|
7355
|
-
"description": "Target display format (e.g. \"mm/dd/yyyy\", \"dd/mm/yyyy\").",
|
|
7356
|
-
"type": {
|
|
7357
|
-
"text": "string"
|
|
7358
|
-
}
|
|
7359
|
-
}
|
|
7360
|
-
],
|
|
7361
|
-
"description": "Converts an ISO date string (yyyy-mm-dd) to any display format.",
|
|
7362
|
-
"return": {
|
|
7363
|
-
"type": {
|
|
7364
|
-
"text": "string|undefined"
|
|
7365
|
-
}
|
|
7366
|
-
}
|
|
7367
|
-
},
|
|
7368
7429
|
{
|
|
7369
7430
|
"kind": "method",
|
|
7370
7431
|
"name": "convertDateToFirstOfMonth",
|
|
@@ -7410,45 +7471,6 @@
|
|
|
7410
7471
|
}
|
|
7411
7472
|
}
|
|
7412
7473
|
},
|
|
7413
|
-
{
|
|
7414
|
-
"kind": "method",
|
|
7415
|
-
"name": "getDateAsString",
|
|
7416
|
-
"parameters": [
|
|
7417
|
-
{
|
|
7418
|
-
"name": "date",
|
|
7419
|
-
"description": "Date object or timestamp.",
|
|
7420
|
-
"type": {
|
|
7421
|
-
"text": "Date|number"
|
|
7422
|
-
}
|
|
7423
|
-
}
|
|
7424
|
-
],
|
|
7425
|
-
"description": "Convert a date object or timestamp to an ISO string (yyyy-mm-dd).",
|
|
7426
|
-
"return": {
|
|
7427
|
-
"type": {
|
|
7428
|
-
"text": "string|undefined"
|
|
7429
|
-
}
|
|
7430
|
-
}
|
|
7431
|
-
},
|
|
7432
|
-
{
|
|
7433
|
-
"kind": "method",
|
|
7434
|
-
"name": "formatTwoDigits",
|
|
7435
|
-
"parameters": [
|
|
7436
|
-
{
|
|
7437
|
-
"name": "num",
|
|
7438
|
-
"description": "Number to format.",
|
|
7439
|
-
"type": {
|
|
7440
|
-
"text": "Number"
|
|
7441
|
-
}
|
|
7442
|
-
}
|
|
7443
|
-
],
|
|
7444
|
-
"description": "Function to format a number to two digits.",
|
|
7445
|
-
"privacy": "private",
|
|
7446
|
-
"return": {
|
|
7447
|
-
"type": {
|
|
7448
|
-
"text": "String"
|
|
7449
|
-
}
|
|
7450
|
-
}
|
|
7451
|
-
},
|
|
7452
7474
|
{
|
|
7453
7475
|
"kind": "method",
|
|
7454
7476
|
"name": "generateIconHtml",
|
|
@@ -7536,13 +7558,6 @@
|
|
|
7536
7558
|
"type": {
|
|
7537
7559
|
"text": "String"
|
|
7538
7560
|
}
|
|
7539
|
-
},
|
|
7540
|
-
{
|
|
7541
|
-
"description": "The format of the date.",
|
|
7542
|
-
"name": "format",
|
|
7543
|
-
"type": {
|
|
7544
|
-
"text": "String"
|
|
7545
|
-
}
|
|
7546
7561
|
}
|
|
7547
7562
|
],
|
|
7548
7563
|
"description": "Scroll the calendar month list to a given valid date if in mobile view.",
|
|
@@ -19301,7 +19316,7 @@
|
|
|
19301
19316
|
"type": {
|
|
19302
19317
|
"text": "object"
|
|
19303
19318
|
},
|
|
19304
|
-
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx);
|
|
19319
|
+
"default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); } else { navigateArrow(component, 'down', { ctx }); } } else { component.dropdown.show(); } }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (ctx.isExpanded) { if (evt.altKey || evt.ctrlKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); } else { navigateArrow(component, 'up', { ctx }); } } else { component.dropdown.show(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
|
|
19305
19320
|
}
|
|
19306
19321
|
],
|
|
19307
19322
|
"exports": [
|