@aurodesignsystem-dev/auro-formkit 0.0.0-pr1518.0 → 0.0.0-pr1519.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/checkbox/demo/customize.min.js +11 -5
- package/components/checkbox/demo/getting-started.min.js +11 -5
- package/components/checkbox/demo/index.min.js +11 -5
- package/components/checkbox/dist/index.js +11 -5
- package/components/checkbox/dist/registered.js +11 -5
- package/components/combobox/demo/customize.min.js +95 -24
- package/components/combobox/demo/getting-started.min.js +95 -24
- package/components/combobox/demo/index.min.js +95 -24
- package/components/combobox/dist/auro-combobox.d.ts +1 -1
- package/components/combobox/dist/index.js +95 -24
- package/components/combobox/dist/registered.js +95 -24
- package/components/counter/demo/customize.min.js +25 -7
- package/components/counter/demo/index.min.js +25 -7
- package/components/counter/dist/index.js +25 -7
- package/components/counter/dist/registered.js +25 -7
- package/components/datepicker/demo/customize.min.js +128 -21
- package/components/datepicker/demo/index.min.js +128 -21
- package/components/datepicker/dist/index.js +128 -21
- package/components/datepicker/dist/registered.js +128 -21
- package/components/dropdown/demo/customize.min.js +14 -2
- package/components/dropdown/demo/getting-started.min.js +14 -2
- package/components/dropdown/demo/index.min.js +14 -2
- package/components/dropdown/dist/index.js +14 -2
- package/components/dropdown/dist/registered.js +14 -2
- package/components/form/demo/customize.min.js +359 -82
- package/components/form/demo/getting-started.min.js +359 -82
- package/components/form/demo/index.min.js +359 -82
- package/components/form/demo/registerDemoDeps.min.js +359 -82
- package/components/input/demo/api.md +58 -57
- package/components/input/demo/customize.min.js +64 -13
- package/components/input/demo/getting-started.min.js +64 -13
- package/components/input/demo/index.min.js +64 -13
- package/components/input/dist/auro-input.d.ts +1 -1
- package/components/input/dist/base-input.d.ts +10 -4
- package/components/input/dist/index.js +64 -13
- package/components/input/dist/registered.js +64 -13
- package/components/input/dist/utilities.d.ts +10 -1
- package/components/radio/demo/customize.min.js +11 -5
- package/components/radio/demo/getting-started.min.js +11 -5
- package/components/radio/demo/index.min.js +11 -5
- package/components/radio/dist/index.js +11 -5
- package/components/radio/dist/registered.js +11 -5
- package/components/select/demo/customize.min.js +25 -7
- package/components/select/demo/getting-started.min.js +25 -7
- package/components/select/demo/index.min.js +25 -7
- package/components/select/dist/index.js +25 -7
- package/components/select/dist/registered.js +25 -7
- package/custom-elements.json +1582 -1512
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -267,34 +267,107 @@
|
|
|
267
267
|
},
|
|
268
268
|
{
|
|
269
269
|
"kind": "javascript-module",
|
|
270
|
-
"path": "components/
|
|
270
|
+
"path": "components/combobox/src/auro-combobox.js",
|
|
271
271
|
"declarations": [
|
|
272
272
|
{
|
|
273
273
|
"kind": "class",
|
|
274
|
-
"description": "The `auro-
|
|
275
|
-
"name": "
|
|
274
|
+
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
275
|
+
"name": "AuroCombobox",
|
|
276
276
|
"slots": [
|
|
277
277
|
{
|
|
278
|
-
"description": "
|
|
279
|
-
"name": "
|
|
278
|
+
"description": "Default slot for the menu content.",
|
|
279
|
+
"name": ""
|
|
280
280
|
},
|
|
281
281
|
{
|
|
282
|
+
"type": {
|
|
283
|
+
"text": "HTMLSlotElement"
|
|
284
|
+
},
|
|
282
285
|
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
283
286
|
"name": "optionalLabel"
|
|
284
287
|
},
|
|
285
288
|
{
|
|
286
|
-
"description": "
|
|
289
|
+
"description": "Sets aria-label on clear button",
|
|
290
|
+
"name": "ariaLabel.input.clear"
|
|
291
|
+
},
|
|
292
|
+
{
|
|
293
|
+
"description": "Sets aria-label on close button in fullscreen bib",
|
|
294
|
+
"name": "ariaLabel.bib.close"
|
|
295
|
+
},
|
|
296
|
+
{
|
|
297
|
+
"description": "Defines the headline to display above menu-options",
|
|
298
|
+
"name": "bib.fullscreen.headline"
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"description": "Defines the content of the label.",
|
|
302
|
+
"name": "label"
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"description": "Defines the content of the helpText.",
|
|
287
306
|
"name": "helpText"
|
|
288
307
|
},
|
|
289
308
|
{
|
|
290
|
-
"description": "
|
|
291
|
-
"name": "
|
|
309
|
+
"description": "Allows custom HTML content to display the selected value when the combobox is not focused. Only works with `snowflake` and `emphasized` layouts.",
|
|
310
|
+
"name": "displayValue"
|
|
292
311
|
}
|
|
293
312
|
],
|
|
294
313
|
"members": [
|
|
295
314
|
{
|
|
296
315
|
"kind": "method",
|
|
297
|
-
"name": "_initializeDefaults"
|
|
316
|
+
"name": "_initializeDefaults",
|
|
317
|
+
"privacy": "private",
|
|
318
|
+
"return": {
|
|
319
|
+
"type": {
|
|
320
|
+
"text": "void"
|
|
321
|
+
}
|
|
322
|
+
}
|
|
323
|
+
},
|
|
324
|
+
{
|
|
325
|
+
"kind": "method",
|
|
326
|
+
"name": "_scheduleTimer",
|
|
327
|
+
"parameters": [
|
|
328
|
+
{
|
|
329
|
+
"name": "fn",
|
|
330
|
+
"description": "Callback to run.",
|
|
331
|
+
"type": {
|
|
332
|
+
"text": "Function"
|
|
333
|
+
}
|
|
334
|
+
},
|
|
335
|
+
{
|
|
336
|
+
"name": "ms",
|
|
337
|
+
"description": "Delay in milliseconds.",
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "number"
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
],
|
|
343
|
+
"description": "setTimeout wrapper that records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
344
|
+
"return": {
|
|
345
|
+
"type": {
|
|
346
|
+
"text": "number"
|
|
347
|
+
}
|
|
348
|
+
},
|
|
349
|
+
"privacy": "private"
|
|
350
|
+
},
|
|
351
|
+
{
|
|
352
|
+
"kind": "field",
|
|
353
|
+
"name": "inputValue",
|
|
354
|
+
"description": "Returns the current value of the input element within the combobox.",
|
|
355
|
+
"return": {
|
|
356
|
+
"type": {
|
|
357
|
+
"text": "string|undefined"
|
|
358
|
+
}
|
|
359
|
+
},
|
|
360
|
+
"readonly": true
|
|
361
|
+
},
|
|
362
|
+
{
|
|
363
|
+
"kind": "method",
|
|
364
|
+
"name": "isValid",
|
|
365
|
+
"description": "Checks if the element is valid.",
|
|
366
|
+
"return": {
|
|
367
|
+
"type": {
|
|
368
|
+
"text": "boolean"
|
|
369
|
+
}
|
|
370
|
+
}
|
|
298
371
|
},
|
|
299
372
|
{
|
|
300
373
|
"kind": "method",
|
|
@@ -303,7 +376,7 @@
|
|
|
303
376
|
"parameters": [
|
|
304
377
|
{
|
|
305
378
|
"name": "name",
|
|
306
|
-
"default": "
|
|
379
|
+
"default": "'auro-combobox'",
|
|
307
380
|
"description": "The name of the element that you want to register.",
|
|
308
381
|
"optional": true,
|
|
309
382
|
"type": {
|
|
@@ -315,24 +388,82 @@
|
|
|
315
388
|
},
|
|
316
389
|
{
|
|
317
390
|
"kind": "method",
|
|
318
|
-
"name": "
|
|
391
|
+
"name": "activateFirstEnabledAvailableOption",
|
|
392
|
+
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
393
|
+
"privacy": "private",
|
|
394
|
+
"return": {
|
|
395
|
+
"type": {
|
|
396
|
+
"text": "void"
|
|
397
|
+
}
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
{
|
|
401
|
+
"kind": "method",
|
|
402
|
+
"name": "activateLastEnabledAvailableOption",
|
|
403
|
+
"description": "Mark the last available (non-hidden), enabled option as `active`.",
|
|
404
|
+
"privacy": "private",
|
|
405
|
+
"return": {
|
|
406
|
+
"type": {
|
|
407
|
+
"text": "void"
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
},
|
|
411
|
+
{
|
|
412
|
+
"kind": "method",
|
|
413
|
+
"name": "updateFilter",
|
|
414
|
+
"description": "Updates the filter for the available options based on the input value.",
|
|
415
|
+
"privacy": "private"
|
|
416
|
+
},
|
|
417
|
+
{
|
|
418
|
+
"kind": "method",
|
|
419
|
+
"name": "syncValuesAndStates",
|
|
420
|
+
"description": "Syncs the values and states of this component, the input, and the menu, including this.optionSelected and this.menu.optionSelected.",
|
|
421
|
+
"privacy": "private",
|
|
422
|
+
"return": {
|
|
423
|
+
"type": {
|
|
424
|
+
"text": "void"
|
|
425
|
+
}
|
|
426
|
+
}
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"kind": "method",
|
|
430
|
+
"name": "updateTriggerTextDisplay",
|
|
319
431
|
"parameters": [
|
|
320
432
|
{
|
|
321
|
-
"name": "
|
|
322
|
-
"description": "The
|
|
433
|
+
"name": "label",
|
|
434
|
+
"description": "The label of the selected option.",
|
|
323
435
|
"type": {
|
|
324
|
-
"text": "
|
|
436
|
+
"text": "string"
|
|
325
437
|
}
|
|
326
|
-
}
|
|
438
|
+
}
|
|
439
|
+
],
|
|
440
|
+
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
441
|
+
"privacy": "private"
|
|
442
|
+
},
|
|
443
|
+
{
|
|
444
|
+
"kind": "method",
|
|
445
|
+
"name": "syncInputValuesAcrossTriggerAndBib",
|
|
446
|
+
"parameters": [
|
|
327
447
|
{
|
|
328
|
-
"name": "
|
|
329
|
-
"description": "The
|
|
448
|
+
"name": "nextValue",
|
|
449
|
+
"description": "The value to write to both inputs.",
|
|
330
450
|
"type": {
|
|
331
|
-
"text": "
|
|
451
|
+
"text": "string"
|
|
332
452
|
}
|
|
333
453
|
}
|
|
334
454
|
],
|
|
335
|
-
"description": "
|
|
455
|
+
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
456
|
+
"return": {
|
|
457
|
+
"type": {
|
|
458
|
+
"text": "Promise<void>"
|
|
459
|
+
}
|
|
460
|
+
},
|
|
461
|
+
"privacy": "private"
|
|
462
|
+
},
|
|
463
|
+
{
|
|
464
|
+
"kind": "method",
|
|
465
|
+
"name": "handleMenuOptions",
|
|
466
|
+
"description": "Processes hidden state of all menu options and determines if there are any available options not hidden.",
|
|
336
467
|
"privacy": "private",
|
|
337
468
|
"return": {
|
|
338
469
|
"type": {
|
|
@@ -342,8 +473,8 @@
|
|
|
342
473
|
},
|
|
343
474
|
{
|
|
344
475
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "
|
|
476
|
+
"name": "generateOptionsArray",
|
|
477
|
+
"description": "Determines the element error state based on the `required` attribute and input value.",
|
|
347
478
|
"privacy": "private",
|
|
348
479
|
"return": {
|
|
349
480
|
"type": {
|
|
@@ -353,9 +484,8 @@
|
|
|
353
484
|
},
|
|
354
485
|
{
|
|
355
486
|
"kind": "method",
|
|
356
|
-
"name": "
|
|
357
|
-
"description": "
|
|
358
|
-
"privacy": "private",
|
|
487
|
+
"name": "hideBib",
|
|
488
|
+
"description": "Hides the dropdown bib if its open.",
|
|
359
489
|
"return": {
|
|
360
490
|
"type": {
|
|
361
491
|
"text": "void"
|
|
@@ -364,8 +494,8 @@
|
|
|
364
494
|
},
|
|
365
495
|
{
|
|
366
496
|
"kind": "method",
|
|
367
|
-
"name": "
|
|
368
|
-
"description": "
|
|
497
|
+
"name": "showBib",
|
|
498
|
+
"description": "Shows the dropdown bib if there are options to show.",
|
|
369
499
|
"return": {
|
|
370
500
|
"type": {
|
|
371
501
|
"text": "void"
|
|
@@ -374,325 +504,252 @@
|
|
|
374
504
|
},
|
|
375
505
|
{
|
|
376
506
|
"kind": "method",
|
|
377
|
-
"name": "
|
|
378
|
-
"
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
"
|
|
383
|
-
"optional": true,
|
|
384
|
-
"type": {
|
|
385
|
-
"text": "boolean"
|
|
386
|
-
}
|
|
507
|
+
"name": "configureDropdown",
|
|
508
|
+
"description": "Binds all behavior needed to the dropdown after rendering.",
|
|
509
|
+
"privacy": "private",
|
|
510
|
+
"return": {
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "void"
|
|
387
513
|
}
|
|
388
|
-
|
|
389
|
-
"description": "Validates value."
|
|
514
|
+
}
|
|
390
515
|
},
|
|
391
516
|
{
|
|
392
|
-
"kind": "
|
|
393
|
-
"name": "
|
|
394
|
-
"privacy": "
|
|
395
|
-
"type": {
|
|
396
|
-
"text": "'default' | 'inverse'"
|
|
397
|
-
},
|
|
398
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
399
|
-
"default": "'default'",
|
|
400
|
-
"attribute": "appearance",
|
|
401
|
-
"reflects": true
|
|
517
|
+
"kind": "method",
|
|
518
|
+
"name": "setClearBtnFocus",
|
|
519
|
+
"privacy": "private"
|
|
402
520
|
},
|
|
403
521
|
{
|
|
404
|
-
"kind": "
|
|
405
|
-
"name": "
|
|
406
|
-
"privacy": "
|
|
407
|
-
"type": {
|
|
408
|
-
"text": "boolean"
|
|
409
|
-
},
|
|
410
|
-
"description": "If set, disables the checkbox group.",
|
|
411
|
-
"attribute": "disabled",
|
|
412
|
-
"reflects": true
|
|
522
|
+
"kind": "method",
|
|
523
|
+
"name": "setTriggerInputFocus",
|
|
524
|
+
"privacy": "private"
|
|
413
525
|
},
|
|
414
526
|
{
|
|
415
|
-
"kind": "
|
|
416
|
-
"name": "
|
|
417
|
-
"privacy": "
|
|
418
|
-
"type": {
|
|
419
|
-
"text": "string"
|
|
420
|
-
},
|
|
421
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
422
|
-
"attribute": "error",
|
|
423
|
-
"reflects": true
|
|
527
|
+
"kind": "method",
|
|
528
|
+
"name": "setInputFocus",
|
|
529
|
+
"privacy": "private"
|
|
424
530
|
},
|
|
425
531
|
{
|
|
426
|
-
"kind": "
|
|
427
|
-
"name": "
|
|
428
|
-
"
|
|
429
|
-
"
|
|
430
|
-
"text": "boolean"
|
|
431
|
-
},
|
|
432
|
-
"description": "If set, checkboxes will be aligned horizontally.",
|
|
433
|
-
"attribute": "horizontal",
|
|
434
|
-
"reflects": true
|
|
532
|
+
"kind": "method",
|
|
533
|
+
"name": "updateBibDialogRole",
|
|
534
|
+
"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.",
|
|
535
|
+
"privacy": "private"
|
|
435
536
|
},
|
|
436
537
|
{
|
|
437
|
-
"kind": "
|
|
438
|
-
"name": "
|
|
439
|
-
"
|
|
440
|
-
"
|
|
441
|
-
"text": "boolean"
|
|
442
|
-
},
|
|
443
|
-
"description": "If set, disables auto-validation on blur.",
|
|
444
|
-
"attribute": "noValidate",
|
|
445
|
-
"reflects": true
|
|
446
|
-
},
|
|
447
|
-
{
|
|
448
|
-
"kind": "field",
|
|
449
|
-
"name": "onDark",
|
|
450
|
-
"privacy": "public",
|
|
451
|
-
"type": {
|
|
452
|
-
"text": "boolean"
|
|
453
|
-
},
|
|
454
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
455
|
-
"attribute": "onDark",
|
|
456
|
-
"reflects": true
|
|
538
|
+
"kind": "method",
|
|
539
|
+
"name": "updateMenuShapeSize",
|
|
540
|
+
"description": "Update menu to default for fullscreen bib, otherwise to this.size and this.shape.",
|
|
541
|
+
"privacy": "private"
|
|
457
542
|
},
|
|
458
543
|
{
|
|
459
|
-
"kind": "
|
|
460
|
-
"name": "
|
|
461
|
-
"
|
|
462
|
-
"
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
544
|
+
"kind": "method",
|
|
545
|
+
"name": "_getAnnouncementRoot",
|
|
546
|
+
"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.",
|
|
547
|
+
"privacy": "private",
|
|
548
|
+
"return": {
|
|
549
|
+
"type": {
|
|
550
|
+
"text": "ShadowRoot"
|
|
551
|
+
}
|
|
552
|
+
}
|
|
468
553
|
},
|
|
469
554
|
{
|
|
470
|
-
"kind": "
|
|
471
|
-
"name": "
|
|
472
|
-
"
|
|
473
|
-
"
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
555
|
+
"kind": "method",
|
|
556
|
+
"name": "configureMenu",
|
|
557
|
+
"description": "Binds all behavior needed to the menu after rendering.",
|
|
558
|
+
"privacy": "private",
|
|
559
|
+
"return": {
|
|
560
|
+
"type": {
|
|
561
|
+
"text": "void"
|
|
562
|
+
}
|
|
563
|
+
}
|
|
478
564
|
},
|
|
479
565
|
{
|
|
480
|
-
"kind": "
|
|
481
|
-
"name": "
|
|
482
|
-
"
|
|
483
|
-
"
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
566
|
+
"kind": "method",
|
|
567
|
+
"name": "configureInput",
|
|
568
|
+
"description": "Binds all behavior needed to the input after rendering.",
|
|
569
|
+
"privacy": "private",
|
|
570
|
+
"return": {
|
|
571
|
+
"type": {
|
|
572
|
+
"text": "void"
|
|
573
|
+
}
|
|
574
|
+
}
|
|
488
575
|
},
|
|
489
576
|
{
|
|
490
|
-
"kind": "
|
|
491
|
-
"name": "
|
|
492
|
-
"
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
577
|
+
"kind": "method",
|
|
578
|
+
"name": "handleMenuLoadingChange",
|
|
579
|
+
"parameters": [
|
|
580
|
+
{
|
|
581
|
+
"name": "event",
|
|
582
|
+
"description": "The event object containing details about the loading state change.",
|
|
583
|
+
"type": {
|
|
584
|
+
"text": "CustomEvent"
|
|
585
|
+
}
|
|
586
|
+
},
|
|
587
|
+
{
|
|
588
|
+
"description": "Indicates whether the menu is currently loading.",
|
|
589
|
+
"name": "event.detail.loading",
|
|
590
|
+
"type": {
|
|
591
|
+
"text": "boolean"
|
|
592
|
+
}
|
|
593
|
+
},
|
|
594
|
+
{
|
|
595
|
+
"description": "Indicates if there are loading placeholders present.",
|
|
596
|
+
"name": "event.detail.hasLoadingPlaceholder",
|
|
597
|
+
"type": {
|
|
598
|
+
"text": "boolean"
|
|
599
|
+
}
|
|
600
|
+
}
|
|
601
|
+
],
|
|
602
|
+
"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.",
|
|
603
|
+
"privacy": "private",
|
|
604
|
+
"return": {
|
|
605
|
+
"type": {
|
|
606
|
+
"text": "void"
|
|
607
|
+
}
|
|
608
|
+
}
|
|
498
609
|
},
|
|
499
610
|
{
|
|
500
|
-
"kind": "
|
|
501
|
-
"name": "
|
|
502
|
-
"
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
"
|
|
514
|
-
|
|
515
|
-
|
|
611
|
+
"kind": "method",
|
|
612
|
+
"name": "handleInputValueChange",
|
|
613
|
+
"parameters": [
|
|
614
|
+
{
|
|
615
|
+
"name": "event",
|
|
616
|
+
"description": "The input event triggered by the input element.",
|
|
617
|
+
"type": {
|
|
618
|
+
"text": "Event"
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
],
|
|
622
|
+
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
623
|
+
"privacy": "private",
|
|
624
|
+
"return": {
|
|
625
|
+
"type": {
|
|
626
|
+
"text": "void"
|
|
627
|
+
}
|
|
516
628
|
}
|
|
517
629
|
},
|
|
518
630
|
{
|
|
519
|
-
"
|
|
520
|
-
"name": "
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
"
|
|
531
|
-
"
|
|
631
|
+
"kind": "method",
|
|
632
|
+
"name": "handleTriggerInputValueChange",
|
|
633
|
+
"parameters": [
|
|
634
|
+
{
|
|
635
|
+
"name": "event",
|
|
636
|
+
"description": "The input event from the trigger input element.",
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "Event"
|
|
639
|
+
}
|
|
640
|
+
}
|
|
641
|
+
],
|
|
642
|
+
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
643
|
+
"privacy": "private",
|
|
644
|
+
"return": {
|
|
645
|
+
"type": {
|
|
646
|
+
"text": "void"
|
|
647
|
+
}
|
|
648
|
+
}
|
|
532
649
|
},
|
|
533
650
|
{
|
|
534
|
-
"
|
|
535
|
-
"
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
"
|
|
539
|
-
|
|
651
|
+
"kind": "method",
|
|
652
|
+
"name": "configureCombobox",
|
|
653
|
+
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
654
|
+
"privacy": "private",
|
|
655
|
+
"return": {
|
|
656
|
+
"type": {
|
|
657
|
+
"text": "void"
|
|
658
|
+
}
|
|
659
|
+
}
|
|
540
660
|
},
|
|
541
661
|
{
|
|
542
|
-
"
|
|
543
|
-
"
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
662
|
+
"kind": "method",
|
|
663
|
+
"name": "focus",
|
|
664
|
+
"description": "Focuses the combobox trigger input.",
|
|
665
|
+
"return": {
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "void"
|
|
668
|
+
}
|
|
669
|
+
}
|
|
548
670
|
},
|
|
549
671
|
{
|
|
550
|
-
"
|
|
551
|
-
"
|
|
552
|
-
|
|
553
|
-
|
|
554
|
-
|
|
555
|
-
|
|
672
|
+
"kind": "method",
|
|
673
|
+
"name": "setMenuValue",
|
|
674
|
+
"parameters": [
|
|
675
|
+
{
|
|
676
|
+
"name": "value",
|
|
677
|
+
"description": "The value to set on the menu.",
|
|
678
|
+
"type": {
|
|
679
|
+
"text": "string"
|
|
680
|
+
}
|
|
681
|
+
}
|
|
682
|
+
],
|
|
683
|
+
"description": "Sets the menu value if menu is available.",
|
|
684
|
+
"return": {
|
|
685
|
+
"type": {
|
|
686
|
+
"text": "void"
|
|
687
|
+
}
|
|
688
|
+
}
|
|
556
689
|
},
|
|
557
690
|
{
|
|
558
|
-
"
|
|
559
|
-
"
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
691
|
+
"kind": "method",
|
|
692
|
+
"name": "reset",
|
|
693
|
+
"description": "Resets component to initial state.",
|
|
694
|
+
"return": {
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "void"
|
|
697
|
+
}
|
|
698
|
+
}
|
|
564
699
|
},
|
|
565
700
|
{
|
|
566
|
-
"
|
|
567
|
-
"
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
"name": "required",
|
|
575
|
-
"type": {
|
|
576
|
-
"text": "boolean"
|
|
577
|
-
},
|
|
578
|
-
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
579
|
-
"fieldName": "required"
|
|
580
|
-
},
|
|
581
|
-
{
|
|
582
|
-
"name": "setCustomValidity",
|
|
583
|
-
"type": {
|
|
584
|
-
"text": "string"
|
|
585
|
-
},
|
|
586
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
587
|
-
"fieldName": "setCustomValidity"
|
|
588
|
-
},
|
|
589
|
-
{
|
|
590
|
-
"name": "setCustomValidityCustomError",
|
|
591
|
-
"type": {
|
|
592
|
-
"text": "string"
|
|
593
|
-
},
|
|
594
|
-
"description": "Custom help text message to display when validity = `customError`.",
|
|
595
|
-
"fieldName": "setCustomValidityCustomError"
|
|
596
|
-
},
|
|
597
|
-
{
|
|
598
|
-
"name": "setCustomValidityValueMissing",
|
|
599
|
-
"type": {
|
|
600
|
-
"text": "string"
|
|
601
|
-
},
|
|
602
|
-
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
603
|
-
"fieldName": "setCustomValidityValueMissing"
|
|
604
|
-
},
|
|
605
|
-
{
|
|
606
|
-
"name": "validity",
|
|
607
|
-
"type": {
|
|
608
|
-
"text": "string"
|
|
609
|
-
},
|
|
610
|
-
"description": "Specifies the `validityState` this element is in.",
|
|
611
|
-
"fieldName": "validity"
|
|
612
|
-
}
|
|
613
|
-
],
|
|
614
|
-
"superclass": {
|
|
615
|
-
"name": "LitElement",
|
|
616
|
-
"package": "lit"
|
|
617
|
-
},
|
|
618
|
-
"tagName": "auro-checkbox-group",
|
|
619
|
-
"customElement": true
|
|
620
|
-
}
|
|
621
|
-
],
|
|
622
|
-
"exports": [
|
|
623
|
-
{
|
|
624
|
-
"kind": "js",
|
|
625
|
-
"name": "AuroCheckboxGroup",
|
|
626
|
-
"declaration": {
|
|
627
|
-
"name": "AuroCheckboxGroup",
|
|
628
|
-
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
629
|
-
}
|
|
630
|
-
}
|
|
631
|
-
]
|
|
632
|
-
},
|
|
633
|
-
{
|
|
634
|
-
"kind": "javascript-module",
|
|
635
|
-
"path": "components/checkbox/src/auro-checkbox.js",
|
|
636
|
-
"declarations": [
|
|
637
|
-
{
|
|
638
|
-
"kind": "class",
|
|
639
|
-
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
640
|
-
"name": "AuroCheckbox",
|
|
641
|
-
"cssParts": [
|
|
642
|
-
{
|
|
643
|
-
"description": "apply css to a specific checkbox.",
|
|
644
|
-
"name": "checkbox"
|
|
645
|
-
},
|
|
646
|
-
{
|
|
647
|
-
"description": "apply css to a specific checkbox's input.",
|
|
648
|
-
"name": "checkbox-input"
|
|
649
|
-
},
|
|
650
|
-
{
|
|
651
|
-
"description": "apply css to a specific checkbox's label.",
|
|
652
|
-
"name": "checkbox-label"
|
|
653
|
-
}
|
|
654
|
-
],
|
|
655
|
-
"slots": [
|
|
656
|
-
{
|
|
657
|
-
"description": "The default slot for the checkbox label.",
|
|
658
|
-
"name": "default"
|
|
659
|
-
}
|
|
660
|
-
],
|
|
661
|
-
"members": [
|
|
662
|
-
{
|
|
663
|
-
"kind": "method",
|
|
664
|
-
"name": "_initializeDefaults"
|
|
701
|
+
"kind": "method",
|
|
702
|
+
"name": "clear",
|
|
703
|
+
"description": "Clears the current value of the combobox.",
|
|
704
|
+
"return": {
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "void"
|
|
707
|
+
}
|
|
708
|
+
}
|
|
665
709
|
},
|
|
666
710
|
{
|
|
667
711
|
"kind": "method",
|
|
668
|
-
"name": "
|
|
669
|
-
"static": true,
|
|
712
|
+
"name": "validate",
|
|
670
713
|
"parameters": [
|
|
671
714
|
{
|
|
672
|
-
"name": "
|
|
673
|
-
"default": "
|
|
674
|
-
"description": "
|
|
715
|
+
"name": "force",
|
|
716
|
+
"default": "false",
|
|
717
|
+
"description": "Whether to force validation.",
|
|
675
718
|
"optional": true,
|
|
676
719
|
"type": {
|
|
677
|
-
"text": "
|
|
720
|
+
"text": "boolean"
|
|
678
721
|
}
|
|
679
722
|
}
|
|
680
723
|
],
|
|
681
|
-
"description": "
|
|
724
|
+
"description": "Validates value."
|
|
682
725
|
},
|
|
683
726
|
{
|
|
684
727
|
"kind": "method",
|
|
685
|
-
"name": "
|
|
728
|
+
"name": "transportAssignedNodes",
|
|
686
729
|
"parameters": [
|
|
687
730
|
{
|
|
688
|
-
"name": "
|
|
689
|
-
"description": "The
|
|
731
|
+
"name": "slot",
|
|
732
|
+
"description": "The slot element containing the nodes to apply.",
|
|
690
733
|
"type": {
|
|
691
|
-
"text": "
|
|
734
|
+
"text": "HTMLSlotElement"
|
|
735
|
+
}
|
|
736
|
+
},
|
|
737
|
+
{
|
|
738
|
+
"name": "target",
|
|
739
|
+
"description": "The target element to apply the nodes to.",
|
|
740
|
+
"type": {
|
|
741
|
+
"text": "HTMLElement"
|
|
742
|
+
}
|
|
743
|
+
},
|
|
744
|
+
{
|
|
745
|
+
"name": "newSlotName",
|
|
746
|
+
"description": "The new slot name for the applied nodes.",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "string"
|
|
692
749
|
}
|
|
693
750
|
}
|
|
694
751
|
],
|
|
695
|
-
"description": "
|
|
752
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
696
753
|
"privacy": "private",
|
|
697
754
|
"return": {
|
|
698
755
|
"type": {
|
|
@@ -702,80 +759,31 @@
|
|
|
702
759
|
},
|
|
703
760
|
{
|
|
704
761
|
"kind": "method",
|
|
705
|
-
"name": "
|
|
762
|
+
"name": "updateActiveOption",
|
|
706
763
|
"parameters": [
|
|
707
764
|
{
|
|
708
|
-
"name": "
|
|
709
|
-
"description": "
|
|
765
|
+
"name": "index",
|
|
766
|
+
"description": "Index of the option to make active.",
|
|
710
767
|
"type": {
|
|
711
|
-
"text": "
|
|
768
|
+
"text": "number"
|
|
712
769
|
}
|
|
713
770
|
}
|
|
714
771
|
],
|
|
715
|
-
"description": "
|
|
716
|
-
"privacy": "private",
|
|
717
|
-
"return": {
|
|
718
|
-
"type": {
|
|
719
|
-
"text": "void"
|
|
720
|
-
}
|
|
721
|
-
}
|
|
722
|
-
},
|
|
723
|
-
{
|
|
724
|
-
"kind": "method",
|
|
725
|
-
"name": "handleFocusin",
|
|
726
|
-
"description": "Function to support",
|
|
727
|
-
"privacy": "private",
|
|
728
|
-
"return": {
|
|
729
|
-
"type": {
|
|
730
|
-
"text": "void"
|
|
731
|
-
}
|
|
732
|
-
}
|
|
733
|
-
},
|
|
734
|
-
{
|
|
735
|
-
"kind": "method",
|
|
736
|
-
"name": "generateIconHtml",
|
|
737
|
-
"description": "Function to generate checkmark svg.",
|
|
738
|
-
"privacy": "private",
|
|
739
|
-
"return": {
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "HTMLElement"
|
|
742
|
-
}
|
|
743
|
-
}
|
|
744
|
-
},
|
|
745
|
-
{
|
|
746
|
-
"kind": "method",
|
|
747
|
-
"name": "reset",
|
|
748
|
-
"description": "Resets component to initial state.",
|
|
749
|
-
"return": {
|
|
750
|
-
"type": {
|
|
751
|
-
"text": "void"
|
|
752
|
-
}
|
|
753
|
-
}
|
|
754
|
-
},
|
|
755
|
-
{
|
|
756
|
-
"kind": "method",
|
|
757
|
-
"name": "updateAriaLabel",
|
|
758
|
-
"description": "Updates the aria-label based on slot content.",
|
|
759
|
-
"privacy": "private",
|
|
760
|
-
"return": {
|
|
761
|
-
"type": {
|
|
762
|
-
"text": "void"
|
|
763
|
-
}
|
|
764
|
-
}
|
|
772
|
+
"description": "Updates the active option in the menu."
|
|
765
773
|
},
|
|
766
774
|
{
|
|
767
775
|
"kind": "method",
|
|
768
|
-
"name": "
|
|
776
|
+
"name": "handleSlotChange",
|
|
769
777
|
"parameters": [
|
|
770
778
|
{
|
|
771
779
|
"name": "event",
|
|
772
|
-
"description": "
|
|
780
|
+
"description": "`slotchange` event.",
|
|
773
781
|
"type": {
|
|
774
|
-
"text": "
|
|
782
|
+
"text": "Event"
|
|
775
783
|
}
|
|
776
784
|
}
|
|
777
785
|
],
|
|
778
|
-
"description": "
|
|
786
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
779
787
|
"privacy": "private",
|
|
780
788
|
"return": {
|
|
781
789
|
"type": {
|
|
@@ -788,7 +796,7 @@
|
|
|
788
796
|
"name": "appearance",
|
|
789
797
|
"privacy": "public",
|
|
790
798
|
"type": {
|
|
791
|
-
"text": "
|
|
799
|
+
"text": "string"
|
|
792
800
|
},
|
|
793
801
|
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
794
802
|
"default": "'default'",
|
|
@@ -797,1041 +805,1080 @@
|
|
|
797
805
|
},
|
|
798
806
|
{
|
|
799
807
|
"kind": "field",
|
|
800
|
-
"name": "
|
|
808
|
+
"name": "autocomplete",
|
|
801
809
|
"privacy": "public",
|
|
802
810
|
"type": {
|
|
803
|
-
"text": "
|
|
811
|
+
"text": "string"
|
|
804
812
|
},
|
|
805
|
-
"description": "
|
|
806
|
-
"attribute": "
|
|
813
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
814
|
+
"attribute": "autocomplete",
|
|
807
815
|
"reflects": true
|
|
808
816
|
},
|
|
809
817
|
{
|
|
810
818
|
"kind": "field",
|
|
811
|
-
"name": "
|
|
819
|
+
"name": "autoPlacement",
|
|
812
820
|
"privacy": "public",
|
|
813
821
|
"type": {
|
|
814
822
|
"text": "boolean"
|
|
815
823
|
},
|
|
816
|
-
"description": "If
|
|
817
|
-
"attribute": "
|
|
824
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
825
|
+
"attribute": "autoPlacement",
|
|
818
826
|
"reflects": true
|
|
819
827
|
},
|
|
820
828
|
{
|
|
821
829
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
823
|
-
"privacy": "
|
|
830
|
+
"name": "availableOptions",
|
|
831
|
+
"privacy": "private",
|
|
824
832
|
"type": {
|
|
825
|
-
"text": "
|
|
833
|
+
"text": "array"
|
|
826
834
|
},
|
|
827
|
-
"description": "
|
|
828
|
-
"attribute": "
|
|
829
|
-
"reflects": true
|
|
835
|
+
"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).",
|
|
836
|
+
"attribute": "availableOptions"
|
|
830
837
|
},
|
|
831
838
|
{
|
|
832
839
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
840
|
+
"name": "behavior",
|
|
834
841
|
"privacy": "public",
|
|
835
842
|
"type": {
|
|
836
|
-
"text": "
|
|
843
|
+
"text": "'filter' | 'suggestion'"
|
|
837
844
|
},
|
|
838
|
-
"description": "
|
|
839
|
-
"
|
|
845
|
+
"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.",
|
|
846
|
+
"default": "'suggestion'",
|
|
847
|
+
"attribute": "behavior",
|
|
840
848
|
"reflects": true
|
|
841
849
|
},
|
|
842
850
|
{
|
|
843
851
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "private",
|
|
846
|
-
"type": {
|
|
847
|
-
"text": "string"
|
|
848
|
-
},
|
|
849
|
-
"description": "The id for input node."
|
|
850
|
-
},
|
|
851
|
-
{
|
|
852
|
-
"kind": "field",
|
|
853
|
-
"name": "name",
|
|
852
|
+
"name": "checkmark",
|
|
854
853
|
"privacy": "public",
|
|
855
854
|
"type": {
|
|
856
|
-
"text": "
|
|
855
|
+
"text": "boolean"
|
|
857
856
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"attribute": "
|
|
857
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
858
|
+
"attribute": "checkmark",
|
|
859
|
+
"reflects": true
|
|
860
860
|
},
|
|
861
861
|
{
|
|
862
862
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
863
|
+
"name": "disabled",
|
|
864
864
|
"privacy": "public",
|
|
865
865
|
"type": {
|
|
866
866
|
"text": "boolean"
|
|
867
867
|
},
|
|
868
|
-
"description": "
|
|
869
|
-
"attribute": "
|
|
868
|
+
"description": "If set, disables the combobox.",
|
|
869
|
+
"attribute": "disabled",
|
|
870
870
|
"reflects": true
|
|
871
871
|
},
|
|
872
872
|
{
|
|
873
873
|
"kind": "field",
|
|
874
|
-
"name": "
|
|
874
|
+
"name": "dropdownId",
|
|
875
875
|
"privacy": "private",
|
|
876
876
|
"type": {
|
|
877
|
-
"text": "
|
|
877
|
+
"text": "string"
|
|
878
878
|
},
|
|
879
|
-
"description": "
|
|
879
|
+
"description": "ID for the dropdown."
|
|
880
880
|
},
|
|
881
881
|
{
|
|
882
882
|
"kind": "field",
|
|
883
|
-
"name": "
|
|
884
|
-
"privacy": "
|
|
883
|
+
"name": "dropdownOpen",
|
|
884
|
+
"privacy": "private",
|
|
885
885
|
"type": {
|
|
886
|
-
"text": "
|
|
886
|
+
"text": "boolean"
|
|
887
887
|
},
|
|
888
|
-
"description": "
|
|
889
|
-
"attribute": "value"
|
|
888
|
+
"description": "Whether or not the dropdown is open."
|
|
890
889
|
},
|
|
891
890
|
{
|
|
892
891
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "
|
|
892
|
+
"name": "dvInputOnly",
|
|
893
|
+
"privacy": "public",
|
|
895
894
|
"type": {
|
|
896
|
-
"text": "
|
|
895
|
+
"text": "boolean"
|
|
897
896
|
},
|
|
898
|
-
"description": "
|
|
899
|
-
"attribute": "
|
|
897
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
898
|
+
"attribute": "dvInputOnly",
|
|
900
899
|
"reflects": true
|
|
901
900
|
},
|
|
902
901
|
{
|
|
903
902
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
905
|
-
"privacy": "
|
|
903
|
+
"name": "error",
|
|
904
|
+
"privacy": "public",
|
|
906
905
|
"type": {
|
|
907
906
|
"text": "string"
|
|
908
907
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"attribute": "
|
|
908
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
909
|
+
"attribute": "error",
|
|
911
910
|
"reflects": true
|
|
912
911
|
},
|
|
913
912
|
{
|
|
914
913
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
916
|
-
"privacy": "
|
|
914
|
+
"name": "format",
|
|
915
|
+
"privacy": "public",
|
|
917
916
|
"type": {
|
|
918
917
|
"text": "string"
|
|
919
918
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"attribute": "
|
|
919
|
+
"description": "Specifies the input mask format.",
|
|
920
|
+
"attribute": "format",
|
|
922
921
|
"reflects": true
|
|
923
922
|
},
|
|
924
923
|
{
|
|
925
924
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
927
|
-
"privacy": "
|
|
925
|
+
"name": "inputmode",
|
|
926
|
+
"privacy": "public",
|
|
928
927
|
"type": {
|
|
929
928
|
"text": "string"
|
|
930
929
|
},
|
|
931
|
-
"description": "
|
|
932
|
-
"attribute": "
|
|
930
|
+
"description": "Exposes inputmode attribute for input.",
|
|
931
|
+
"attribute": "inputmode",
|
|
933
932
|
"reflects": true
|
|
934
|
-
}
|
|
935
|
-
],
|
|
936
|
-
"events": [
|
|
933
|
+
},
|
|
937
934
|
{
|
|
938
|
-
"
|
|
935
|
+
"kind": "field",
|
|
936
|
+
"name": "layout",
|
|
937
|
+
"privacy": "public",
|
|
939
938
|
"type": {
|
|
940
|
-
"text": "
|
|
939
|
+
"text": "string"
|
|
940
|
+
},
|
|
941
|
+
"description": "Sets the layout of the combobox.",
|
|
942
|
+
"default": "'classic'",
|
|
943
|
+
"attribute": "layout",
|
|
944
|
+
"reflects": true,
|
|
945
|
+
"inheritedFrom": {
|
|
946
|
+
"name": "AuroElement",
|
|
947
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
941
948
|
}
|
|
942
949
|
},
|
|
943
950
|
{
|
|
944
|
-
"
|
|
951
|
+
"kind": "field",
|
|
952
|
+
"name": "matchWidth",
|
|
953
|
+
"privacy": "private",
|
|
945
954
|
"type": {
|
|
946
|
-
"text": "
|
|
947
|
-
}
|
|
955
|
+
"text": "boolean"
|
|
956
|
+
},
|
|
957
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
958
|
+
"attribute": "matchWidth",
|
|
959
|
+
"reflects": true
|
|
948
960
|
},
|
|
949
961
|
{
|
|
950
|
-
"
|
|
962
|
+
"kind": "field",
|
|
963
|
+
"name": "noFilter",
|
|
964
|
+
"privacy": "public",
|
|
951
965
|
"type": {
|
|
952
|
-
"text": "
|
|
953
|
-
}
|
|
966
|
+
"text": "boolean"
|
|
967
|
+
},
|
|
968
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
969
|
+
"attribute": "noFilter",
|
|
970
|
+
"reflects": true
|
|
954
971
|
},
|
|
955
972
|
{
|
|
956
|
-
"
|
|
957
|
-
"name": "
|
|
973
|
+
"kind": "field",
|
|
974
|
+
"name": "noFlip",
|
|
975
|
+
"privacy": "public",
|
|
976
|
+
"type": {
|
|
977
|
+
"text": "boolean"
|
|
978
|
+
},
|
|
979
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
980
|
+
"attribute": "noFlip",
|
|
981
|
+
"reflects": true
|
|
958
982
|
},
|
|
959
983
|
{
|
|
960
|
-
"
|
|
961
|
-
"name": "
|
|
962
|
-
|
|
963
|
-
],
|
|
964
|
-
"attributes": [
|
|
965
|
-
{
|
|
966
|
-
"name": "appearance",
|
|
984
|
+
"kind": "field",
|
|
985
|
+
"name": "shift",
|
|
986
|
+
"privacy": "public",
|
|
967
987
|
"type": {
|
|
968
|
-
"text": "
|
|
988
|
+
"text": "boolean"
|
|
969
989
|
},
|
|
970
|
-
"description": "
|
|
971
|
-
"
|
|
972
|
-
"
|
|
990
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
991
|
+
"attribute": "shift",
|
|
992
|
+
"reflects": true
|
|
973
993
|
},
|
|
974
994
|
{
|
|
975
|
-
"
|
|
995
|
+
"kind": "field",
|
|
996
|
+
"name": "noValidate",
|
|
997
|
+
"privacy": "public",
|
|
976
998
|
"type": {
|
|
977
999
|
"text": "boolean"
|
|
978
1000
|
},
|
|
979
|
-
"description": "If set
|
|
980
|
-
"
|
|
1001
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1002
|
+
"attribute": "noValidate",
|
|
1003
|
+
"reflects": true
|
|
981
1004
|
},
|
|
982
1005
|
{
|
|
983
|
-
"
|
|
1006
|
+
"kind": "field",
|
|
1007
|
+
"name": "offset",
|
|
1008
|
+
"privacy": "public",
|
|
1009
|
+
"type": {
|
|
1010
|
+
"text": "number"
|
|
1011
|
+
},
|
|
1012
|
+
"description": "Gap between the trigger element and bib.",
|
|
1013
|
+
"default": "0",
|
|
1014
|
+
"attribute": "offset",
|
|
1015
|
+
"reflects": true
|
|
1016
|
+
},
|
|
1017
|
+
{
|
|
1018
|
+
"kind": "field",
|
|
1019
|
+
"name": "onDark",
|
|
1020
|
+
"privacy": "public",
|
|
984
1021
|
"type": {
|
|
985
1022
|
"text": "boolean"
|
|
986
1023
|
},
|
|
987
|
-
"
|
|
988
|
-
"
|
|
1024
|
+
"attribute": "onDark",
|
|
1025
|
+
"reflects": true,
|
|
1026
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1027
|
+
"inheritedFrom": {
|
|
1028
|
+
"name": "AuroElement",
|
|
1029
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1030
|
+
}
|
|
989
1031
|
},
|
|
990
1032
|
{
|
|
991
|
-
"
|
|
1033
|
+
"kind": "field",
|
|
1034
|
+
"name": "optionSelected",
|
|
1035
|
+
"privacy": "public",
|
|
1036
|
+
"type": {
|
|
1037
|
+
"text": "HTMLElement"
|
|
1038
|
+
},
|
|
1039
|
+
"description": "Specifies the current selected option.",
|
|
1040
|
+
"attribute": "optionSelected"
|
|
1041
|
+
},
|
|
1042
|
+
{
|
|
1043
|
+
"kind": "field",
|
|
1044
|
+
"name": "persistInput",
|
|
1045
|
+
"privacy": "public",
|
|
992
1046
|
"type": {
|
|
993
1047
|
"text": "boolean"
|
|
994
1048
|
},
|
|
995
|
-
"description": "If
|
|
996
|
-
"
|
|
1049
|
+
"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.",
|
|
1050
|
+
"attribute": "persistInput",
|
|
1051
|
+
"reflects": true
|
|
997
1052
|
},
|
|
998
1053
|
{
|
|
999
|
-
"
|
|
1054
|
+
"kind": "field",
|
|
1055
|
+
"name": "placement",
|
|
1056
|
+
"privacy": "public",
|
|
1000
1057
|
"type": {
|
|
1001
|
-
"text": "
|
|
1058
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1002
1059
|
},
|
|
1003
|
-
"description": "
|
|
1004
|
-
"
|
|
1060
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1061
|
+
"default": "'bottom-start'",
|
|
1062
|
+
"attribute": "placement",
|
|
1063
|
+
"reflects": true
|
|
1005
1064
|
},
|
|
1006
1065
|
{
|
|
1007
|
-
"
|
|
1066
|
+
"kind": "field",
|
|
1067
|
+
"name": "placeholder",
|
|
1068
|
+
"privacy": "public",
|
|
1008
1069
|
"type": {
|
|
1009
1070
|
"text": "string"
|
|
1010
1071
|
},
|
|
1011
|
-
"description": "
|
|
1012
|
-
"
|
|
1072
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1073
|
+
"attribute": "placeholder",
|
|
1074
|
+
"reflects": true
|
|
1013
1075
|
},
|
|
1014
1076
|
{
|
|
1015
|
-
"
|
|
1077
|
+
"kind": "field",
|
|
1078
|
+
"name": "required",
|
|
1079
|
+
"privacy": "public",
|
|
1016
1080
|
"type": {
|
|
1017
1081
|
"text": "boolean"
|
|
1018
1082
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"
|
|
1083
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1084
|
+
"attribute": "required",
|
|
1085
|
+
"reflects": true
|
|
1021
1086
|
},
|
|
1022
1087
|
{
|
|
1023
|
-
"
|
|
1088
|
+
"kind": "field",
|
|
1089
|
+
"name": "setCustomValidity",
|
|
1090
|
+
"privacy": "public",
|
|
1024
1091
|
"type": {
|
|
1025
1092
|
"text": "string"
|
|
1026
1093
|
},
|
|
1027
|
-
"description": "Sets
|
|
1028
|
-
"
|
|
1094
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1095
|
+
"attribute": "setCustomValidity"
|
|
1029
1096
|
},
|
|
1030
1097
|
{
|
|
1031
|
-
"
|
|
1098
|
+
"kind": "field",
|
|
1099
|
+
"name": "setCustomValidityCustomError",
|
|
1100
|
+
"privacy": "public",
|
|
1032
1101
|
"type": {
|
|
1033
|
-
"text": "
|
|
1102
|
+
"text": "string"
|
|
1034
1103
|
},
|
|
1035
|
-
"description": "
|
|
1036
|
-
"
|
|
1104
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1105
|
+
"attribute": "setCustomValidityCustomError"
|
|
1037
1106
|
},
|
|
1038
1107
|
{
|
|
1039
|
-
"
|
|
1108
|
+
"kind": "field",
|
|
1109
|
+
"name": "setCustomValidityValueMissing",
|
|
1110
|
+
"privacy": "public",
|
|
1040
1111
|
"type": {
|
|
1041
1112
|
"text": "string"
|
|
1042
1113
|
},
|
|
1043
|
-
"description": "
|
|
1044
|
-
"
|
|
1114
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1115
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1045
1116
|
},
|
|
1046
1117
|
{
|
|
1047
|
-
"
|
|
1118
|
+
"kind": "field",
|
|
1119
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1120
|
+
"privacy": "public",
|
|
1048
1121
|
"type": {
|
|
1049
1122
|
"text": "string"
|
|
1050
1123
|
},
|
|
1051
|
-
"description": "
|
|
1052
|
-
"
|
|
1124
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1125
|
+
"attribute": "setCustomValidityValueMissingFilter"
|
|
1053
1126
|
},
|
|
1054
1127
|
{
|
|
1055
|
-
"
|
|
1128
|
+
"kind": "field",
|
|
1129
|
+
"name": "touched",
|
|
1130
|
+
"privacy": "private",
|
|
1056
1131
|
"type": {
|
|
1057
|
-
"text": "
|
|
1132
|
+
"text": "boolean"
|
|
1058
1133
|
},
|
|
1059
|
-
"description": "
|
|
1060
|
-
"fieldName": "role"
|
|
1061
|
-
}
|
|
1062
|
-
],
|
|
1063
|
-
"superclass": {
|
|
1064
|
-
"name": "LitElement",
|
|
1065
|
-
"package": "lit"
|
|
1066
|
-
},
|
|
1067
|
-
"tagName": "auro-checkbox",
|
|
1068
|
-
"customElement": true
|
|
1069
|
-
}
|
|
1070
|
-
],
|
|
1071
|
-
"exports": [
|
|
1072
|
-
{
|
|
1073
|
-
"kind": "js",
|
|
1074
|
-
"name": "AuroCheckbox",
|
|
1075
|
-
"declaration": {
|
|
1076
|
-
"name": "AuroCheckbox",
|
|
1077
|
-
"module": "components/checkbox/src/auro-checkbox.js"
|
|
1078
|
-
}
|
|
1079
|
-
}
|
|
1080
|
-
]
|
|
1081
|
-
},
|
|
1082
|
-
{
|
|
1083
|
-
"kind": "javascript-module",
|
|
1084
|
-
"path": "components/checkbox/src/index.js",
|
|
1085
|
-
"declarations": [],
|
|
1086
|
-
"exports": [
|
|
1087
|
-
{
|
|
1088
|
-
"kind": "js",
|
|
1089
|
-
"name": "AuroCheckbox",
|
|
1090
|
-
"declaration": {
|
|
1091
|
-
"name": "AuroCheckbox",
|
|
1092
|
-
"module": "components/checkbox/src/index.js"
|
|
1093
|
-
}
|
|
1094
|
-
},
|
|
1095
|
-
{
|
|
1096
|
-
"kind": "js",
|
|
1097
|
-
"name": "AuroCheckboxGroup",
|
|
1098
|
-
"declaration": {
|
|
1099
|
-
"name": "AuroCheckboxGroup",
|
|
1100
|
-
"module": "components/checkbox/src/index.js"
|
|
1101
|
-
}
|
|
1102
|
-
}
|
|
1103
|
-
]
|
|
1104
|
-
},
|
|
1105
|
-
{
|
|
1106
|
-
"kind": "javascript-module",
|
|
1107
|
-
"path": "components/checkbox/src/registered.js",
|
|
1108
|
-
"declarations": [],
|
|
1109
|
-
"exports": []
|
|
1110
|
-
},
|
|
1111
|
-
{
|
|
1112
|
-
"kind": "javascript-module",
|
|
1113
|
-
"path": "components/combobox/src/auro-combobox.js",
|
|
1114
|
-
"declarations": [
|
|
1115
|
-
{
|
|
1116
|
-
"kind": "class",
|
|
1117
|
-
"description": "The `auro-combobox` element provides users with a way to select an option from a list of filtered or suggested options based on user input.",
|
|
1118
|
-
"name": "AuroCombobox",
|
|
1119
|
-
"slots": [
|
|
1120
|
-
{
|
|
1121
|
-
"description": "Default slot for the menu content.",
|
|
1122
|
-
"name": ""
|
|
1134
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1123
1135
|
},
|
|
1124
1136
|
{
|
|
1137
|
+
"kind": "field",
|
|
1138
|
+
"name": "triggerIcon",
|
|
1139
|
+
"privacy": "public",
|
|
1125
1140
|
"type": {
|
|
1126
|
-
"text": "
|
|
1141
|
+
"text": "boolean"
|
|
1127
1142
|
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1130
|
-
|
|
1131
|
-
{
|
|
1132
|
-
"description": "Sets aria-label on clear button",
|
|
1133
|
-
"name": "ariaLabel.input.clear"
|
|
1143
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1144
|
+
"attribute": "triggerIcon",
|
|
1145
|
+
"reflects": true
|
|
1134
1146
|
},
|
|
1135
1147
|
{
|
|
1136
|
-
"
|
|
1137
|
-
"name": "
|
|
1148
|
+
"kind": "field",
|
|
1149
|
+
"name": "type",
|
|
1150
|
+
"privacy": "public",
|
|
1151
|
+
"type": {
|
|
1152
|
+
"text": "string"
|
|
1153
|
+
},
|
|
1154
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1155
|
+
"attribute": "type",
|
|
1156
|
+
"reflects": true
|
|
1138
1157
|
},
|
|
1139
1158
|
{
|
|
1140
|
-
"
|
|
1141
|
-
"name": "
|
|
1159
|
+
"kind": "field",
|
|
1160
|
+
"name": "typedValue",
|
|
1161
|
+
"privacy": "public",
|
|
1162
|
+
"type": {
|
|
1163
|
+
"text": "string"
|
|
1164
|
+
},
|
|
1165
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1166
|
+
"attribute": "typedValue",
|
|
1167
|
+
"reflects": true
|
|
1142
1168
|
},
|
|
1143
1169
|
{
|
|
1144
|
-
"
|
|
1145
|
-
"name": "
|
|
1170
|
+
"kind": "field",
|
|
1171
|
+
"name": "validity",
|
|
1172
|
+
"privacy": "public",
|
|
1173
|
+
"type": {
|
|
1174
|
+
"text": "string"
|
|
1175
|
+
},
|
|
1176
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1177
|
+
"attribute": "validity",
|
|
1178
|
+
"reflects": true
|
|
1146
1179
|
},
|
|
1147
1180
|
{
|
|
1148
|
-
"
|
|
1149
|
-
"name": "
|
|
1181
|
+
"kind": "field",
|
|
1182
|
+
"name": "value",
|
|
1183
|
+
"privacy": "public",
|
|
1184
|
+
"type": {
|
|
1185
|
+
"text": "string"
|
|
1186
|
+
},
|
|
1187
|
+
"description": "Value selected for the dropdown menu.",
|
|
1188
|
+
"attribute": "value"
|
|
1150
1189
|
},
|
|
1151
1190
|
{
|
|
1152
|
-
"
|
|
1153
|
-
"name": "
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
"
|
|
1159
|
-
"
|
|
1160
|
-
"
|
|
1161
|
-
"return": {
|
|
1162
|
-
"type": {
|
|
1163
|
-
"text": "void"
|
|
1164
|
-
}
|
|
1165
|
-
}
|
|
1191
|
+
"kind": "field",
|
|
1192
|
+
"name": "largeFullscreenHeadline",
|
|
1193
|
+
"privacy": "public",
|
|
1194
|
+
"type": {
|
|
1195
|
+
"text": "boolean"
|
|
1196
|
+
},
|
|
1197
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1198
|
+
"attribute": "largeFullscreenHeadline",
|
|
1199
|
+
"reflects": true
|
|
1166
1200
|
},
|
|
1167
1201
|
{
|
|
1168
|
-
"kind": "
|
|
1169
|
-
"name": "
|
|
1170
|
-
"
|
|
1171
|
-
|
|
1172
|
-
|
|
1173
|
-
"description": "Callback to run.",
|
|
1174
|
-
"type": {
|
|
1175
|
-
"text": "Function"
|
|
1176
|
-
}
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"name": "ms",
|
|
1180
|
-
"description": "Delay in milliseconds.",
|
|
1181
|
-
"type": {
|
|
1182
|
-
"text": "number"
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
],
|
|
1186
|
-
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1187
|
-
"return": {
|
|
1188
|
-
"type": {
|
|
1189
|
-
"text": "number"
|
|
1190
|
-
}
|
|
1202
|
+
"kind": "field",
|
|
1203
|
+
"name": "fullscreenBreakpoint",
|
|
1204
|
+
"privacy": "public",
|
|
1205
|
+
"type": {
|
|
1206
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1191
1207
|
},
|
|
1192
|
-
"
|
|
1208
|
+
"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.",
|
|
1209
|
+
"default": "'sm'",
|
|
1210
|
+
"attribute": "fullscreenBreakpoint",
|
|
1211
|
+
"reflects": true
|
|
1193
1212
|
},
|
|
1194
1213
|
{
|
|
1195
1214
|
"kind": "field",
|
|
1196
|
-
"name": "
|
|
1197
|
-
"
|
|
1198
|
-
"
|
|
1199
|
-
"
|
|
1200
|
-
"text": "string|undefined"
|
|
1201
|
-
}
|
|
1215
|
+
"name": "optionActive",
|
|
1216
|
+
"privacy": "private",
|
|
1217
|
+
"type": {
|
|
1218
|
+
"text": "object"
|
|
1202
1219
|
},
|
|
1203
|
-
"
|
|
1220
|
+
"description": "Specifies the currently active option."
|
|
1204
1221
|
},
|
|
1205
1222
|
{
|
|
1206
|
-
"kind": "
|
|
1207
|
-
"name": "
|
|
1208
|
-
"description": "
|
|
1223
|
+
"kind": "field",
|
|
1224
|
+
"name": "componentHasFocus",
|
|
1225
|
+
"description": "Returns true if the element has focus.",
|
|
1226
|
+
"privacy": "private",
|
|
1209
1227
|
"return": {
|
|
1210
1228
|
"type": {
|
|
1211
1229
|
"text": "boolean"
|
|
1212
1230
|
}
|
|
1231
|
+
},
|
|
1232
|
+
"readonly": true,
|
|
1233
|
+
"inheritedFrom": {
|
|
1234
|
+
"name": "AuroElement",
|
|
1235
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1213
1236
|
}
|
|
1214
1237
|
},
|
|
1215
1238
|
{
|
|
1216
1239
|
"kind": "method",
|
|
1217
|
-
"name": "
|
|
1218
|
-
"
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
"name": "name",
|
|
1222
|
-
"default": "'auro-combobox'",
|
|
1223
|
-
"description": "The name of the element that you want to register.",
|
|
1224
|
-
"optional": true,
|
|
1225
|
-
"type": {
|
|
1226
|
-
"text": "string"
|
|
1227
|
-
}
|
|
1228
|
-
}
|
|
1229
|
-
],
|
|
1230
|
-
"description": "This will register this element with the browser."
|
|
1231
|
-
},
|
|
1232
|
-
{
|
|
1233
|
-
"kind": "method",
|
|
1234
|
-
"name": "activateFirstEnabledAvailableOption",
|
|
1235
|
-
"description": "Mark the first available (non-hidden), enabled option as `active`.",
|
|
1236
|
-
"privacy": "private",
|
|
1237
|
-
"return": {
|
|
1238
|
-
"type": {
|
|
1239
|
-
"text": "void"
|
|
1240
|
-
}
|
|
1240
|
+
"name": "resetShapeClasses",
|
|
1241
|
+
"inheritedFrom": {
|
|
1242
|
+
"name": "AuroElement",
|
|
1243
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1241
1244
|
}
|
|
1242
1245
|
},
|
|
1243
1246
|
{
|
|
1244
1247
|
"kind": "method",
|
|
1245
|
-
"name": "
|
|
1246
|
-
"
|
|
1247
|
-
|
|
1248
|
-
|
|
1249
|
-
"type": {
|
|
1250
|
-
"text": "void"
|
|
1251
|
-
}
|
|
1248
|
+
"name": "resetLayoutClasses",
|
|
1249
|
+
"inheritedFrom": {
|
|
1250
|
+
"name": "AuroElement",
|
|
1251
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1252
1252
|
}
|
|
1253
1253
|
},
|
|
1254
1254
|
{
|
|
1255
1255
|
"kind": "method",
|
|
1256
|
-
"name": "
|
|
1257
|
-
"
|
|
1258
|
-
|
|
1256
|
+
"name": "updateComponentArchitecture",
|
|
1257
|
+
"inheritedFrom": {
|
|
1258
|
+
"name": "AuroElement",
|
|
1259
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1260
|
+
}
|
|
1259
1261
|
},
|
|
1260
1262
|
{
|
|
1261
|
-
"kind": "
|
|
1262
|
-
"name": "
|
|
1263
|
-
"
|
|
1264
|
-
"
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1263
|
+
"kind": "field",
|
|
1264
|
+
"name": "shape",
|
|
1265
|
+
"privacy": "public",
|
|
1266
|
+
"type": {
|
|
1267
|
+
"text": "string"
|
|
1268
|
+
},
|
|
1269
|
+
"attribute": "shape",
|
|
1270
|
+
"reflects": true,
|
|
1271
|
+
"inheritedFrom": {
|
|
1272
|
+
"name": "AuroElement",
|
|
1273
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1269
1274
|
}
|
|
1270
1275
|
},
|
|
1271
1276
|
{
|
|
1272
|
-
"kind": "
|
|
1273
|
-
"name": "
|
|
1274
|
-
"
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1279
|
-
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1277
|
+
"kind": "field",
|
|
1278
|
+
"name": "size",
|
|
1279
|
+
"privacy": "public",
|
|
1280
|
+
"type": {
|
|
1281
|
+
"text": "string"
|
|
1282
|
+
},
|
|
1283
|
+
"attribute": "size",
|
|
1284
|
+
"reflects": true,
|
|
1285
|
+
"inheritedFrom": {
|
|
1286
|
+
"name": "AuroElement",
|
|
1287
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1288
|
+
}
|
|
1289
|
+
}
|
|
1290
|
+
],
|
|
1291
|
+
"events": [
|
|
1292
|
+
{
|
|
1293
|
+
"name": "inputValue",
|
|
1294
|
+
"type": {
|
|
1295
|
+
"text": "CustomEvent"
|
|
1296
|
+
},
|
|
1297
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
1285
1298
|
},
|
|
1286
1299
|
{
|
|
1287
|
-
"
|
|
1288
|
-
"
|
|
1289
|
-
|
|
1290
|
-
{
|
|
1291
|
-
"name": "nextValue",
|
|
1292
|
-
"description": "The value to write to both inputs.",
|
|
1293
|
-
"type": {
|
|
1294
|
-
"text": "string"
|
|
1295
|
-
}
|
|
1296
|
-
}
|
|
1297
|
-
],
|
|
1298
|
-
"description": "Writes nextValue to the trigger input and the bib input when their current\nvalue differs, then re-asserts imask after Lit's update flushes.",
|
|
1299
|
-
"return": {
|
|
1300
|
-
"type": {
|
|
1301
|
-
"text": "Promise<void>"
|
|
1302
|
-
}
|
|
1300
|
+
"name": "input",
|
|
1301
|
+
"type": {
|
|
1302
|
+
"text": "CustomEvent"
|
|
1303
1303
|
},
|
|
1304
|
-
"
|
|
1304
|
+
"description": "Notifies that the component has a new value set."
|
|
1305
1305
|
},
|
|
1306
1306
|
{
|
|
1307
|
-
"
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
"
|
|
1312
|
-
"type": {
|
|
1313
|
-
"text": "void"
|
|
1314
|
-
}
|
|
1315
|
-
}
|
|
1307
|
+
"name": "auroCombobox-valueSet",
|
|
1308
|
+
"type": {
|
|
1309
|
+
"text": "CustomEvent"
|
|
1310
|
+
},
|
|
1311
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
1316
1312
|
},
|
|
1317
1313
|
{
|
|
1318
|
-
"
|
|
1319
|
-
"name": "
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
|
|
1323
|
-
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1314
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1315
|
+
"name": "auroFormElement-validated"
|
|
1316
|
+
}
|
|
1317
|
+
],
|
|
1318
|
+
"attributes": [
|
|
1319
|
+
{
|
|
1320
|
+
"name": "appearance",
|
|
1321
|
+
"type": {
|
|
1322
|
+
"text": "string"
|
|
1323
|
+
},
|
|
1324
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1325
|
+
"default": "'default'",
|
|
1326
|
+
"fieldName": "appearance"
|
|
1327
1327
|
},
|
|
1328
1328
|
{
|
|
1329
|
-
"
|
|
1330
|
-
"
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
}
|
|
1336
|
-
}
|
|
1329
|
+
"name": "autocomplete",
|
|
1330
|
+
"type": {
|
|
1331
|
+
"text": "string"
|
|
1332
|
+
},
|
|
1333
|
+
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1334
|
+
"fieldName": "autocomplete"
|
|
1337
1335
|
},
|
|
1338
1336
|
{
|
|
1339
|
-
"
|
|
1340
|
-
"
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
1337
|
+
"name": "autoPlacement",
|
|
1338
|
+
"type": {
|
|
1339
|
+
"text": "boolean"
|
|
1340
|
+
},
|
|
1341
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1342
|
+
"fieldName": "autoPlacement"
|
|
1347
1343
|
},
|
|
1348
1344
|
{
|
|
1349
|
-
"
|
|
1350
|
-
"
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
"text": "void"
|
|
1356
|
-
}
|
|
1357
|
-
}
|
|
1345
|
+
"name": "availableOptions",
|
|
1346
|
+
"type": {
|
|
1347
|
+
"text": "array"
|
|
1348
|
+
},
|
|
1349
|
+
"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).",
|
|
1350
|
+
"fieldName": "availableOptions"
|
|
1358
1351
|
},
|
|
1359
1352
|
{
|
|
1360
|
-
"
|
|
1361
|
-
"
|
|
1362
|
-
|
|
1353
|
+
"name": "behavior",
|
|
1354
|
+
"type": {
|
|
1355
|
+
"text": "'filter' | 'suggestion'"
|
|
1356
|
+
},
|
|
1357
|
+
"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.",
|
|
1358
|
+
"default": "'suggestion'",
|
|
1359
|
+
"fieldName": "behavior"
|
|
1363
1360
|
},
|
|
1364
1361
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
1362
|
+
"name": "checkmark",
|
|
1363
|
+
"type": {
|
|
1364
|
+
"text": "boolean"
|
|
1365
|
+
},
|
|
1366
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1367
|
+
"fieldName": "checkmark"
|
|
1368
1368
|
},
|
|
1369
1369
|
{
|
|
1370
|
-
"
|
|
1371
|
-
"
|
|
1372
|
-
|
|
1370
|
+
"name": "disabled",
|
|
1371
|
+
"type": {
|
|
1372
|
+
"text": "boolean"
|
|
1373
|
+
},
|
|
1374
|
+
"description": "If set, disables the combobox.",
|
|
1375
|
+
"fieldName": "disabled"
|
|
1373
1376
|
},
|
|
1374
1377
|
{
|
|
1375
|
-
"
|
|
1376
|
-
"
|
|
1377
|
-
|
|
1378
|
-
|
|
1378
|
+
"name": "dvInputOnly",
|
|
1379
|
+
"type": {
|
|
1380
|
+
"text": "boolean"
|
|
1381
|
+
},
|
|
1382
|
+
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1383
|
+
"fieldName": "dvInputOnly"
|
|
1379
1384
|
},
|
|
1380
1385
|
{
|
|
1381
|
-
"
|
|
1382
|
-
"
|
|
1383
|
-
|
|
1384
|
-
|
|
1386
|
+
"name": "error",
|
|
1387
|
+
"type": {
|
|
1388
|
+
"text": "string"
|
|
1389
|
+
},
|
|
1390
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1391
|
+
"fieldName": "error"
|
|
1385
1392
|
},
|
|
1386
1393
|
{
|
|
1387
|
-
"
|
|
1388
|
-
"
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
"
|
|
1392
|
-
|
|
1393
|
-
"text": "ShadowRoot"
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1394
|
+
"name": "format",
|
|
1395
|
+
"type": {
|
|
1396
|
+
"text": "string"
|
|
1397
|
+
},
|
|
1398
|
+
"description": "Specifies the input mask format.",
|
|
1399
|
+
"fieldName": "format"
|
|
1396
1400
|
},
|
|
1397
1401
|
{
|
|
1398
|
-
"
|
|
1399
|
-
"
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
"
|
|
1403
|
-
|
|
1404
|
-
"text": "void"
|
|
1405
|
-
}
|
|
1406
|
-
}
|
|
1402
|
+
"name": "inputmode",
|
|
1403
|
+
"type": {
|
|
1404
|
+
"text": "string"
|
|
1405
|
+
},
|
|
1406
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1407
|
+
"fieldName": "inputmode"
|
|
1407
1408
|
},
|
|
1408
1409
|
{
|
|
1409
|
-
"
|
|
1410
|
-
"
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
"
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1410
|
+
"name": "layout",
|
|
1411
|
+
"type": {
|
|
1412
|
+
"text": "string"
|
|
1413
|
+
},
|
|
1414
|
+
"description": "Sets the layout of the combobox.",
|
|
1415
|
+
"default": "'classic'",
|
|
1416
|
+
"fieldName": "layout",
|
|
1417
|
+
"inheritedFrom": {
|
|
1418
|
+
"name": "AuroElement",
|
|
1419
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1417
1420
|
}
|
|
1418
1421
|
},
|
|
1419
1422
|
{
|
|
1420
|
-
"
|
|
1421
|
-
"
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
"type": {
|
|
1427
|
-
"text": "CustomEvent"
|
|
1428
|
-
}
|
|
1429
|
-
},
|
|
1430
|
-
{
|
|
1431
|
-
"description": "Indicates whether the menu is currently loading.",
|
|
1432
|
-
"name": "event.detail.loading",
|
|
1433
|
-
"type": {
|
|
1434
|
-
"text": "boolean"
|
|
1435
|
-
}
|
|
1436
|
-
},
|
|
1437
|
-
{
|
|
1438
|
-
"description": "Indicates if there are loading placeholders present.",
|
|
1439
|
-
"name": "event.detail.hasLoadingPlaceholder",
|
|
1440
|
-
"type": {
|
|
1441
|
-
"text": "boolean"
|
|
1442
|
-
}
|
|
1443
|
-
}
|
|
1444
|
-
],
|
|
1445
|
-
"description": "Manages the visibility of the dropdown based on loading state changes.\n\nThis method listens for loading state changes and adjusts the visibility of the dropdown accordingly.\nIf the dropdown is visible and loading is true without any loading placeholders, it hides the dropdown\nand sets a flag to indicate it is hidden while loading. If loading is false and the dropdown was previously\nhidden, it checks if the active element is within the dropdown and shows it again if true.",
|
|
1446
|
-
"privacy": "private",
|
|
1447
|
-
"return": {
|
|
1448
|
-
"type": {
|
|
1449
|
-
"text": "void"
|
|
1450
|
-
}
|
|
1451
|
-
}
|
|
1423
|
+
"name": "matchWidth",
|
|
1424
|
+
"type": {
|
|
1425
|
+
"text": "boolean"
|
|
1426
|
+
},
|
|
1427
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1428
|
+
"fieldName": "matchWidth"
|
|
1452
1429
|
},
|
|
1453
1430
|
{
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
"type": {
|
|
1461
|
-
"text": "Event"
|
|
1462
|
-
}
|
|
1463
|
-
}
|
|
1464
|
-
],
|
|
1465
|
-
"description": "Handle changes to the input value and trigger changes that should result.",
|
|
1466
|
-
"privacy": "private",
|
|
1467
|
-
"return": {
|
|
1468
|
-
"type": {
|
|
1469
|
-
"text": "void"
|
|
1470
|
-
}
|
|
1471
|
-
}
|
|
1431
|
+
"name": "noFilter",
|
|
1432
|
+
"type": {
|
|
1433
|
+
"text": "boolean"
|
|
1434
|
+
},
|
|
1435
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1436
|
+
"fieldName": "noFilter"
|
|
1472
1437
|
},
|
|
1473
1438
|
{
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
"type": {
|
|
1481
|
-
"text": "Event"
|
|
1482
|
-
}
|
|
1483
|
-
}
|
|
1484
|
-
],
|
|
1485
|
-
"description": "Handles input value changes originating from the trigger input.\nRefreshes menu options and filtering, delegates to handleInputValueChange\nfor value synchronization, and manages fullscreen bib focus.",
|
|
1486
|
-
"privacy": "private",
|
|
1487
|
-
"return": {
|
|
1488
|
-
"type": {
|
|
1489
|
-
"text": "void"
|
|
1490
|
-
}
|
|
1491
|
-
}
|
|
1439
|
+
"name": "noFlip",
|
|
1440
|
+
"type": {
|
|
1441
|
+
"text": "boolean"
|
|
1442
|
+
},
|
|
1443
|
+
"description": "If declared, the bib will NOT flip to an alternate position\nwhen there isn't enough space in the specified `placement`.",
|
|
1444
|
+
"fieldName": "noFlip"
|
|
1492
1445
|
},
|
|
1493
1446
|
{
|
|
1494
|
-
"
|
|
1495
|
-
"
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
"
|
|
1499
|
-
|
|
1500
|
-
"text": "void"
|
|
1501
|
-
}
|
|
1502
|
-
}
|
|
1447
|
+
"name": "shift",
|
|
1448
|
+
"type": {
|
|
1449
|
+
"text": "boolean"
|
|
1450
|
+
},
|
|
1451
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
1452
|
+
"fieldName": "shift"
|
|
1503
1453
|
},
|
|
1504
1454
|
{
|
|
1505
|
-
"
|
|
1506
|
-
"
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
}
|
|
1512
|
-
}
|
|
1455
|
+
"name": "noValidate",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "boolean"
|
|
1458
|
+
},
|
|
1459
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1460
|
+
"fieldName": "noValidate"
|
|
1513
1461
|
},
|
|
1514
1462
|
{
|
|
1515
|
-
"
|
|
1516
|
-
"
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
"text": "string"
|
|
1523
|
-
}
|
|
1524
|
-
}
|
|
1525
|
-
],
|
|
1526
|
-
"description": "Sets the menu value if menu is available.",
|
|
1527
|
-
"return": {
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "void"
|
|
1530
|
-
}
|
|
1531
|
-
}
|
|
1463
|
+
"name": "offset",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "number"
|
|
1466
|
+
},
|
|
1467
|
+
"description": "Gap between the trigger element and bib.",
|
|
1468
|
+
"default": "0",
|
|
1469
|
+
"fieldName": "offset"
|
|
1532
1470
|
},
|
|
1533
1471
|
{
|
|
1534
|
-
"
|
|
1535
|
-
"
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1472
|
+
"name": "onDark",
|
|
1473
|
+
"type": {
|
|
1474
|
+
"text": "boolean"
|
|
1475
|
+
},
|
|
1476
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1477
|
+
"fieldName": "onDark"
|
|
1542
1478
|
},
|
|
1543
1479
|
{
|
|
1544
|
-
"
|
|
1545
|
-
"
|
|
1546
|
-
|
|
1547
|
-
|
|
1548
|
-
|
|
1549
|
-
|
|
1550
|
-
}
|
|
1551
|
-
}
|
|
1480
|
+
"name": "optionSelected",
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "HTMLElement"
|
|
1483
|
+
},
|
|
1484
|
+
"description": "Specifies the current selected option.",
|
|
1485
|
+
"fieldName": "optionSelected"
|
|
1552
1486
|
},
|
|
1553
1487
|
{
|
|
1554
|
-
"
|
|
1555
|
-
"
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
"description": "Whether to force validation.",
|
|
1561
|
-
"optional": true,
|
|
1562
|
-
"type": {
|
|
1563
|
-
"text": "boolean"
|
|
1564
|
-
}
|
|
1565
|
-
}
|
|
1566
|
-
],
|
|
1567
|
-
"description": "Validates value."
|
|
1488
|
+
"name": "persistInput",
|
|
1489
|
+
"type": {
|
|
1490
|
+
"text": "boolean"
|
|
1491
|
+
},
|
|
1492
|
+
"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.",
|
|
1493
|
+
"fieldName": "persistInput"
|
|
1568
1494
|
},
|
|
1569
1495
|
{
|
|
1570
|
-
"
|
|
1571
|
-
"
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1581
|
-
|
|
1582
|
-
|
|
1583
|
-
|
|
1584
|
-
|
|
1585
|
-
|
|
1586
|
-
|
|
1587
|
-
|
|
1588
|
-
|
|
1589
|
-
|
|
1590
|
-
|
|
1591
|
-
|
|
1592
|
-
|
|
1593
|
-
|
|
1594
|
-
|
|
1595
|
-
"
|
|
1596
|
-
"
|
|
1597
|
-
|
|
1598
|
-
|
|
1599
|
-
|
|
1600
|
-
|
|
1601
|
-
|
|
1496
|
+
"name": "placement",
|
|
1497
|
+
"type": {
|
|
1498
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1499
|
+
},
|
|
1500
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1501
|
+
"default": "'bottom-start'",
|
|
1502
|
+
"fieldName": "placement"
|
|
1503
|
+
},
|
|
1504
|
+
{
|
|
1505
|
+
"name": "placeholder",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "string"
|
|
1508
|
+
},
|
|
1509
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1510
|
+
"fieldName": "placeholder"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "required",
|
|
1514
|
+
"type": {
|
|
1515
|
+
"text": "boolean"
|
|
1516
|
+
},
|
|
1517
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1518
|
+
"fieldName": "required"
|
|
1519
|
+
},
|
|
1520
|
+
{
|
|
1521
|
+
"name": "setCustomValidity",
|
|
1522
|
+
"type": {
|
|
1523
|
+
"text": "string"
|
|
1524
|
+
},
|
|
1525
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1526
|
+
"fieldName": "setCustomValidity"
|
|
1527
|
+
},
|
|
1528
|
+
{
|
|
1529
|
+
"name": "setCustomValidityCustomError",
|
|
1530
|
+
"type": {
|
|
1531
|
+
"text": "string"
|
|
1532
|
+
},
|
|
1533
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1534
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1535
|
+
},
|
|
1536
|
+
{
|
|
1537
|
+
"name": "setCustomValidityValueMissing",
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "string"
|
|
1540
|
+
},
|
|
1541
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1542
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1543
|
+
},
|
|
1544
|
+
{
|
|
1545
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1546
|
+
"type": {
|
|
1547
|
+
"text": "string"
|
|
1548
|
+
},
|
|
1549
|
+
"description": "Custom help text message to display when validity = `valueMissing` due to the user not choosing a menu option when behavior = \"filter\".",
|
|
1550
|
+
"fieldName": "setCustomValidityValueMissingFilter"
|
|
1602
1551
|
},
|
|
1603
1552
|
{
|
|
1604
|
-
"
|
|
1605
|
-
"
|
|
1606
|
-
|
|
1607
|
-
|
|
1608
|
-
|
|
1609
|
-
|
|
1610
|
-
"type": {
|
|
1611
|
-
"text": "number"
|
|
1612
|
-
}
|
|
1613
|
-
}
|
|
1614
|
-
],
|
|
1615
|
-
"description": "Updates the active option in the menu."
|
|
1553
|
+
"name": "triggerIcon",
|
|
1554
|
+
"type": {
|
|
1555
|
+
"text": "boolean"
|
|
1556
|
+
},
|
|
1557
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1558
|
+
"fieldName": "triggerIcon"
|
|
1616
1559
|
},
|
|
1617
1560
|
{
|
|
1618
|
-
"
|
|
1619
|
-
"
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
"type": {
|
|
1625
|
-
"text": "Event"
|
|
1626
|
-
}
|
|
1627
|
-
}
|
|
1628
|
-
],
|
|
1629
|
-
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
1630
|
-
"privacy": "private",
|
|
1631
|
-
"return": {
|
|
1632
|
-
"type": {
|
|
1633
|
-
"text": "void"
|
|
1634
|
-
}
|
|
1635
|
-
}
|
|
1561
|
+
"name": "type",
|
|
1562
|
+
"type": {
|
|
1563
|
+
"text": "string"
|
|
1564
|
+
},
|
|
1565
|
+
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1566
|
+
"fieldName": "type"
|
|
1636
1567
|
},
|
|
1637
1568
|
{
|
|
1638
|
-
"
|
|
1639
|
-
"name": "appearance",
|
|
1640
|
-
"privacy": "public",
|
|
1569
|
+
"name": "typedValue",
|
|
1641
1570
|
"type": {
|
|
1642
1571
|
"text": "string"
|
|
1643
1572
|
},
|
|
1644
|
-
"description": "
|
|
1645
|
-
"
|
|
1646
|
-
"attribute": "appearance",
|
|
1647
|
-
"reflects": true
|
|
1573
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1574
|
+
"fieldName": "typedValue"
|
|
1648
1575
|
},
|
|
1649
1576
|
{
|
|
1650
|
-
"
|
|
1651
|
-
"name": "autocomplete",
|
|
1652
|
-
"privacy": "public",
|
|
1577
|
+
"name": "validity",
|
|
1653
1578
|
"type": {
|
|
1654
1579
|
"text": "string"
|
|
1655
1580
|
},
|
|
1656
|
-
"description": "
|
|
1657
|
-
"
|
|
1658
|
-
"reflects": true
|
|
1581
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1582
|
+
"fieldName": "validity"
|
|
1659
1583
|
},
|
|
1660
1584
|
{
|
|
1661
|
-
"
|
|
1662
|
-
"name": "autoPlacement",
|
|
1663
|
-
"privacy": "public",
|
|
1585
|
+
"name": "value",
|
|
1664
1586
|
"type": {
|
|
1665
|
-
"text": "
|
|
1587
|
+
"text": "string"
|
|
1666
1588
|
},
|
|
1667
|
-
"description": "
|
|
1668
|
-
"
|
|
1669
|
-
"reflects": true
|
|
1589
|
+
"description": "Value selected for the dropdown menu.",
|
|
1590
|
+
"fieldName": "value"
|
|
1670
1591
|
},
|
|
1671
1592
|
{
|
|
1672
|
-
"
|
|
1673
|
-
"name": "availableOptions",
|
|
1674
|
-
"privacy": "private",
|
|
1593
|
+
"name": "largeFullscreenHeadline",
|
|
1675
1594
|
"type": {
|
|
1676
|
-
"text": "
|
|
1595
|
+
"text": "boolean"
|
|
1677
1596
|
},
|
|
1678
|
-
"description": "
|
|
1679
|
-
"
|
|
1597
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1598
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1680
1599
|
},
|
|
1681
1600
|
{
|
|
1682
|
-
"
|
|
1683
|
-
"name": "behavior",
|
|
1684
|
-
"privacy": "public",
|
|
1601
|
+
"name": "fullscreenBreakpoint",
|
|
1685
1602
|
"type": {
|
|
1686
|
-
"text": "'
|
|
1603
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1687
1604
|
},
|
|
1688
|
-
"description": "
|
|
1689
|
-
"default": "'
|
|
1690
|
-
"
|
|
1691
|
-
"reflects": true
|
|
1605
|
+
"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.",
|
|
1606
|
+
"default": "'sm'",
|
|
1607
|
+
"fieldName": "fullscreenBreakpoint"
|
|
1692
1608
|
},
|
|
1693
1609
|
{
|
|
1694
|
-
"
|
|
1695
|
-
"name": "checkmark",
|
|
1696
|
-
"privacy": "public",
|
|
1610
|
+
"name": "shape",
|
|
1697
1611
|
"type": {
|
|
1698
|
-
"text": "
|
|
1612
|
+
"text": "string"
|
|
1699
1613
|
},
|
|
1700
|
-
"
|
|
1701
|
-
"
|
|
1702
|
-
|
|
1614
|
+
"fieldName": "shape",
|
|
1615
|
+
"inheritedFrom": {
|
|
1616
|
+
"name": "AuroElement",
|
|
1617
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1618
|
+
}
|
|
1703
1619
|
},
|
|
1704
1620
|
{
|
|
1705
|
-
"
|
|
1706
|
-
"name": "disabled",
|
|
1707
|
-
"privacy": "public",
|
|
1621
|
+
"name": "size",
|
|
1708
1622
|
"type": {
|
|
1709
|
-
"text": "
|
|
1623
|
+
"text": "string"
|
|
1710
1624
|
},
|
|
1711
|
-
"
|
|
1712
|
-
"
|
|
1713
|
-
|
|
1625
|
+
"fieldName": "size",
|
|
1626
|
+
"inheritedFrom": {
|
|
1627
|
+
"name": "AuroElement",
|
|
1628
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1629
|
+
}
|
|
1714
1630
|
},
|
|
1715
1631
|
{
|
|
1716
|
-
"
|
|
1717
|
-
"name": "dropdownId",
|
|
1718
|
-
"privacy": "private",
|
|
1632
|
+
"name": "ondark",
|
|
1719
1633
|
"type": {
|
|
1720
|
-
"text": "
|
|
1634
|
+
"text": "boolean"
|
|
1721
1635
|
},
|
|
1722
|
-
"
|
|
1636
|
+
"fieldName": "onDark",
|
|
1637
|
+
"inheritedFrom": {
|
|
1638
|
+
"name": "AuroElement",
|
|
1639
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1640
|
+
}
|
|
1641
|
+
}
|
|
1642
|
+
],
|
|
1643
|
+
"superclass": {
|
|
1644
|
+
"name": "AuroElement",
|
|
1645
|
+
"module": "/components/layoutElement/src/auroElement.js"
|
|
1646
|
+
},
|
|
1647
|
+
"tagName": "auro-combobox",
|
|
1648
|
+
"customElement": true
|
|
1649
|
+
}
|
|
1650
|
+
],
|
|
1651
|
+
"exports": [
|
|
1652
|
+
{
|
|
1653
|
+
"kind": "js",
|
|
1654
|
+
"name": "AuroCombobox",
|
|
1655
|
+
"declaration": {
|
|
1656
|
+
"name": "AuroCombobox",
|
|
1657
|
+
"module": "components/combobox/src/auro-combobox.js"
|
|
1658
|
+
}
|
|
1659
|
+
}
|
|
1660
|
+
]
|
|
1661
|
+
},
|
|
1662
|
+
{
|
|
1663
|
+
"kind": "javascript-module",
|
|
1664
|
+
"path": "components/combobox/src/comboboxKeyboardStrategy.js",
|
|
1665
|
+
"declarations": [
|
|
1666
|
+
{
|
|
1667
|
+
"kind": "variable",
|
|
1668
|
+
"name": "comboboxKeyboardStrategy",
|
|
1669
|
+
"type": {
|
|
1670
|
+
"text": "object"
|
|
1671
|
+
},
|
|
1672
|
+
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
|
|
1673
|
+
}
|
|
1674
|
+
],
|
|
1675
|
+
"exports": [
|
|
1676
|
+
{
|
|
1677
|
+
"kind": "js",
|
|
1678
|
+
"name": "comboboxKeyboardStrategy",
|
|
1679
|
+
"declaration": {
|
|
1680
|
+
"name": "comboboxKeyboardStrategy",
|
|
1681
|
+
"module": "components/combobox/src/comboboxKeyboardStrategy.js"
|
|
1682
|
+
}
|
|
1683
|
+
}
|
|
1684
|
+
]
|
|
1685
|
+
},
|
|
1686
|
+
{
|
|
1687
|
+
"kind": "javascript-module",
|
|
1688
|
+
"path": "components/combobox/src/index.js",
|
|
1689
|
+
"declarations": [],
|
|
1690
|
+
"exports": [
|
|
1691
|
+
{
|
|
1692
|
+
"kind": "js",
|
|
1693
|
+
"name": "AuroCombobox",
|
|
1694
|
+
"declaration": {
|
|
1695
|
+
"name": "AuroCombobox",
|
|
1696
|
+
"module": "components/combobox/src/index.js"
|
|
1697
|
+
}
|
|
1698
|
+
}
|
|
1699
|
+
]
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"kind": "javascript-module",
|
|
1703
|
+
"path": "components/combobox/src/registered.js",
|
|
1704
|
+
"declarations": [],
|
|
1705
|
+
"exports": [
|
|
1706
|
+
{
|
|
1707
|
+
"kind": "js",
|
|
1708
|
+
"name": "AuroCombobox",
|
|
1709
|
+
"declaration": {
|
|
1710
|
+
"name": "AuroCombobox",
|
|
1711
|
+
"module": "components/combobox/src/registered.js"
|
|
1712
|
+
}
|
|
1713
|
+
}
|
|
1714
|
+
]
|
|
1715
|
+
},
|
|
1716
|
+
{
|
|
1717
|
+
"kind": "javascript-module",
|
|
1718
|
+
"path": "components/checkbox/src/auro-checkbox-group.js",
|
|
1719
|
+
"declarations": [
|
|
1720
|
+
{
|
|
1721
|
+
"kind": "class",
|
|
1722
|
+
"description": "The `auro-checkbox-group` element is a wrapper for `auro-checkbox` elements.",
|
|
1723
|
+
"name": "AuroCheckboxGroup",
|
|
1724
|
+
"slots": [
|
|
1725
|
+
{
|
|
1726
|
+
"description": "Allows for the legend to be overridden.",
|
|
1727
|
+
"name": "legend"
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1731
|
+
"name": "optionalLabel"
|
|
1732
|
+
},
|
|
1733
|
+
{
|
|
1734
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1735
|
+
"name": "helpText"
|
|
1736
|
+
},
|
|
1737
|
+
{
|
|
1738
|
+
"description": "The default slot for the checkbox items.",
|
|
1739
|
+
"name": "default"
|
|
1740
|
+
}
|
|
1741
|
+
],
|
|
1742
|
+
"members": [
|
|
1743
|
+
{
|
|
1744
|
+
"kind": "method",
|
|
1745
|
+
"name": "_initializeDefaults"
|
|
1746
|
+
},
|
|
1747
|
+
{
|
|
1748
|
+
"kind": "method",
|
|
1749
|
+
"name": "register",
|
|
1750
|
+
"static": true,
|
|
1751
|
+
"parameters": [
|
|
1752
|
+
{
|
|
1753
|
+
"name": "name",
|
|
1754
|
+
"default": "\"auro-checkbox-group\"",
|
|
1755
|
+
"description": "The name of the element that you want to register.",
|
|
1756
|
+
"optional": true,
|
|
1757
|
+
"type": {
|
|
1758
|
+
"text": "string"
|
|
1759
|
+
}
|
|
1760
|
+
}
|
|
1761
|
+
],
|
|
1762
|
+
"description": "This will register this element with the browser."
|
|
1723
1763
|
},
|
|
1724
1764
|
{
|
|
1725
|
-
"kind": "
|
|
1726
|
-
"name": "
|
|
1765
|
+
"kind": "method",
|
|
1766
|
+
"name": "handleValueUpdate",
|
|
1767
|
+
"parameters": [
|
|
1768
|
+
{
|
|
1769
|
+
"name": "value",
|
|
1770
|
+
"description": "The value of the checkbox.",
|
|
1771
|
+
"type": {
|
|
1772
|
+
"text": "String"
|
|
1773
|
+
}
|
|
1774
|
+
},
|
|
1775
|
+
{
|
|
1776
|
+
"name": "selected",
|
|
1777
|
+
"description": "The checked state of the checkbox.",
|
|
1778
|
+
"type": {
|
|
1779
|
+
"text": "Boolean"
|
|
1780
|
+
}
|
|
1781
|
+
}
|
|
1782
|
+
],
|
|
1783
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1727
1784
|
"privacy": "private",
|
|
1728
|
-
"
|
|
1729
|
-
"
|
|
1730
|
-
|
|
1731
|
-
|
|
1785
|
+
"return": {
|
|
1786
|
+
"type": {
|
|
1787
|
+
"text": "void"
|
|
1788
|
+
}
|
|
1789
|
+
}
|
|
1732
1790
|
},
|
|
1733
1791
|
{
|
|
1734
|
-
"kind": "
|
|
1735
|
-
"name": "
|
|
1736
|
-
"
|
|
1737
|
-
"
|
|
1738
|
-
|
|
1739
|
-
|
|
1740
|
-
|
|
1741
|
-
|
|
1742
|
-
|
|
1792
|
+
"kind": "method",
|
|
1793
|
+
"name": "handlePreselectedItems",
|
|
1794
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1795
|
+
"privacy": "private",
|
|
1796
|
+
"return": {
|
|
1797
|
+
"type": {
|
|
1798
|
+
"text": "void"
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1743
1801
|
},
|
|
1744
1802
|
{
|
|
1745
|
-
"kind": "
|
|
1746
|
-
"name": "
|
|
1747
|
-
"
|
|
1748
|
-
"
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1803
|
+
"kind": "method",
|
|
1804
|
+
"name": "handleItems",
|
|
1805
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1806
|
+
"privacy": "private",
|
|
1807
|
+
"return": {
|
|
1808
|
+
"type": {
|
|
1809
|
+
"text": "void"
|
|
1810
|
+
}
|
|
1811
|
+
}
|
|
1754
1812
|
},
|
|
1755
1813
|
{
|
|
1756
|
-
"kind": "
|
|
1757
|
-
"name": "
|
|
1758
|
-
"
|
|
1759
|
-
"
|
|
1760
|
-
"
|
|
1761
|
-
|
|
1762
|
-
|
|
1763
|
-
|
|
1764
|
-
"reflects": true
|
|
1814
|
+
"kind": "method",
|
|
1815
|
+
"name": "reset",
|
|
1816
|
+
"description": "Resets component to initial state.",
|
|
1817
|
+
"return": {
|
|
1818
|
+
"type": {
|
|
1819
|
+
"text": "void"
|
|
1820
|
+
}
|
|
1821
|
+
}
|
|
1765
1822
|
},
|
|
1766
1823
|
{
|
|
1767
|
-
"kind": "
|
|
1768
|
-
"name": "
|
|
1769
|
-
"
|
|
1770
|
-
|
|
1771
|
-
|
|
1772
|
-
|
|
1773
|
-
|
|
1774
|
-
|
|
1775
|
-
|
|
1824
|
+
"kind": "method",
|
|
1825
|
+
"name": "validate",
|
|
1826
|
+
"parameters": [
|
|
1827
|
+
{
|
|
1828
|
+
"name": "force",
|
|
1829
|
+
"default": "false",
|
|
1830
|
+
"description": "Whether to force validation.",
|
|
1831
|
+
"optional": true,
|
|
1832
|
+
"type": {
|
|
1833
|
+
"text": "boolean"
|
|
1834
|
+
}
|
|
1835
|
+
}
|
|
1836
|
+
],
|
|
1837
|
+
"description": "Validates value."
|
|
1776
1838
|
},
|
|
1777
1839
|
{
|
|
1778
1840
|
"kind": "field",
|
|
1779
|
-
"name": "
|
|
1841
|
+
"name": "appearance",
|
|
1780
1842
|
"privacy": "public",
|
|
1781
1843
|
"type": {
|
|
1782
|
-
"text": "
|
|
1783
|
-
},
|
|
1784
|
-
"description": "Sets the layout of the combobox.",
|
|
1785
|
-
"default": "'classic'",
|
|
1786
|
-
"attribute": "layout",
|
|
1787
|
-
"reflects": true,
|
|
1788
|
-
"inheritedFrom": {
|
|
1789
|
-
"name": "AuroElement",
|
|
1790
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1791
|
-
}
|
|
1792
|
-
},
|
|
1793
|
-
{
|
|
1794
|
-
"kind": "field",
|
|
1795
|
-
"name": "matchWidth",
|
|
1796
|
-
"privacy": "private",
|
|
1797
|
-
"type": {
|
|
1798
|
-
"text": "boolean"
|
|
1844
|
+
"text": "'default' | 'inverse'"
|
|
1799
1845
|
},
|
|
1800
|
-
"description": "
|
|
1801
|
-
"
|
|
1846
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1847
|
+
"default": "'default'",
|
|
1848
|
+
"attribute": "appearance",
|
|
1802
1849
|
"reflects": true
|
|
1803
1850
|
},
|
|
1804
1851
|
{
|
|
1805
1852
|
"kind": "field",
|
|
1806
|
-
"name": "
|
|
1853
|
+
"name": "disabled",
|
|
1807
1854
|
"privacy": "public",
|
|
1808
1855
|
"type": {
|
|
1809
1856
|
"text": "boolean"
|
|
1810
1857
|
},
|
|
1811
|
-
"description": "If set,
|
|
1812
|
-
"attribute": "
|
|
1858
|
+
"description": "If set, disables the checkbox group.",
|
|
1859
|
+
"attribute": "disabled",
|
|
1813
1860
|
"reflects": true
|
|
1814
1861
|
},
|
|
1815
1862
|
{
|
|
1816
1863
|
"kind": "field",
|
|
1817
|
-
"name": "
|
|
1864
|
+
"name": "error",
|
|
1818
1865
|
"privacy": "public",
|
|
1819
1866
|
"type": {
|
|
1820
|
-
"text": "
|
|
1867
|
+
"text": "string"
|
|
1821
1868
|
},
|
|
1822
|
-
"description": "
|
|
1823
|
-
"attribute": "
|
|
1869
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1870
|
+
"attribute": "error",
|
|
1824
1871
|
"reflects": true
|
|
1825
1872
|
},
|
|
1826
1873
|
{
|
|
1827
1874
|
"kind": "field",
|
|
1828
|
-
"name": "
|
|
1875
|
+
"name": "horizontal",
|
|
1829
1876
|
"privacy": "public",
|
|
1830
1877
|
"type": {
|
|
1831
1878
|
"text": "boolean"
|
|
1832
1879
|
},
|
|
1833
|
-
"description": "If
|
|
1834
|
-
"attribute": "
|
|
1880
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
1881
|
+
"attribute": "horizontal",
|
|
1835
1882
|
"reflects": true
|
|
1836
1883
|
},
|
|
1837
1884
|
{
|
|
@@ -1845,18 +1892,6 @@
|
|
|
1845
1892
|
"attribute": "noValidate",
|
|
1846
1893
|
"reflects": true
|
|
1847
1894
|
},
|
|
1848
|
-
{
|
|
1849
|
-
"kind": "field",
|
|
1850
|
-
"name": "offset",
|
|
1851
|
-
"privacy": "public",
|
|
1852
|
-
"type": {
|
|
1853
|
-
"text": "number"
|
|
1854
|
-
},
|
|
1855
|
-
"description": "Gap between the trigger element and bib.",
|
|
1856
|
-
"default": "0",
|
|
1857
|
-
"attribute": "offset",
|
|
1858
|
-
"reflects": true
|
|
1859
|
-
},
|
|
1860
1895
|
{
|
|
1861
1896
|
"kind": "field",
|
|
1862
1897
|
"name": "onDark",
|
|
@@ -1864,56 +1899,8 @@
|
|
|
1864
1899
|
"type": {
|
|
1865
1900
|
"text": "boolean"
|
|
1866
1901
|
},
|
|
1867
|
-
"attribute": "onDark",
|
|
1868
|
-
"reflects": true,
|
|
1869
1902
|
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1870
|
-
"
|
|
1871
|
-
"name": "AuroElement",
|
|
1872
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
1873
|
-
}
|
|
1874
|
-
},
|
|
1875
|
-
{
|
|
1876
|
-
"kind": "field",
|
|
1877
|
-
"name": "optionSelected",
|
|
1878
|
-
"privacy": "public",
|
|
1879
|
-
"type": {
|
|
1880
|
-
"text": "HTMLElement"
|
|
1881
|
-
},
|
|
1882
|
-
"description": "Specifies the current selected option.",
|
|
1883
|
-
"attribute": "optionSelected"
|
|
1884
|
-
},
|
|
1885
|
-
{
|
|
1886
|
-
"kind": "field",
|
|
1887
|
-
"name": "persistInput",
|
|
1888
|
-
"privacy": "public",
|
|
1889
|
-
"type": {
|
|
1890
|
-
"text": "boolean"
|
|
1891
|
-
},
|
|
1892
|
-
"description": "If declared, selecting a menu option will not change the input value. By doing so,\nthe current menu filter will be preserved and the user can continue from their last\nfilter state. It is recommended to use this in combination with the `displayValue` slot.",
|
|
1893
|
-
"attribute": "persistInput",
|
|
1894
|
-
"reflects": true
|
|
1895
|
-
},
|
|
1896
|
-
{
|
|
1897
|
-
"kind": "field",
|
|
1898
|
-
"name": "placement",
|
|
1899
|
-
"privacy": "public",
|
|
1900
|
-
"type": {
|
|
1901
|
-
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1902
|
-
},
|
|
1903
|
-
"description": "Position where the bib should appear relative to the trigger.",
|
|
1904
|
-
"default": "'bottom-start'",
|
|
1905
|
-
"attribute": "placement",
|
|
1906
|
-
"reflects": true
|
|
1907
|
-
},
|
|
1908
|
-
{
|
|
1909
|
-
"kind": "field",
|
|
1910
|
-
"name": "placeholder",
|
|
1911
|
-
"privacy": "public",
|
|
1912
|
-
"type": {
|
|
1913
|
-
"text": "string"
|
|
1914
|
-
},
|
|
1915
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1916
|
-
"attribute": "placeholder",
|
|
1903
|
+
"attribute": "onDark",
|
|
1917
1904
|
"reflects": true
|
|
1918
1905
|
},
|
|
1919
1906
|
{
|
|
@@ -1923,7 +1910,7 @@
|
|
|
1923
1910
|
"type": {
|
|
1924
1911
|
"text": "boolean"
|
|
1925
1912
|
},
|
|
1926
|
-
"description": "Populates the `required` attribute on the
|
|
1913
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
1927
1914
|
"attribute": "required",
|
|
1928
1915
|
"reflects": true
|
|
1929
1916
|
},
|
|
@@ -1959,602 +1946,615 @@
|
|
|
1959
1946
|
},
|
|
1960
1947
|
{
|
|
1961
1948
|
"kind": "field",
|
|
1962
|
-
"name": "
|
|
1949
|
+
"name": "validity",
|
|
1963
1950
|
"privacy": "public",
|
|
1964
1951
|
"type": {
|
|
1965
1952
|
"text": "string"
|
|
1966
1953
|
},
|
|
1967
|
-
"description": "
|
|
1968
|
-
"attribute": "
|
|
1954
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1955
|
+
"attribute": "validity",
|
|
1956
|
+
"reflects": true
|
|
1957
|
+
}
|
|
1958
|
+
],
|
|
1959
|
+
"events": [
|
|
1960
|
+
{
|
|
1961
|
+
"name": "input",
|
|
1962
|
+
"type": {
|
|
1963
|
+
"text": "CustomEvent"
|
|
1964
|
+
}
|
|
1965
|
+
},
|
|
1966
|
+
{
|
|
1967
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1968
|
+
"name": "auroFormElement-validated"
|
|
1969
|
+
}
|
|
1970
|
+
],
|
|
1971
|
+
"attributes": [
|
|
1972
|
+
{
|
|
1973
|
+
"name": "appearance",
|
|
1974
|
+
"type": {
|
|
1975
|
+
"text": "'default' | 'inverse'"
|
|
1976
|
+
},
|
|
1977
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1978
|
+
"default": "'default'",
|
|
1979
|
+
"fieldName": "appearance"
|
|
1980
|
+
},
|
|
1981
|
+
{
|
|
1982
|
+
"name": "disabled",
|
|
1983
|
+
"type": {
|
|
1984
|
+
"text": "boolean"
|
|
1985
|
+
},
|
|
1986
|
+
"description": "If set, disables the checkbox group.",
|
|
1987
|
+
"fieldName": "disabled"
|
|
1988
|
+
},
|
|
1989
|
+
{
|
|
1990
|
+
"name": "error",
|
|
1991
|
+
"type": {
|
|
1992
|
+
"text": "string"
|
|
1993
|
+
},
|
|
1994
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1995
|
+
"fieldName": "error"
|
|
1969
1996
|
},
|
|
1970
1997
|
{
|
|
1971
|
-
"
|
|
1972
|
-
"name": "touched",
|
|
1973
|
-
"privacy": "private",
|
|
1998
|
+
"name": "horizontal",
|
|
1974
1999
|
"type": {
|
|
1975
2000
|
"text": "boolean"
|
|
1976
2001
|
},
|
|
1977
|
-
"description": "
|
|
2002
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
2003
|
+
"fieldName": "horizontal"
|
|
1978
2004
|
},
|
|
1979
2005
|
{
|
|
1980
|
-
"
|
|
1981
|
-
"name": "triggerIcon",
|
|
1982
|
-
"privacy": "public",
|
|
2006
|
+
"name": "noValidate",
|
|
1983
2007
|
"type": {
|
|
1984
2008
|
"text": "boolean"
|
|
1985
2009
|
},
|
|
1986
|
-
"description": "If set,
|
|
1987
|
-
"
|
|
1988
|
-
"reflects": true
|
|
2010
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2011
|
+
"fieldName": "noValidate"
|
|
1989
2012
|
},
|
|
1990
2013
|
{
|
|
1991
|
-
"
|
|
1992
|
-
"name": "type",
|
|
1993
|
-
"privacy": "public",
|
|
2014
|
+
"name": "onDark",
|
|
1994
2015
|
"type": {
|
|
1995
|
-
"text": "
|
|
2016
|
+
"text": "boolean"
|
|
1996
2017
|
},
|
|
1997
|
-
"description": "
|
|
1998
|
-
"
|
|
1999
|
-
"reflects": true
|
|
2018
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2019
|
+
"fieldName": "onDark"
|
|
2000
2020
|
},
|
|
2001
2021
|
{
|
|
2002
|
-
"
|
|
2003
|
-
"name": "typedValue",
|
|
2004
|
-
"privacy": "public",
|
|
2022
|
+
"name": "required",
|
|
2005
2023
|
"type": {
|
|
2006
|
-
"text": "
|
|
2024
|
+
"text": "boolean"
|
|
2007
2025
|
},
|
|
2008
|
-
"description": "
|
|
2009
|
-
"
|
|
2010
|
-
"reflects": true
|
|
2026
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
2027
|
+
"fieldName": "required"
|
|
2011
2028
|
},
|
|
2012
2029
|
{
|
|
2013
|
-
"
|
|
2014
|
-
"name": "validity",
|
|
2015
|
-
"privacy": "public",
|
|
2030
|
+
"name": "setCustomValidity",
|
|
2016
2031
|
"type": {
|
|
2017
2032
|
"text": "string"
|
|
2018
2033
|
},
|
|
2019
|
-
"description": "
|
|
2020
|
-
"
|
|
2021
|
-
"reflects": true
|
|
2034
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2035
|
+
"fieldName": "setCustomValidity"
|
|
2022
2036
|
},
|
|
2023
2037
|
{
|
|
2024
|
-
"
|
|
2025
|
-
"name": "value",
|
|
2026
|
-
"privacy": "public",
|
|
2038
|
+
"name": "setCustomValidityCustomError",
|
|
2027
2039
|
"type": {
|
|
2028
2040
|
"text": "string"
|
|
2029
2041
|
},
|
|
2030
|
-
"description": "
|
|
2031
|
-
"
|
|
2042
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2043
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2032
2044
|
},
|
|
2033
2045
|
{
|
|
2034
|
-
"
|
|
2035
|
-
"name": "largeFullscreenHeadline",
|
|
2036
|
-
"privacy": "public",
|
|
2046
|
+
"name": "setCustomValidityValueMissing",
|
|
2037
2047
|
"type": {
|
|
2038
|
-
"text": "
|
|
2048
|
+
"text": "string"
|
|
2039
2049
|
},
|
|
2040
|
-
"description": "
|
|
2041
|
-
"
|
|
2042
|
-
"reflects": true
|
|
2050
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2051
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2043
2052
|
},
|
|
2044
2053
|
{
|
|
2045
|
-
"
|
|
2046
|
-
"name": "fullscreenBreakpoint",
|
|
2047
|
-
"privacy": "public",
|
|
2054
|
+
"name": "validity",
|
|
2048
2055
|
"type": {
|
|
2049
|
-
"text": "
|
|
2056
|
+
"text": "string"
|
|
2050
2057
|
},
|
|
2051
|
-
"description": "
|
|
2052
|
-
"
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2058
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2059
|
+
"fieldName": "validity"
|
|
2060
|
+
}
|
|
2061
|
+
],
|
|
2062
|
+
"superclass": {
|
|
2063
|
+
"name": "LitElement",
|
|
2064
|
+
"package": "lit"
|
|
2065
|
+
},
|
|
2066
|
+
"tagName": "auro-checkbox-group",
|
|
2067
|
+
"customElement": true
|
|
2068
|
+
}
|
|
2069
|
+
],
|
|
2070
|
+
"exports": [
|
|
2071
|
+
{
|
|
2072
|
+
"kind": "js",
|
|
2073
|
+
"name": "AuroCheckboxGroup",
|
|
2074
|
+
"declaration": {
|
|
2075
|
+
"name": "AuroCheckboxGroup",
|
|
2076
|
+
"module": "components/checkbox/src/auro-checkbox-group.js"
|
|
2077
|
+
}
|
|
2078
|
+
}
|
|
2079
|
+
]
|
|
2080
|
+
},
|
|
2081
|
+
{
|
|
2082
|
+
"kind": "javascript-module",
|
|
2083
|
+
"path": "components/checkbox/src/auro-checkbox.js",
|
|
2084
|
+
"declarations": [
|
|
2085
|
+
{
|
|
2086
|
+
"kind": "class",
|
|
2087
|
+
"description": "The `auro-checkbox` element is for the purpose of allowing users to select one or more options of a limited number of choices.",
|
|
2088
|
+
"name": "AuroCheckbox",
|
|
2089
|
+
"cssParts": [
|
|
2056
2090
|
{
|
|
2057
|
-
"
|
|
2058
|
-
"name": "
|
|
2059
|
-
"privacy": "private",
|
|
2060
|
-
"type": {
|
|
2061
|
-
"text": "object"
|
|
2062
|
-
},
|
|
2063
|
-
"description": "Specifies the currently active option."
|
|
2091
|
+
"description": "apply css to a specific checkbox.",
|
|
2092
|
+
"name": "checkbox"
|
|
2064
2093
|
},
|
|
2065
2094
|
{
|
|
2066
|
-
"
|
|
2067
|
-
"name": "
|
|
2068
|
-
"description": "Returns true if the element has focus.",
|
|
2069
|
-
"privacy": "private",
|
|
2070
|
-
"return": {
|
|
2071
|
-
"type": {
|
|
2072
|
-
"text": "boolean"
|
|
2073
|
-
}
|
|
2074
|
-
},
|
|
2075
|
-
"readonly": true,
|
|
2076
|
-
"inheritedFrom": {
|
|
2077
|
-
"name": "AuroElement",
|
|
2078
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2079
|
-
}
|
|
2095
|
+
"description": "apply css to a specific checkbox's input.",
|
|
2096
|
+
"name": "checkbox-input"
|
|
2080
2097
|
},
|
|
2081
2098
|
{
|
|
2082
|
-
"
|
|
2083
|
-
"name": "
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
}
|
|
2088
|
-
},
|
|
2099
|
+
"description": "apply css to a specific checkbox's label.",
|
|
2100
|
+
"name": "checkbox-label"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"slots": [
|
|
2089
2104
|
{
|
|
2090
|
-
"
|
|
2091
|
-
"name": "
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
}
|
|
2096
|
-
},
|
|
2105
|
+
"description": "The default slot for the checkbox label.",
|
|
2106
|
+
"name": "default"
|
|
2107
|
+
}
|
|
2108
|
+
],
|
|
2109
|
+
"members": [
|
|
2097
2110
|
{
|
|
2098
2111
|
"kind": "method",
|
|
2099
|
-
"name": "
|
|
2100
|
-
"inheritedFrom": {
|
|
2101
|
-
"name": "AuroElement",
|
|
2102
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2103
|
-
}
|
|
2112
|
+
"name": "_initializeDefaults"
|
|
2104
2113
|
},
|
|
2105
2114
|
{
|
|
2106
|
-
"kind": "
|
|
2107
|
-
"name": "
|
|
2108
|
-
"
|
|
2109
|
-
"
|
|
2110
|
-
|
|
2111
|
-
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2115
|
+
"kind": "method",
|
|
2116
|
+
"name": "register",
|
|
2117
|
+
"static": true,
|
|
2118
|
+
"parameters": [
|
|
2119
|
+
{
|
|
2120
|
+
"name": "name",
|
|
2121
|
+
"default": "\"auro-checkbox\"",
|
|
2122
|
+
"description": "The name of element that you want to register to.",
|
|
2123
|
+
"optional": true,
|
|
2124
|
+
"type": {
|
|
2125
|
+
"text": "string"
|
|
2126
|
+
}
|
|
2127
|
+
}
|
|
2128
|
+
],
|
|
2129
|
+
"description": "This will register this element with the browser."
|
|
2118
2130
|
},
|
|
2119
2131
|
{
|
|
2120
|
-
"kind": "
|
|
2121
|
-
"name": "
|
|
2122
|
-
"
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2132
|
+
"kind": "method",
|
|
2133
|
+
"name": "handleChange",
|
|
2134
|
+
"parameters": [
|
|
2135
|
+
{
|
|
2136
|
+
"name": "event",
|
|
2137
|
+
"description": "The change event from the checkbox input.",
|
|
2138
|
+
"type": {
|
|
2139
|
+
"text": "Event"
|
|
2140
|
+
}
|
|
2141
|
+
}
|
|
2142
|
+
],
|
|
2143
|
+
"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.",
|
|
2144
|
+
"privacy": "private",
|
|
2145
|
+
"return": {
|
|
2146
|
+
"type": {
|
|
2147
|
+
"text": "void"
|
|
2148
|
+
}
|
|
2131
2149
|
}
|
|
2132
|
-
}
|
|
2133
|
-
],
|
|
2134
|
-
"events": [
|
|
2135
|
-
{
|
|
2136
|
-
"name": "inputValue",
|
|
2137
|
-
"type": {
|
|
2138
|
-
"text": "CustomEvent"
|
|
2139
|
-
},
|
|
2140
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2141
2150
|
},
|
|
2142
2151
|
{
|
|
2143
|
-
"
|
|
2144
|
-
"
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2152
|
+
"kind": "method",
|
|
2153
|
+
"name": "handleInput",
|
|
2154
|
+
"parameters": [
|
|
2155
|
+
{
|
|
2156
|
+
"name": "event",
|
|
2157
|
+
"description": "The input event from the checkbox input.",
|
|
2158
|
+
"type": {
|
|
2159
|
+
"text": "Event"
|
|
2160
|
+
}
|
|
2161
|
+
}
|
|
2162
|
+
],
|
|
2163
|
+
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
2164
|
+
"privacy": "private",
|
|
2165
|
+
"return": {
|
|
2166
|
+
"type": {
|
|
2167
|
+
"text": "void"
|
|
2168
|
+
}
|
|
2169
|
+
}
|
|
2148
2170
|
},
|
|
2149
2171
|
{
|
|
2150
|
-
"
|
|
2151
|
-
"
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
"
|
|
2172
|
+
"kind": "method",
|
|
2173
|
+
"name": "handleFocusin",
|
|
2174
|
+
"description": "Function to support",
|
|
2175
|
+
"privacy": "private",
|
|
2176
|
+
"return": {
|
|
2177
|
+
"type": {
|
|
2178
|
+
"text": "void"
|
|
2179
|
+
}
|
|
2180
|
+
}
|
|
2155
2181
|
},
|
|
2156
2182
|
{
|
|
2157
|
-
"
|
|
2158
|
-
"name": "
|
|
2159
|
-
|
|
2160
|
-
|
|
2161
|
-
|
|
2162
|
-
|
|
2163
|
-
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
},
|
|
2167
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2168
|
-
"default": "'default'",
|
|
2169
|
-
"fieldName": "appearance"
|
|
2183
|
+
"kind": "method",
|
|
2184
|
+
"name": "generateIconHtml",
|
|
2185
|
+
"description": "Function to generate checkmark svg.",
|
|
2186
|
+
"privacy": "private",
|
|
2187
|
+
"return": {
|
|
2188
|
+
"type": {
|
|
2189
|
+
"text": "HTMLElement"
|
|
2190
|
+
}
|
|
2191
|
+
}
|
|
2170
2192
|
},
|
|
2171
2193
|
{
|
|
2172
|
-
"
|
|
2173
|
-
"
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
|
|
2177
|
-
|
|
2194
|
+
"kind": "method",
|
|
2195
|
+
"name": "reset",
|
|
2196
|
+
"description": "Resets component to initial state.",
|
|
2197
|
+
"return": {
|
|
2198
|
+
"type": {
|
|
2199
|
+
"text": "void"
|
|
2200
|
+
}
|
|
2201
|
+
}
|
|
2178
2202
|
},
|
|
2179
2203
|
{
|
|
2180
|
-
"
|
|
2181
|
-
"
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
"
|
|
2185
|
-
|
|
2204
|
+
"kind": "method",
|
|
2205
|
+
"name": "updateAriaLabel",
|
|
2206
|
+
"description": "Updates the aria-label based on slot content.",
|
|
2207
|
+
"privacy": "private",
|
|
2208
|
+
"return": {
|
|
2209
|
+
"type": {
|
|
2210
|
+
"text": "void"
|
|
2211
|
+
}
|
|
2212
|
+
}
|
|
2186
2213
|
},
|
|
2187
2214
|
{
|
|
2188
|
-
"
|
|
2189
|
-
"
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2215
|
+
"kind": "method",
|
|
2216
|
+
"name": "handleKeyDown",
|
|
2217
|
+
"parameters": [
|
|
2218
|
+
{
|
|
2219
|
+
"name": "event",
|
|
2220
|
+
"description": "The keydown event from the checkbox input.",
|
|
2221
|
+
"type": {
|
|
2222
|
+
"text": "KeyboardEvent"
|
|
2223
|
+
}
|
|
2224
|
+
}
|
|
2225
|
+
],
|
|
2226
|
+
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
2227
|
+
"privacy": "private",
|
|
2228
|
+
"return": {
|
|
2229
|
+
"type": {
|
|
2230
|
+
"text": "void"
|
|
2231
|
+
}
|
|
2232
|
+
}
|
|
2194
2233
|
},
|
|
2195
2234
|
{
|
|
2196
|
-
"
|
|
2235
|
+
"kind": "field",
|
|
2236
|
+
"name": "appearance",
|
|
2237
|
+
"privacy": "public",
|
|
2197
2238
|
"type": {
|
|
2198
|
-
"text": "'
|
|
2239
|
+
"text": "'default' | 'inverse'"
|
|
2199
2240
|
},
|
|
2200
|
-
"description": "
|
|
2201
|
-
"default": "'
|
|
2202
|
-
"
|
|
2241
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2242
|
+
"default": "'default'",
|
|
2243
|
+
"attribute": "appearance",
|
|
2244
|
+
"reflects": true
|
|
2203
2245
|
},
|
|
2204
2246
|
{
|
|
2205
|
-
"
|
|
2247
|
+
"kind": "field",
|
|
2248
|
+
"name": "checked",
|
|
2249
|
+
"privacy": "public",
|
|
2206
2250
|
"type": {
|
|
2207
2251
|
"text": "boolean"
|
|
2208
2252
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2253
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2254
|
+
"attribute": "checked",
|
|
2255
|
+
"reflects": true
|
|
2211
2256
|
},
|
|
2212
2257
|
{
|
|
2258
|
+
"kind": "field",
|
|
2213
2259
|
"name": "disabled",
|
|
2260
|
+
"privacy": "public",
|
|
2214
2261
|
"type": {
|
|
2215
2262
|
"text": "boolean"
|
|
2216
2263
|
},
|
|
2217
|
-
"description": "If set,
|
|
2218
|
-
"
|
|
2219
|
-
|
|
2220
|
-
{
|
|
2221
|
-
"name": "dvInputOnly",
|
|
2222
|
-
"type": {
|
|
2223
|
-
"text": "boolean"
|
|
2224
|
-
},
|
|
2225
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
2226
|
-
"fieldName": "dvInputOnly"
|
|
2264
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2265
|
+
"attribute": "disabled",
|
|
2266
|
+
"reflects": true
|
|
2227
2267
|
},
|
|
2228
2268
|
{
|
|
2269
|
+
"kind": "field",
|
|
2229
2270
|
"name": "error",
|
|
2271
|
+
"privacy": "public",
|
|
2230
2272
|
"type": {
|
|
2231
|
-
"text": "
|
|
2273
|
+
"text": "boolean"
|
|
2232
2274
|
},
|
|
2233
|
-
"description": "
|
|
2234
|
-
"
|
|
2275
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2276
|
+
"attribute": "error",
|
|
2277
|
+
"reflects": true
|
|
2235
2278
|
},
|
|
2236
2279
|
{
|
|
2237
|
-
"
|
|
2280
|
+
"kind": "field",
|
|
2281
|
+
"name": "id",
|
|
2282
|
+
"privacy": "public",
|
|
2238
2283
|
"type": {
|
|
2239
2284
|
"text": "string"
|
|
2240
2285
|
},
|
|
2241
|
-
"description": "
|
|
2242
|
-
"
|
|
2286
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2287
|
+
"attribute": "id",
|
|
2288
|
+
"reflects": true
|
|
2243
2289
|
},
|
|
2244
2290
|
{
|
|
2245
|
-
"
|
|
2291
|
+
"kind": "field",
|
|
2292
|
+
"name": "inputId",
|
|
2293
|
+
"privacy": "private",
|
|
2246
2294
|
"type": {
|
|
2247
2295
|
"text": "string"
|
|
2248
2296
|
},
|
|
2249
|
-
"description": "
|
|
2250
|
-
"fieldName": "inputmode"
|
|
2297
|
+
"description": "The id for input node."
|
|
2251
2298
|
},
|
|
2252
2299
|
{
|
|
2253
|
-
"
|
|
2300
|
+
"kind": "field",
|
|
2301
|
+
"name": "name",
|
|
2302
|
+
"privacy": "public",
|
|
2254
2303
|
"type": {
|
|
2255
2304
|
"text": "string"
|
|
2256
2305
|
},
|
|
2257
|
-
"description": "
|
|
2258
|
-
"
|
|
2259
|
-
"fieldName": "layout",
|
|
2260
|
-
"inheritedFrom": {
|
|
2261
|
-
"name": "AuroElement",
|
|
2262
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2263
|
-
}
|
|
2264
|
-
},
|
|
2265
|
-
{
|
|
2266
|
-
"name": "matchWidth",
|
|
2267
|
-
"type": {
|
|
2268
|
-
"text": "boolean"
|
|
2269
|
-
},
|
|
2270
|
-
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
2271
|
-
"fieldName": "matchWidth"
|
|
2272
|
-
},
|
|
2273
|
-
{
|
|
2274
|
-
"name": "noFilter",
|
|
2275
|
-
"type": {
|
|
2276
|
-
"text": "boolean"
|
|
2277
|
-
},
|
|
2278
|
-
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
2279
|
-
"fieldName": "noFilter"
|
|
2306
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2307
|
+
"attribute": "name"
|
|
2280
2308
|
},
|
|
2281
2309
|
{
|
|
2282
|
-
"
|
|
2310
|
+
"kind": "field",
|
|
2311
|
+
"name": "onDark",
|
|
2312
|
+
"privacy": "public",
|
|
2283
2313
|
"type": {
|
|
2284
2314
|
"text": "boolean"
|
|
2285
2315
|
},
|
|
2286
|
-
"description": "
|
|
2287
|
-
"
|
|
2316
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2317
|
+
"attribute": "onDark",
|
|
2318
|
+
"reflects": true
|
|
2288
2319
|
},
|
|
2289
2320
|
{
|
|
2290
|
-
"
|
|
2321
|
+
"kind": "field",
|
|
2322
|
+
"name": "touched",
|
|
2323
|
+
"privacy": "private",
|
|
2291
2324
|
"type": {
|
|
2292
2325
|
"text": "boolean"
|
|
2293
2326
|
},
|
|
2294
|
-
"description": "
|
|
2295
|
-
"fieldName": "shift"
|
|
2327
|
+
"description": "Indicates whether the checkbox has been interacted with."
|
|
2296
2328
|
},
|
|
2297
2329
|
{
|
|
2298
|
-
"
|
|
2330
|
+
"kind": "field",
|
|
2331
|
+
"name": "value",
|
|
2332
|
+
"privacy": "public",
|
|
2299
2333
|
"type": {
|
|
2300
|
-
"text": "
|
|
2334
|
+
"text": "string"
|
|
2301
2335
|
},
|
|
2302
|
-
"description": "
|
|
2303
|
-
"
|
|
2336
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2337
|
+
"attribute": "value"
|
|
2304
2338
|
},
|
|
2305
2339
|
{
|
|
2306
|
-
"
|
|
2340
|
+
"kind": "field",
|
|
2341
|
+
"name": "tabIndex",
|
|
2342
|
+
"privacy": "private",
|
|
2307
2343
|
"type": {
|
|
2308
2344
|
"text": "number"
|
|
2309
2345
|
},
|
|
2310
|
-
"description": "
|
|
2311
|
-
"
|
|
2312
|
-
"
|
|
2313
|
-
},
|
|
2314
|
-
{
|
|
2315
|
-
"name": "onDark",
|
|
2316
|
-
"type": {
|
|
2317
|
-
"text": "boolean"
|
|
2318
|
-
},
|
|
2319
|
-
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2320
|
-
"fieldName": "onDark"
|
|
2321
|
-
},
|
|
2322
|
-
{
|
|
2323
|
-
"name": "optionSelected",
|
|
2324
|
-
"type": {
|
|
2325
|
-
"text": "HTMLElement"
|
|
2326
|
-
},
|
|
2327
|
-
"description": "Specifies the current selected option.",
|
|
2328
|
-
"fieldName": "optionSelected"
|
|
2346
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2347
|
+
"attribute": "tabindex",
|
|
2348
|
+
"reflects": true
|
|
2329
2349
|
},
|
|
2330
2350
|
{
|
|
2331
|
-
"
|
|
2351
|
+
"kind": "field",
|
|
2352
|
+
"name": "ariaChecked",
|
|
2353
|
+
"privacy": "private",
|
|
2332
2354
|
"type": {
|
|
2333
|
-
"text": "
|
|
2355
|
+
"text": "string"
|
|
2334
2356
|
},
|
|
2335
|
-
"description": "
|
|
2336
|
-
"
|
|
2357
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2358
|
+
"attribute": "aria-checked",
|
|
2359
|
+
"reflects": true
|
|
2337
2360
|
},
|
|
2338
2361
|
{
|
|
2339
|
-
"
|
|
2362
|
+
"kind": "field",
|
|
2363
|
+
"name": "ariaDisabled",
|
|
2364
|
+
"privacy": "private",
|
|
2340
2365
|
"type": {
|
|
2341
|
-
"text": "
|
|
2366
|
+
"text": "string"
|
|
2342
2367
|
},
|
|
2343
|
-
"description": "
|
|
2344
|
-
"
|
|
2345
|
-
"
|
|
2368
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2369
|
+
"attribute": "aria-disabled",
|
|
2370
|
+
"reflects": true
|
|
2346
2371
|
},
|
|
2347
2372
|
{
|
|
2348
|
-
"
|
|
2373
|
+
"kind": "field",
|
|
2374
|
+
"name": "role",
|
|
2375
|
+
"privacy": "private",
|
|
2349
2376
|
"type": {
|
|
2350
2377
|
"text": "string"
|
|
2351
2378
|
},
|
|
2352
|
-
"description": "
|
|
2353
|
-
"
|
|
2379
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2380
|
+
"attribute": "role",
|
|
2381
|
+
"reflects": true
|
|
2382
|
+
}
|
|
2383
|
+
],
|
|
2384
|
+
"events": [
|
|
2385
|
+
{
|
|
2386
|
+
"name": "auroCheckbox-input",
|
|
2387
|
+
"type": {
|
|
2388
|
+
"text": "CustomEvent"
|
|
2389
|
+
}
|
|
2354
2390
|
},
|
|
2355
2391
|
{
|
|
2356
|
-
"name": "
|
|
2392
|
+
"name": "auroCheckbox-focusin",
|
|
2357
2393
|
"type": {
|
|
2358
|
-
"text": "
|
|
2359
|
-
}
|
|
2360
|
-
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
2361
|
-
"fieldName": "required"
|
|
2394
|
+
"text": "CustomEvent"
|
|
2395
|
+
}
|
|
2362
2396
|
},
|
|
2363
2397
|
{
|
|
2364
|
-
"name": "
|
|
2398
|
+
"name": "auroCheckbox-focusout",
|
|
2365
2399
|
"type": {
|
|
2366
|
-
"text": "
|
|
2367
|
-
}
|
|
2368
|
-
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2369
|
-
"fieldName": "setCustomValidity"
|
|
2400
|
+
"text": "CustomEvent"
|
|
2401
|
+
}
|
|
2370
2402
|
},
|
|
2371
2403
|
{
|
|
2372
|
-
"
|
|
2404
|
+
"description": "(Deprecated) Notifies when checked value is changed.",
|
|
2405
|
+
"name": "change"
|
|
2406
|
+
},
|
|
2407
|
+
{
|
|
2408
|
+
"description": "Notifies when when checked value is changed by user's interface.",
|
|
2409
|
+
"name": "input"
|
|
2410
|
+
}
|
|
2411
|
+
],
|
|
2412
|
+
"attributes": [
|
|
2413
|
+
{
|
|
2414
|
+
"name": "appearance",
|
|
2373
2415
|
"type": {
|
|
2374
|
-
"text": "
|
|
2416
|
+
"text": "'default' | 'inverse'"
|
|
2375
2417
|
},
|
|
2376
|
-
"description": "
|
|
2377
|
-
"
|
|
2418
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2419
|
+
"default": "'default'",
|
|
2420
|
+
"fieldName": "appearance"
|
|
2378
2421
|
},
|
|
2379
2422
|
{
|
|
2380
|
-
"name": "
|
|
2423
|
+
"name": "checked",
|
|
2381
2424
|
"type": {
|
|
2382
|
-
"text": "
|
|
2425
|
+
"text": "boolean"
|
|
2383
2426
|
},
|
|
2384
|
-
"description": "
|
|
2385
|
-
"fieldName": "
|
|
2427
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2428
|
+
"fieldName": "checked"
|
|
2386
2429
|
},
|
|
2387
2430
|
{
|
|
2388
|
-
"name": "
|
|
2431
|
+
"name": "disabled",
|
|
2389
2432
|
"type": {
|
|
2390
|
-
"text": "
|
|
2433
|
+
"text": "boolean"
|
|
2391
2434
|
},
|
|
2392
|
-
"description": "
|
|
2393
|
-
"fieldName": "
|
|
2435
|
+
"description": "If set to true, the checkbox will not be clickable.",
|
|
2436
|
+
"fieldName": "disabled"
|
|
2394
2437
|
},
|
|
2395
2438
|
{
|
|
2396
|
-
"name": "
|
|
2439
|
+
"name": "error",
|
|
2397
2440
|
"type": {
|
|
2398
2441
|
"text": "boolean"
|
|
2399
2442
|
},
|
|
2400
|
-
"description": "If set, the
|
|
2401
|
-
"fieldName": "
|
|
2443
|
+
"description": "If set to true, the checkbox will be displayed with an error state.",
|
|
2444
|
+
"fieldName": "error"
|
|
2402
2445
|
},
|
|
2403
2446
|
{
|
|
2404
|
-
"name": "
|
|
2447
|
+
"name": "id",
|
|
2405
2448
|
"type": {
|
|
2406
2449
|
"text": "string"
|
|
2407
2450
|
},
|
|
2408
|
-
"description": "
|
|
2409
|
-
"fieldName": "
|
|
2451
|
+
"description": "The id global attribute defines an identifier (ID) which must be unique in the whole document.",
|
|
2452
|
+
"fieldName": "id"
|
|
2410
2453
|
},
|
|
2411
2454
|
{
|
|
2412
|
-
"name": "
|
|
2455
|
+
"name": "name",
|
|
2413
2456
|
"type": {
|
|
2414
2457
|
"text": "string"
|
|
2415
2458
|
},
|
|
2416
|
-
"description": "
|
|
2417
|
-
"fieldName": "
|
|
2459
|
+
"description": "Accepts any string and is used to identify related checkboxes when submitting form data.",
|
|
2460
|
+
"fieldName": "name"
|
|
2418
2461
|
},
|
|
2419
2462
|
{
|
|
2420
|
-
"name": "
|
|
2463
|
+
"name": "onDark",
|
|
2421
2464
|
"type": {
|
|
2422
|
-
"text": "
|
|
2465
|
+
"text": "boolean"
|
|
2423
2466
|
},
|
|
2424
|
-
"description": "
|
|
2425
|
-
"fieldName": "
|
|
2467
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2468
|
+
"fieldName": "onDark"
|
|
2426
2469
|
},
|
|
2427
2470
|
{
|
|
2428
2471
|
"name": "value",
|
|
2429
2472
|
"type": {
|
|
2430
2473
|
"text": "string"
|
|
2431
2474
|
},
|
|
2432
|
-
"description": "
|
|
2475
|
+
"description": "Sets the element's input value. Must be unique within an auro-checkbox-group element.",
|
|
2433
2476
|
"fieldName": "value"
|
|
2434
2477
|
},
|
|
2435
2478
|
{
|
|
2436
|
-
"name": "
|
|
2437
|
-
"type": {
|
|
2438
|
-
"text": "boolean"
|
|
2439
|
-
},
|
|
2440
|
-
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
2441
|
-
"fieldName": "largeFullscreenHeadline"
|
|
2442
|
-
},
|
|
2443
|
-
{
|
|
2444
|
-
"name": "fullscreenBreakpoint",
|
|
2479
|
+
"name": "tabindex",
|
|
2445
2480
|
"type": {
|
|
2446
|
-
"text": "
|
|
2481
|
+
"text": "number"
|
|
2447
2482
|
},
|
|
2448
|
-
"description": "
|
|
2449
|
-
"
|
|
2450
|
-
"fieldName": "fullscreenBreakpoint"
|
|
2483
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2484
|
+
"fieldName": "tabIndex"
|
|
2451
2485
|
},
|
|
2452
2486
|
{
|
|
2453
|
-
"name": "
|
|
2487
|
+
"name": "aria-checked",
|
|
2454
2488
|
"type": {
|
|
2455
2489
|
"text": "string"
|
|
2456
2490
|
},
|
|
2457
|
-
"
|
|
2458
|
-
"
|
|
2459
|
-
"name": "AuroElement",
|
|
2460
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2461
|
-
}
|
|
2491
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2492
|
+
"fieldName": "ariaChecked"
|
|
2462
2493
|
},
|
|
2463
2494
|
{
|
|
2464
|
-
"name": "
|
|
2495
|
+
"name": "aria-disabled",
|
|
2465
2496
|
"type": {
|
|
2466
2497
|
"text": "string"
|
|
2467
2498
|
},
|
|
2468
|
-
"
|
|
2469
|
-
"
|
|
2470
|
-
"name": "AuroElement",
|
|
2471
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2472
|
-
}
|
|
2499
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2500
|
+
"fieldName": "ariaDisabled"
|
|
2473
2501
|
},
|
|
2474
2502
|
{
|
|
2475
|
-
"name": "
|
|
2503
|
+
"name": "role",
|
|
2476
2504
|
"type": {
|
|
2477
|
-
"text": "
|
|
2505
|
+
"text": "string"
|
|
2478
2506
|
},
|
|
2479
|
-
"
|
|
2480
|
-
"
|
|
2481
|
-
"name": "AuroElement",
|
|
2482
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2483
|
-
}
|
|
2507
|
+
"description": "The ARIA role for the element. Must remain 'checkbox' for screen readers\nto correctly identify this as a checkbox control.",
|
|
2508
|
+
"fieldName": "role"
|
|
2484
2509
|
}
|
|
2485
2510
|
],
|
|
2486
2511
|
"superclass": {
|
|
2487
|
-
"name": "
|
|
2488
|
-
"
|
|
2512
|
+
"name": "LitElement",
|
|
2513
|
+
"package": "lit"
|
|
2489
2514
|
},
|
|
2490
|
-
"tagName": "auro-
|
|
2515
|
+
"tagName": "auro-checkbox",
|
|
2491
2516
|
"customElement": true
|
|
2492
2517
|
}
|
|
2493
2518
|
],
|
|
2494
2519
|
"exports": [
|
|
2495
2520
|
{
|
|
2496
2521
|
"kind": "js",
|
|
2497
|
-
"name": "
|
|
2522
|
+
"name": "AuroCheckbox",
|
|
2498
2523
|
"declaration": {
|
|
2499
|
-
"name": "
|
|
2500
|
-
"module": "components/
|
|
2524
|
+
"name": "AuroCheckbox",
|
|
2525
|
+
"module": "components/checkbox/src/auro-checkbox.js"
|
|
2501
2526
|
}
|
|
2502
2527
|
}
|
|
2503
2528
|
]
|
|
2504
2529
|
},
|
|
2505
2530
|
{
|
|
2506
2531
|
"kind": "javascript-module",
|
|
2507
|
-
"path": "components/
|
|
2508
|
-
"declarations": [
|
|
2509
|
-
{
|
|
2510
|
-
"kind": "variable",
|
|
2511
|
-
"name": "comboboxKeyboardStrategy",
|
|
2512
|
-
"type": {
|
|
2513
|
-
"text": "object"
|
|
2514
|
-
},
|
|
2515
|
-
"default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'down'); } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { navigateArrow(component, 'up'); } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { // Forms should not submit on Enter from a combobox, regardless of which // child element (input, clear button, menu) is focused. evt.stopPropagation(); if (isClearBtnFocused(ctx)) { // Let the browser dispatch Enter to the focused clear button so its // built-in activation fires and clears the selection. Do NOT call // preventDefault — that would block the activation. return; } if (ctx.isExpanded && component.menu.optionActive) { reconcileMenuIndex(component.menu); component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); } else { evt.preventDefault(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. reconcileMenuIndex(component.menu); component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } } }"
|
|
2516
|
-
}
|
|
2517
|
-
],
|
|
2532
|
+
"path": "components/checkbox/src/index.js",
|
|
2533
|
+
"declarations": [],
|
|
2518
2534
|
"exports": [
|
|
2519
2535
|
{
|
|
2520
2536
|
"kind": "js",
|
|
2521
|
-
"name": "
|
|
2537
|
+
"name": "AuroCheckbox",
|
|
2522
2538
|
"declaration": {
|
|
2523
|
-
"name": "
|
|
2524
|
-
"module": "components/
|
|
2539
|
+
"name": "AuroCheckbox",
|
|
2540
|
+
"module": "components/checkbox/src/index.js"
|
|
2525
2541
|
}
|
|
2526
|
-
}
|
|
2527
|
-
]
|
|
2528
|
-
},
|
|
2529
|
-
{
|
|
2530
|
-
"kind": "javascript-module",
|
|
2531
|
-
"path": "components/combobox/src/index.js",
|
|
2532
|
-
"declarations": [],
|
|
2533
|
-
"exports": [
|
|
2542
|
+
},
|
|
2534
2543
|
{
|
|
2535
2544
|
"kind": "js",
|
|
2536
|
-
"name": "
|
|
2545
|
+
"name": "AuroCheckboxGroup",
|
|
2537
2546
|
"declaration": {
|
|
2538
|
-
"name": "
|
|
2539
|
-
"module": "components/
|
|
2547
|
+
"name": "AuroCheckboxGroup",
|
|
2548
|
+
"module": "components/checkbox/src/index.js"
|
|
2540
2549
|
}
|
|
2541
2550
|
}
|
|
2542
2551
|
]
|
|
2543
2552
|
},
|
|
2544
2553
|
{
|
|
2545
2554
|
"kind": "javascript-module",
|
|
2546
|
-
"path": "components/
|
|
2555
|
+
"path": "components/checkbox/src/registered.js",
|
|
2547
2556
|
"declarations": [],
|
|
2548
|
-
"exports": [
|
|
2549
|
-
{
|
|
2550
|
-
"kind": "js",
|
|
2551
|
-
"name": "AuroCombobox",
|
|
2552
|
-
"declaration": {
|
|
2553
|
-
"name": "AuroCombobox",
|
|
2554
|
-
"module": "components/combobox/src/registered.js"
|
|
2555
|
-
}
|
|
2556
|
-
}
|
|
2557
|
-
]
|
|
2557
|
+
"exports": []
|
|
2558
2558
|
},
|
|
2559
2559
|
{
|
|
2560
2560
|
"kind": "javascript-module",
|
|
@@ -11907,7 +11907,7 @@
|
|
|
11907
11907
|
"name": "getHelpText",
|
|
11908
11908
|
"description": "Determines default help text string.",
|
|
11909
11909
|
"privacy": "private",
|
|
11910
|
-
"deprecated": "
|
|
11910
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
11911
11911
|
"return": {
|
|
11912
11912
|
"type": {
|
|
11913
11913
|
"text": "string"
|
|
@@ -12198,7 +12198,7 @@
|
|
|
12198
12198
|
"kind": "method",
|
|
12199
12199
|
"name": "setCustomHelpTextMessage",
|
|
12200
12200
|
"privacy": "private",
|
|
12201
|
-
"deprecated": "
|
|
12201
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
12202
12202
|
"return": {
|
|
12203
12203
|
"type": {
|
|
12204
12204
|
"text": "void"
|
|
@@ -12508,7 +12508,7 @@
|
|
|
12508
12508
|
"name": "matchInputValueToCreditCard",
|
|
12509
12509
|
"description": "Function to support credit-card feature type.",
|
|
12510
12510
|
"privacy": "private",
|
|
12511
|
-
"deprecated": "
|
|
12511
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
12512
12512
|
"return": {
|
|
12513
12513
|
"type": {
|
|
12514
12514
|
"text": "object"
|
|
@@ -13330,6 +13330,20 @@
|
|
|
13330
13330
|
"module": "components/input/src/base-input.js"
|
|
13331
13331
|
}
|
|
13332
13332
|
},
|
|
13333
|
+
{
|
|
13334
|
+
"kind": "field",
|
|
13335
|
+
"name": "setCustomValidityPatternMismatch",
|
|
13336
|
+
"privacy": "public",
|
|
13337
|
+
"type": {
|
|
13338
|
+
"text": "string"
|
|
13339
|
+
},
|
|
13340
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
13341
|
+
"attribute": "setCustomValidityPatternMismatch",
|
|
13342
|
+
"inheritedFrom": {
|
|
13343
|
+
"name": "BaseInput",
|
|
13344
|
+
"module": "components/input/src/base-input.js"
|
|
13345
|
+
}
|
|
13346
|
+
},
|
|
13333
13347
|
{
|
|
13334
13348
|
"kind": "field",
|
|
13335
13349
|
"name": "setCustomValidityRangeOverflow",
|
|
@@ -13435,7 +13449,7 @@
|
|
|
13435
13449
|
"name": "type",
|
|
13436
13450
|
"privacy": "public",
|
|
13437
13451
|
"type": {
|
|
13438
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
13452
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
13439
13453
|
},
|
|
13440
13454
|
"description": "Populates the `type` attribute on the input.",
|
|
13441
13455
|
"default": "'text'",
|
|
@@ -13982,6 +13996,18 @@
|
|
|
13982
13996
|
"module": "components/input/src/base-input.js"
|
|
13983
13997
|
}
|
|
13984
13998
|
},
|
|
13999
|
+
{
|
|
14000
|
+
"name": "setCustomValidityPatternMismatch",
|
|
14001
|
+
"type": {
|
|
14002
|
+
"text": "string"
|
|
14003
|
+
},
|
|
14004
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
14005
|
+
"fieldName": "setCustomValidityPatternMismatch",
|
|
14006
|
+
"inheritedFrom": {
|
|
14007
|
+
"name": "BaseInput",
|
|
14008
|
+
"module": "components/input/src/base-input.js"
|
|
14009
|
+
}
|
|
14010
|
+
},
|
|
13985
14011
|
{
|
|
13986
14012
|
"name": "setCustomValidityRangeOverflow",
|
|
13987
14013
|
"type": {
|
|
@@ -14081,7 +14107,7 @@
|
|
|
14081
14107
|
{
|
|
14082
14108
|
"name": "type",
|
|
14083
14109
|
"type": {
|
|
14084
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
14110
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
14085
14111
|
},
|
|
14086
14112
|
"description": "Populates the `type` attribute on the input.",
|
|
14087
14113
|
"default": "'text'",
|
|
@@ -14288,7 +14314,7 @@
|
|
|
14288
14314
|
"kind": "method",
|
|
14289
14315
|
"name": "setCustomHelpTextMessage",
|
|
14290
14316
|
"privacy": "private",
|
|
14291
|
-
"deprecated": "
|
|
14317
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14292
14318
|
"return": {
|
|
14293
14319
|
"type": {
|
|
14294
14320
|
"text": "void"
|
|
@@ -14522,7 +14548,7 @@
|
|
|
14522
14548
|
"name": "matchInputValueToCreditCard",
|
|
14523
14549
|
"description": "Function to support credit-card feature type.",
|
|
14524
14550
|
"privacy": "private",
|
|
14525
|
-
"deprecated": "
|
|
14551
|
+
"deprecated": "https://dev.azure.com/itsals/E_Retain_Content/_workitems/edit/1557296",
|
|
14526
14552
|
"return": {
|
|
14527
14553
|
"type": {
|
|
14528
14554
|
"text": "object"
|
|
@@ -15128,6 +15154,16 @@
|
|
|
15128
15154
|
"description": "Custom help text message to display when validity = `customError`.",
|
|
15129
15155
|
"attribute": "setCustomValidityCustomError"
|
|
15130
15156
|
},
|
|
15157
|
+
{
|
|
15158
|
+
"kind": "field",
|
|
15159
|
+
"name": "setCustomValidityPatternMismatch",
|
|
15160
|
+
"privacy": "public",
|
|
15161
|
+
"type": {
|
|
15162
|
+
"text": "string"
|
|
15163
|
+
},
|
|
15164
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
15165
|
+
"attribute": "setCustomValidityPatternMismatch"
|
|
15166
|
+
},
|
|
15131
15167
|
{
|
|
15132
15168
|
"kind": "field",
|
|
15133
15169
|
"name": "setCustomValidityRangeOverflow",
|
|
@@ -15205,7 +15241,7 @@
|
|
|
15205
15241
|
"name": "type",
|
|
15206
15242
|
"privacy": "public",
|
|
15207
15243
|
"type": {
|
|
15208
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
15244
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
15209
15245
|
},
|
|
15210
15246
|
"description": "Populates the `type` attribute on the input.",
|
|
15211
15247
|
"default": "'text'",
|
|
@@ -15602,6 +15638,14 @@
|
|
|
15602
15638
|
"default": "undefined",
|
|
15603
15639
|
"fieldName": "setCustomValidityForType"
|
|
15604
15640
|
},
|
|
15641
|
+
{
|
|
15642
|
+
"name": "setCustomValidityPatternMismatch",
|
|
15643
|
+
"type": {
|
|
15644
|
+
"text": "string"
|
|
15645
|
+
},
|
|
15646
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
15647
|
+
"fieldName": "setCustomValidityPatternMismatch"
|
|
15648
|
+
},
|
|
15605
15649
|
{
|
|
15606
15650
|
"name": "setCustomValidityRangeOverflow",
|
|
15607
15651
|
"type": {
|
|
@@ -15669,7 +15713,7 @@
|
|
|
15669
15713
|
{
|
|
15670
15714
|
"name": "type",
|
|
15671
15715
|
"type": {
|
|
15672
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
15716
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
15673
15717
|
},
|
|
15674
15718
|
"description": "Populates the `type` attribute on the input.",
|
|
15675
15719
|
"default": "'text'",
|
|
@@ -16058,6 +16102,32 @@
|
|
|
16058
16102
|
}
|
|
16059
16103
|
}
|
|
16060
16104
|
},
|
|
16105
|
+
{
|
|
16106
|
+
"kind": "method",
|
|
16107
|
+
"name": "isValidPartialDate",
|
|
16108
|
+
"parameters": [
|
|
16109
|
+
{
|
|
16110
|
+
"name": "value",
|
|
16111
|
+
"description": "The user-facing display value.",
|
|
16112
|
+
"type": {
|
|
16113
|
+
"text": "string"
|
|
16114
|
+
}
|
|
16115
|
+
},
|
|
16116
|
+
{
|
|
16117
|
+
"name": "format",
|
|
16118
|
+
"description": "The partial date format string (e.g. \"mm/yyyy\", \"yyyy\", \"dd\").",
|
|
16119
|
+
"type": {
|
|
16120
|
+
"text": "string"
|
|
16121
|
+
}
|
|
16122
|
+
}
|
|
16123
|
+
],
|
|
16124
|
+
"description": "Validates a value against a partial date format (one that lacks yy/mm/dd all three).\nSingle-component formats are checked as integer ranges; multi-component formats use\na date-fns parse + round-trip to confirm both validity and exact formatting.",
|
|
16125
|
+
"return": {
|
|
16126
|
+
"type": {
|
|
16127
|
+
"text": "boolean"
|
|
16128
|
+
}
|
|
16129
|
+
}
|
|
16130
|
+
},
|
|
16061
16131
|
{
|
|
16062
16132
|
"kind": "method",
|
|
16063
16133
|
"name": "toModelValue",
|