@aurodesignsystem-dev/auro-formkit 0.0.0-pr1522.1 → 0.0.0-pr1522.2
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 +15 -2
- package/components/checkbox/demo/getting-started.min.js +15 -2
- package/components/checkbox/demo/index.min.js +15 -2
- package/components/checkbox/dist/index.js +15 -2
- package/components/checkbox/dist/registered.js +15 -2
- package/components/combobox/demo/customize.min.js +105 -10
- package/components/combobox/demo/getting-started.min.js +105 -10
- package/components/combobox/demo/index.min.js +105 -10
- package/components/combobox/dist/index.js +105 -10
- package/components/combobox/dist/registered.js +105 -10
- package/components/counter/demo/customize.min.js +33 -3
- package/components/counter/demo/index.min.js +33 -3
- package/components/counter/dist/index.js +33 -3
- package/components/counter/dist/registered.js +33 -3
- package/components/datepicker/demo/customize.min.js +257 -16
- package/components/datepicker/demo/index.min.js +257 -16
- package/components/datepicker/dist/auro-calendar-cell.d.ts +17 -0
- package/components/datepicker/dist/auro-calendar.d.ts +43 -3
- package/components/datepicker/dist/index.js +257 -16
- package/components/datepicker/dist/registered.js +257 -16
- package/components/dropdown/demo/customize.min.js +18 -1
- package/components/dropdown/demo/getting-started.min.js +18 -1
- package/components/dropdown/demo/index.min.js +18 -1
- package/components/dropdown/dist/index.js +18 -1
- package/components/dropdown/dist/registered.js +18 -1
- package/components/form/demo/customize.min.js +530 -43
- package/components/form/demo/getting-started.min.js +530 -43
- package/components/form/demo/index.min.js +530 -43
- package/components/form/demo/registerDemoDeps.min.js +530 -43
- package/components/input/demo/api.md +58 -57
- package/components/input/demo/customize.min.js +72 -7
- package/components/input/demo/getting-started.min.js +72 -7
- package/components/input/demo/index.min.js +72 -7
- package/components/input/dist/base-input.d.ts +9 -3
- package/components/input/dist/index.js +72 -7
- package/components/input/dist/registered.js +72 -7
- package/components/input/dist/utilities.d.ts +9 -0
- package/components/radio/demo/customize.min.js +15 -2
- package/components/radio/demo/getting-started.min.js +15 -2
- package/components/radio/demo/index.min.js +15 -2
- package/components/radio/dist/index.js +15 -2
- package/components/radio/dist/registered.js +15 -2
- package/components/select/demo/customize.md +6 -4
- package/components/select/demo/customize.min.js +33 -3
- package/components/select/demo/getting-started.min.js +33 -3
- package/components/select/demo/index.min.js +33 -3
- package/components/select/dist/index.js +33 -3
- package/components/select/dist/registered.js +33 -3
- package/custom-elements.json +1622 -1520
- 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": "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.",
|
|
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,500 +504,625 @@
|
|
|
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
|
|
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"
|
|
446
542
|
},
|
|
447
543
|
{
|
|
448
|
-
"kind": "
|
|
449
|
-
"name": "
|
|
450
|
-
"
|
|
451
|
-
"
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
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
|
+
}
|
|
457
553
|
},
|
|
458
554
|
{
|
|
459
|
-
"kind": "
|
|
460
|
-
"name": "
|
|
461
|
-
"
|
|
462
|
-
"
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
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
|
+
}
|
|
468
564
|
},
|
|
469
565
|
{
|
|
470
|
-
"kind": "
|
|
471
|
-
"name": "
|
|
472
|
-
"
|
|
473
|
-
"
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
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
|
+
}
|
|
575
|
+
},
|
|
576
|
+
{
|
|
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
|
+
}
|
|
609
|
+
},
|
|
610
|
+
{
|
|
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
|
+
}
|
|
628
|
+
}
|
|
629
|
+
},
|
|
630
|
+
{
|
|
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
|
+
}
|
|
649
|
+
},
|
|
650
|
+
{
|
|
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
|
+
}
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"kind": "method",
|
|
663
|
+
"name": "focus",
|
|
664
|
+
"description": "Focuses the combobox trigger input.",
|
|
665
|
+
"return": {
|
|
666
|
+
"type": {
|
|
667
|
+
"text": "void"
|
|
668
|
+
}
|
|
669
|
+
}
|
|
670
|
+
},
|
|
671
|
+
{
|
|
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
|
+
}
|
|
689
|
+
},
|
|
690
|
+
{
|
|
691
|
+
"kind": "method",
|
|
692
|
+
"name": "reset",
|
|
693
|
+
"description": "Resets component to initial state.",
|
|
694
|
+
"return": {
|
|
695
|
+
"type": {
|
|
696
|
+
"text": "void"
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"kind": "method",
|
|
702
|
+
"name": "clear",
|
|
703
|
+
"description": "Clears the current value of the combobox.",
|
|
704
|
+
"return": {
|
|
705
|
+
"type": {
|
|
706
|
+
"text": "void"
|
|
707
|
+
}
|
|
708
|
+
}
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"kind": "method",
|
|
712
|
+
"name": "validate",
|
|
713
|
+
"parameters": [
|
|
714
|
+
{
|
|
715
|
+
"name": "force",
|
|
716
|
+
"default": "false",
|
|
717
|
+
"description": "Whether to force validation.",
|
|
718
|
+
"optional": true,
|
|
719
|
+
"type": {
|
|
720
|
+
"text": "boolean"
|
|
721
|
+
}
|
|
722
|
+
}
|
|
723
|
+
],
|
|
724
|
+
"description": "Validates value."
|
|
725
|
+
},
|
|
726
|
+
{
|
|
727
|
+
"kind": "method",
|
|
728
|
+
"name": "transportAssignedNodes",
|
|
729
|
+
"parameters": [
|
|
730
|
+
{
|
|
731
|
+
"name": "slot",
|
|
732
|
+
"description": "The slot element containing the nodes to apply.",
|
|
733
|
+
"type": {
|
|
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"
|
|
749
|
+
}
|
|
750
|
+
}
|
|
751
|
+
],
|
|
752
|
+
"description": "Applies slotted nodes to a target element with a new slot name.",
|
|
753
|
+
"privacy": "private",
|
|
754
|
+
"return": {
|
|
755
|
+
"type": {
|
|
756
|
+
"text": "void"
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "method",
|
|
762
|
+
"name": "updateActiveOption",
|
|
763
|
+
"parameters": [
|
|
764
|
+
{
|
|
765
|
+
"name": "index",
|
|
766
|
+
"description": "Index of the option to make active.",
|
|
767
|
+
"type": {
|
|
768
|
+
"text": "number"
|
|
769
|
+
}
|
|
770
|
+
}
|
|
771
|
+
],
|
|
772
|
+
"description": "Updates the active option in the menu."
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"kind": "method",
|
|
776
|
+
"name": "handleSlotChange",
|
|
777
|
+
"parameters": [
|
|
778
|
+
{
|
|
779
|
+
"name": "event",
|
|
780
|
+
"description": "`slotchange` event.",
|
|
781
|
+
"type": {
|
|
782
|
+
"text": "Event"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
],
|
|
786
|
+
"description": "Watch for slot changes and recalculate the menuoptions.",
|
|
787
|
+
"privacy": "private",
|
|
788
|
+
"return": {
|
|
789
|
+
"type": {
|
|
790
|
+
"text": "void"
|
|
791
|
+
}
|
|
792
|
+
}
|
|
478
793
|
},
|
|
479
794
|
{
|
|
480
795
|
"kind": "field",
|
|
481
|
-
"name": "
|
|
796
|
+
"name": "appearance",
|
|
482
797
|
"privacy": "public",
|
|
483
798
|
"type": {
|
|
484
799
|
"text": "string"
|
|
485
800
|
},
|
|
486
|
-
"description": "
|
|
487
|
-
"
|
|
801
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
802
|
+
"default": "'default'",
|
|
803
|
+
"attribute": "appearance",
|
|
804
|
+
"reflects": true
|
|
488
805
|
},
|
|
489
806
|
{
|
|
490
807
|
"kind": "field",
|
|
491
|
-
"name": "
|
|
808
|
+
"name": "autocomplete",
|
|
492
809
|
"privacy": "public",
|
|
493
810
|
"type": {
|
|
494
811
|
"text": "string"
|
|
495
812
|
},
|
|
496
|
-
"description": "
|
|
497
|
-
"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",
|
|
815
|
+
"reflects": true
|
|
498
816
|
},
|
|
499
817
|
{
|
|
500
818
|
"kind": "field",
|
|
501
|
-
"name": "
|
|
819
|
+
"name": "autoPlacement",
|
|
502
820
|
"privacy": "public",
|
|
503
821
|
"type": {
|
|
504
|
-
"text": "
|
|
822
|
+
"text": "boolean"
|
|
505
823
|
},
|
|
506
|
-
"description": "
|
|
507
|
-
"attribute": "
|
|
824
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
825
|
+
"attribute": "autoPlacement",
|
|
508
826
|
"reflects": true
|
|
509
|
-
}
|
|
510
|
-
],
|
|
511
|
-
"events": [
|
|
512
|
-
{
|
|
513
|
-
"name": "input",
|
|
514
|
-
"type": {
|
|
515
|
-
"text": "CustomEvent"
|
|
516
|
-
}
|
|
517
827
|
},
|
|
518
828
|
{
|
|
519
|
-
"
|
|
520
|
-
"name": "
|
|
521
|
-
|
|
522
|
-
],
|
|
523
|
-
"attributes": [
|
|
524
|
-
{
|
|
525
|
-
"name": "appearance",
|
|
829
|
+
"kind": "field",
|
|
830
|
+
"name": "availableOptions",
|
|
831
|
+
"privacy": "private",
|
|
526
832
|
"type": {
|
|
527
|
-
"text": "
|
|
833
|
+
"text": "array"
|
|
528
834
|
},
|
|
529
|
-
"description": "
|
|
530
|
-
"
|
|
531
|
-
"fieldName": "appearance"
|
|
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"
|
|
532
837
|
},
|
|
533
838
|
{
|
|
534
|
-
"
|
|
839
|
+
"kind": "field",
|
|
840
|
+
"name": "behavior",
|
|
841
|
+
"privacy": "public",
|
|
535
842
|
"type": {
|
|
536
|
-
"text": "
|
|
843
|
+
"text": "'filter' | 'suggestion'"
|
|
537
844
|
},
|
|
538
|
-
"description": "
|
|
539
|
-
"
|
|
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",
|
|
848
|
+
"reflects": true
|
|
540
849
|
},
|
|
541
850
|
{
|
|
542
|
-
"
|
|
851
|
+
"kind": "field",
|
|
852
|
+
"name": "checkmark",
|
|
853
|
+
"privacy": "public",
|
|
543
854
|
"type": {
|
|
544
|
-
"text": "
|
|
855
|
+
"text": "boolean"
|
|
545
856
|
},
|
|
546
|
-
"description": "When
|
|
547
|
-
"
|
|
857
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
858
|
+
"attribute": "checkmark",
|
|
859
|
+
"reflects": true
|
|
548
860
|
},
|
|
549
861
|
{
|
|
550
|
-
"
|
|
862
|
+
"kind": "field",
|
|
863
|
+
"name": "disabled",
|
|
864
|
+
"privacy": "public",
|
|
551
865
|
"type": {
|
|
552
866
|
"text": "boolean"
|
|
553
867
|
},
|
|
554
|
-
"description": "If set,
|
|
555
|
-
"
|
|
868
|
+
"description": "If set, disables the combobox.",
|
|
869
|
+
"attribute": "disabled",
|
|
870
|
+
"reflects": true
|
|
556
871
|
},
|
|
557
872
|
{
|
|
558
|
-
"
|
|
873
|
+
"kind": "field",
|
|
874
|
+
"name": "dropdownId",
|
|
875
|
+
"privacy": "private",
|
|
559
876
|
"type": {
|
|
560
|
-
"text": "
|
|
877
|
+
"text": "string"
|
|
561
878
|
},
|
|
562
|
-
"description": "
|
|
563
|
-
"fieldName": "noValidate"
|
|
879
|
+
"description": "ID for the dropdown."
|
|
564
880
|
},
|
|
565
881
|
{
|
|
566
|
-
"
|
|
882
|
+
"kind": "field",
|
|
883
|
+
"name": "dropdownOpen",
|
|
884
|
+
"privacy": "private",
|
|
567
885
|
"type": {
|
|
568
886
|
"text": "boolean"
|
|
569
887
|
},
|
|
570
|
-
"description": "
|
|
571
|
-
"fieldName": "onDark"
|
|
888
|
+
"description": "Whether or not the dropdown is open."
|
|
572
889
|
},
|
|
573
890
|
{
|
|
574
|
-
"
|
|
891
|
+
"kind": "field",
|
|
892
|
+
"name": "dvInputOnly",
|
|
893
|
+
"privacy": "public",
|
|
575
894
|
"type": {
|
|
576
895
|
"text": "boolean"
|
|
577
896
|
},
|
|
578
|
-
"description": "
|
|
579
|
-
"
|
|
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",
|
|
899
|
+
"reflects": true
|
|
580
900
|
},
|
|
581
901
|
{
|
|
582
|
-
"
|
|
902
|
+
"kind": "field",
|
|
903
|
+
"name": "error",
|
|
904
|
+
"privacy": "public",
|
|
583
905
|
"type": {
|
|
584
906
|
"text": "string"
|
|
585
907
|
},
|
|
586
|
-
"description": "
|
|
587
|
-
"
|
|
908
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
909
|
+
"attribute": "error",
|
|
910
|
+
"reflects": true
|
|
588
911
|
},
|
|
589
912
|
{
|
|
590
|
-
"
|
|
913
|
+
"kind": "field",
|
|
914
|
+
"name": "format",
|
|
915
|
+
"privacy": "public",
|
|
591
916
|
"type": {
|
|
592
917
|
"text": "string"
|
|
593
918
|
},
|
|
594
|
-
"description": "
|
|
595
|
-
"
|
|
919
|
+
"description": "Specifies the input mask format.",
|
|
920
|
+
"attribute": "format",
|
|
921
|
+
"reflects": true
|
|
596
922
|
},
|
|
597
923
|
{
|
|
598
|
-
"
|
|
924
|
+
"kind": "field",
|
|
925
|
+
"name": "inputmode",
|
|
926
|
+
"privacy": "public",
|
|
599
927
|
"type": {
|
|
600
928
|
"text": "string"
|
|
601
929
|
},
|
|
602
|
-
"description": "
|
|
603
|
-
"
|
|
930
|
+
"description": "Exposes inputmode attribute for input.",
|
|
931
|
+
"attribute": "inputmode",
|
|
932
|
+
"reflects": true
|
|
604
933
|
},
|
|
605
934
|
{
|
|
606
|
-
"
|
|
935
|
+
"kind": "field",
|
|
936
|
+
"name": "layout",
|
|
937
|
+
"privacy": "public",
|
|
607
938
|
"type": {
|
|
608
939
|
"text": "string"
|
|
609
940
|
},
|
|
610
|
-
"description": "
|
|
611
|
-
"
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
|
|
616
|
-
|
|
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"
|
|
665
|
-
},
|
|
666
|
-
{
|
|
667
|
-
"kind": "method",
|
|
668
|
-
"name": "register",
|
|
669
|
-
"static": true,
|
|
670
|
-
"parameters": [
|
|
671
|
-
{
|
|
672
|
-
"name": "name",
|
|
673
|
-
"default": "\"auro-checkbox\"",
|
|
674
|
-
"description": "The name of element that you want to register to.",
|
|
675
|
-
"optional": true,
|
|
676
|
-
"type": {
|
|
677
|
-
"text": "string"
|
|
678
|
-
}
|
|
679
|
-
}
|
|
680
|
-
],
|
|
681
|
-
"description": "This will register this element with the browser."
|
|
682
|
-
},
|
|
683
|
-
{
|
|
684
|
-
"kind": "method",
|
|
685
|
-
"name": "handleChange",
|
|
686
|
-
"parameters": [
|
|
687
|
-
{
|
|
688
|
-
"name": "event",
|
|
689
|
-
"description": "The change event from the checkbox input.",
|
|
690
|
-
"type": {
|
|
691
|
-
"text": "Event"
|
|
692
|
-
}
|
|
693
|
-
}
|
|
694
|
-
],
|
|
695
|
-
"description": "Handles the change event for the checkbox input.\nUpdates the checked state and dispatches a corresponding custom event.\nThis custom event is only for the purpose of supporting IE.",
|
|
696
|
-
"privacy": "private",
|
|
697
|
-
"return": {
|
|
698
|
-
"type": {
|
|
699
|
-
"text": "void"
|
|
700
|
-
}
|
|
701
|
-
}
|
|
702
|
-
},
|
|
703
|
-
{
|
|
704
|
-
"kind": "method",
|
|
705
|
-
"name": "handleInput",
|
|
706
|
-
"parameters": [
|
|
707
|
-
{
|
|
708
|
-
"name": "event",
|
|
709
|
-
"description": "The input event from the checkbox input.",
|
|
710
|
-
"type": {
|
|
711
|
-
"text": "Event"
|
|
712
|
-
}
|
|
713
|
-
}
|
|
714
|
-
],
|
|
715
|
-
"description": "Handles the input event for the checkbox input.\nUpdates the checked state and dispatches a custom 'auroCheckbox-input' event.",
|
|
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
|
-
}
|
|
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"
|
|
732
948
|
}
|
|
733
949
|
},
|
|
734
950
|
{
|
|
735
|
-
"kind": "
|
|
736
|
-
"name": "
|
|
737
|
-
"description": "Function to generate checkmark svg.",
|
|
951
|
+
"kind": "field",
|
|
952
|
+
"name": "matchWidth",
|
|
738
953
|
"privacy": "private",
|
|
739
|
-
"
|
|
740
|
-
"
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
954
|
+
"type": {
|
|
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
|
|
744
960
|
},
|
|
745
961
|
{
|
|
746
|
-
"kind": "
|
|
747
|
-
"name": "
|
|
748
|
-
"
|
|
749
|
-
"
|
|
750
|
-
"
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
962
|
+
"kind": "field",
|
|
963
|
+
"name": "noFilter",
|
|
964
|
+
"privacy": "public",
|
|
965
|
+
"type": {
|
|
966
|
+
"text": "boolean"
|
|
967
|
+
},
|
|
968
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
969
|
+
"attribute": "noFilter",
|
|
970
|
+
"reflects": true
|
|
754
971
|
},
|
|
755
972
|
{
|
|
756
|
-
"kind": "
|
|
757
|
-
"name": "
|
|
758
|
-
"
|
|
759
|
-
"
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
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
|
|
765
982
|
},
|
|
766
983
|
{
|
|
767
|
-
"kind": "
|
|
768
|
-
"name": "
|
|
769
|
-
"
|
|
770
|
-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
-
|
|
774
|
-
|
|
775
|
-
|
|
776
|
-
}
|
|
777
|
-
],
|
|
778
|
-
"description": "Handles keydown event to toggle the checkbox with Space key.",
|
|
779
|
-
"privacy": "private",
|
|
780
|
-
"return": {
|
|
781
|
-
"type": {
|
|
782
|
-
"text": "void"
|
|
783
|
-
}
|
|
784
|
-
}
|
|
984
|
+
"kind": "field",
|
|
985
|
+
"name": "shift",
|
|
986
|
+
"privacy": "public",
|
|
987
|
+
"type": {
|
|
988
|
+
"text": "boolean"
|
|
989
|
+
},
|
|
990
|
+
"description": "If declared, the dropdown will shift its position to avoid being cut off by the viewport.",
|
|
991
|
+
"attribute": "shift",
|
|
992
|
+
"reflects": true
|
|
785
993
|
},
|
|
786
994
|
{
|
|
787
995
|
"kind": "field",
|
|
788
|
-
"name": "
|
|
996
|
+
"name": "noValidate",
|
|
789
997
|
"privacy": "public",
|
|
790
998
|
"type": {
|
|
791
|
-
"text": "
|
|
999
|
+
"text": "boolean"
|
|
792
1000
|
},
|
|
793
|
-
"description": "
|
|
794
|
-
"
|
|
795
|
-
"attribute": "appearance",
|
|
1001
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1002
|
+
"attribute": "noValidate",
|
|
796
1003
|
"reflects": true
|
|
797
1004
|
},
|
|
798
1005
|
{
|
|
799
1006
|
"kind": "field",
|
|
800
|
-
"name": "
|
|
1007
|
+
"name": "offset",
|
|
801
1008
|
"privacy": "public",
|
|
802
1009
|
"type": {
|
|
803
|
-
"text": "
|
|
1010
|
+
"text": "number"
|
|
804
1011
|
},
|
|
805
|
-
"description": "
|
|
806
|
-
"
|
|
1012
|
+
"description": "Gap between the trigger element and bib.",
|
|
1013
|
+
"default": "0",
|
|
1014
|
+
"attribute": "offset",
|
|
807
1015
|
"reflects": true
|
|
808
1016
|
},
|
|
809
1017
|
{
|
|
810
1018
|
"kind": "field",
|
|
811
|
-
"name": "
|
|
1019
|
+
"name": "onDark",
|
|
812
1020
|
"privacy": "public",
|
|
813
1021
|
"type": {
|
|
814
1022
|
"text": "boolean"
|
|
815
1023
|
},
|
|
816
|
-
"
|
|
817
|
-
"
|
|
818
|
-
"
|
|
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
|
+
}
|
|
819
1031
|
},
|
|
820
1032
|
{
|
|
821
1033
|
"kind": "field",
|
|
822
|
-
"name": "
|
|
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",
|
|
823
1045
|
"privacy": "public",
|
|
824
1046
|
"type": {
|
|
825
1047
|
"text": "boolean"
|
|
826
1048
|
},
|
|
827
|
-
"description": "If
|
|
828
|
-
"attribute": "
|
|
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",
|
|
829
1051
|
"reflects": true
|
|
830
1052
|
},
|
|
831
1053
|
{
|
|
832
1054
|
"kind": "field",
|
|
833
|
-
"name": "
|
|
1055
|
+
"name": "placement",
|
|
1056
|
+
"privacy": "public",
|
|
1057
|
+
"type": {
|
|
1058
|
+
"text": "'top' | 'right' | 'bottom' | 'left' | 'bottom-start' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-end' | 'left-start' | 'left-end'"
|
|
1059
|
+
},
|
|
1060
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1061
|
+
"default": "'bottom-start'",
|
|
1062
|
+
"attribute": "placement",
|
|
1063
|
+
"reflects": true
|
|
1064
|
+
},
|
|
1065
|
+
{
|
|
1066
|
+
"kind": "field",
|
|
1067
|
+
"name": "placeholder",
|
|
834
1068
|
"privacy": "public",
|
|
835
1069
|
"type": {
|
|
836
1070
|
"text": "string"
|
|
837
1071
|
},
|
|
838
|
-
"description": "
|
|
839
|
-
"attribute": "
|
|
1072
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1073
|
+
"attribute": "placeholder",
|
|
840
1074
|
"reflects": true
|
|
841
1075
|
},
|
|
842
1076
|
{
|
|
843
1077
|
"kind": "field",
|
|
844
|
-
"name": "
|
|
845
|
-
"privacy": "
|
|
1078
|
+
"name": "required",
|
|
1079
|
+
"privacy": "public",
|
|
1080
|
+
"type": {
|
|
1081
|
+
"text": "boolean"
|
|
1082
|
+
},
|
|
1083
|
+
"description": "Populates the `required` attribute on the input. Used for client-side validation.",
|
|
1084
|
+
"attribute": "required",
|
|
1085
|
+
"reflects": true
|
|
1086
|
+
},
|
|
1087
|
+
{
|
|
1088
|
+
"kind": "field",
|
|
1089
|
+
"name": "setCustomValidity",
|
|
1090
|
+
"privacy": "public",
|
|
846
1091
|
"type": {
|
|
847
1092
|
"text": "string"
|
|
848
1093
|
},
|
|
849
|
-
"description": "
|
|
1094
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
1095
|
+
"attribute": "setCustomValidity"
|
|
850
1096
|
},
|
|
851
1097
|
{
|
|
852
1098
|
"kind": "field",
|
|
853
|
-
"name": "
|
|
1099
|
+
"name": "setCustomValidityCustomError",
|
|
854
1100
|
"privacy": "public",
|
|
855
1101
|
"type": {
|
|
856
1102
|
"text": "string"
|
|
857
1103
|
},
|
|
858
|
-
"description": "
|
|
859
|
-
"attribute": "
|
|
1104
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1105
|
+
"attribute": "setCustomValidityCustomError"
|
|
860
1106
|
},
|
|
861
1107
|
{
|
|
862
1108
|
"kind": "field",
|
|
863
|
-
"name": "
|
|
1109
|
+
"name": "setCustomValidityValueMissing",
|
|
864
1110
|
"privacy": "public",
|
|
865
1111
|
"type": {
|
|
866
|
-
"text": "
|
|
1112
|
+
"text": "string"
|
|
867
1113
|
},
|
|
868
|
-
"description": "
|
|
869
|
-
"attribute": "
|
|
870
|
-
|
|
1114
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1115
|
+
"attribute": "setCustomValidityValueMissing"
|
|
1116
|
+
},
|
|
1117
|
+
{
|
|
1118
|
+
"kind": "field",
|
|
1119
|
+
"name": "setCustomValidityValueMissingFilter",
|
|
1120
|
+
"privacy": "public",
|
|
1121
|
+
"type": {
|
|
1122
|
+
"text": "string"
|
|
1123
|
+
},
|
|
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"
|
|
871
1126
|
},
|
|
872
1127
|
{
|
|
873
1128
|
"kind": "field",
|
|
@@ -876,7 +1131,51 @@
|
|
|
876
1131
|
"type": {
|
|
877
1132
|
"text": "boolean"
|
|
878
1133
|
},
|
|
879
|
-
"description": "Indicates whether the
|
|
1134
|
+
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1135
|
+
},
|
|
1136
|
+
{
|
|
1137
|
+
"kind": "field",
|
|
1138
|
+
"name": "triggerIcon",
|
|
1139
|
+
"privacy": "public",
|
|
1140
|
+
"type": {
|
|
1141
|
+
"text": "boolean"
|
|
1142
|
+
},
|
|
1143
|
+
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1144
|
+
"attribute": "triggerIcon",
|
|
1145
|
+
"reflects": true
|
|
1146
|
+
},
|
|
1147
|
+
{
|
|
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
|
|
1157
|
+
},
|
|
1158
|
+
{
|
|
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
|
|
1168
|
+
},
|
|
1169
|
+
{
|
|
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
|
|
880
1179
|
},
|
|
881
1180
|
{
|
|
882
1181
|
"kind": "field",
|
|
@@ -885,748 +1184,603 @@
|
|
|
885
1184
|
"type": {
|
|
886
1185
|
"text": "string"
|
|
887
1186
|
},
|
|
888
|
-
"description": "
|
|
1187
|
+
"description": "Value selected for the dropdown menu.",
|
|
889
1188
|
"attribute": "value"
|
|
890
1189
|
},
|
|
891
1190
|
{
|
|
892
1191
|
"kind": "field",
|
|
893
|
-
"name": "
|
|
894
|
-
"privacy": "
|
|
1192
|
+
"name": "largeFullscreenHeadline",
|
|
1193
|
+
"privacy": "public",
|
|
895
1194
|
"type": {
|
|
896
|
-
"text": "
|
|
1195
|
+
"text": "boolean"
|
|
897
1196
|
},
|
|
898
|
-
"description": "
|
|
899
|
-
"attribute": "
|
|
1197
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1198
|
+
"attribute": "largeFullscreenHeadline",
|
|
900
1199
|
"reflects": true
|
|
901
1200
|
},
|
|
902
1201
|
{
|
|
903
1202
|
"kind": "field",
|
|
904
|
-
"name": "
|
|
905
|
-
"privacy": "
|
|
1203
|
+
"name": "fullscreenBreakpoint",
|
|
1204
|
+
"privacy": "public",
|
|
906
1205
|
"type": {
|
|
907
|
-
"text": "
|
|
1206
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
908
1207
|
},
|
|
909
|
-
"description": "
|
|
910
|
-
"
|
|
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",
|
|
911
1211
|
"reflects": true
|
|
912
1212
|
},
|
|
913
1213
|
{
|
|
914
1214
|
"kind": "field",
|
|
915
|
-
"name": "
|
|
1215
|
+
"name": "optionActive",
|
|
916
1216
|
"privacy": "private",
|
|
917
1217
|
"type": {
|
|
918
|
-
"text": "
|
|
1218
|
+
"text": "object"
|
|
919
1219
|
},
|
|
920
|
-
"description": "
|
|
921
|
-
"attribute": "aria-disabled",
|
|
922
|
-
"reflects": true
|
|
1220
|
+
"description": "Specifies the currently active option."
|
|
923
1221
|
},
|
|
924
1222
|
{
|
|
925
1223
|
"kind": "field",
|
|
926
|
-
"name": "
|
|
1224
|
+
"name": "componentHasFocus",
|
|
1225
|
+
"description": "Returns true if the element has focus.",
|
|
927
1226
|
"privacy": "private",
|
|
928
|
-
"
|
|
929
|
-
"
|
|
1227
|
+
"return": {
|
|
1228
|
+
"type": {
|
|
1229
|
+
"text": "boolean"
|
|
1230
|
+
}
|
|
930
1231
|
},
|
|
931
|
-
"
|
|
932
|
-
"
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
1232
|
+
"readonly": true,
|
|
1233
|
+
"inheritedFrom": {
|
|
1234
|
+
"name": "AuroElement",
|
|
1235
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1236
|
+
}
|
|
1237
|
+
},
|
|
937
1238
|
{
|
|
938
|
-
"
|
|
939
|
-
"
|
|
940
|
-
|
|
1239
|
+
"kind": "method",
|
|
1240
|
+
"name": "resetShapeClasses",
|
|
1241
|
+
"inheritedFrom": {
|
|
1242
|
+
"name": "AuroElement",
|
|
1243
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
941
1244
|
}
|
|
942
1245
|
},
|
|
943
1246
|
{
|
|
944
|
-
"
|
|
945
|
-
"
|
|
946
|
-
|
|
1247
|
+
"kind": "method",
|
|
1248
|
+
"name": "resetLayoutClasses",
|
|
1249
|
+
"inheritedFrom": {
|
|
1250
|
+
"name": "AuroElement",
|
|
1251
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
947
1252
|
}
|
|
948
1253
|
},
|
|
949
1254
|
{
|
|
950
|
-
"
|
|
951
|
-
"
|
|
952
|
-
|
|
1255
|
+
"kind": "method",
|
|
1256
|
+
"name": "updateComponentArchitecture",
|
|
1257
|
+
"inheritedFrom": {
|
|
1258
|
+
"name": "AuroElement",
|
|
1259
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
953
1260
|
}
|
|
954
1261
|
},
|
|
955
1262
|
{
|
|
956
|
-
"
|
|
957
|
-
"name": "
|
|
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"
|
|
1274
|
+
}
|
|
958
1275
|
},
|
|
959
1276
|
{
|
|
960
|
-
"
|
|
961
|
-
"name": "
|
|
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
|
+
}
|
|
962
1289
|
}
|
|
963
1290
|
],
|
|
964
|
-
"
|
|
1291
|
+
"events": [
|
|
965
1292
|
{
|
|
966
|
-
"name": "
|
|
1293
|
+
"name": "inputValue",
|
|
967
1294
|
"type": {
|
|
968
|
-
"text": "
|
|
1295
|
+
"text": "CustomEvent"
|
|
969
1296
|
},
|
|
970
|
-
"description": "
|
|
971
|
-
"default": "'default'",
|
|
972
|
-
"fieldName": "appearance"
|
|
1297
|
+
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
973
1298
|
},
|
|
974
1299
|
{
|
|
975
|
-
"name": "
|
|
1300
|
+
"name": "input",
|
|
976
1301
|
"type": {
|
|
977
|
-
"text": "
|
|
1302
|
+
"text": "CustomEvent"
|
|
978
1303
|
},
|
|
979
|
-
"description": "
|
|
980
|
-
"fieldName": "checked"
|
|
1304
|
+
"description": "Notifies that the component has a new value set."
|
|
981
1305
|
},
|
|
982
1306
|
{
|
|
983
|
-
"name": "
|
|
1307
|
+
"name": "auroCombobox-valueSet",
|
|
984
1308
|
"type": {
|
|
985
|
-
"text": "
|
|
1309
|
+
"text": "CustomEvent"
|
|
986
1310
|
},
|
|
987
|
-
"description": "
|
|
988
|
-
"fieldName": "disabled"
|
|
1311
|
+
"description": "(Deprecated) Notifies that the component has a new value set."
|
|
989
1312
|
},
|
|
990
1313
|
{
|
|
991
|
-
"
|
|
992
|
-
"
|
|
993
|
-
|
|
994
|
-
|
|
995
|
-
|
|
996
|
-
"fieldName": "error"
|
|
997
|
-
},
|
|
1314
|
+
"description": "Notifies that the component value(s) have been validated.",
|
|
1315
|
+
"name": "auroFormElement-validated"
|
|
1316
|
+
}
|
|
1317
|
+
],
|
|
1318
|
+
"attributes": [
|
|
998
1319
|
{
|
|
999
|
-
"name": "
|
|
1320
|
+
"name": "appearance",
|
|
1000
1321
|
"type": {
|
|
1001
1322
|
"text": "string"
|
|
1002
1323
|
},
|
|
1003
|
-
"description": "
|
|
1004
|
-
"
|
|
1324
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1325
|
+
"default": "'default'",
|
|
1326
|
+
"fieldName": "appearance"
|
|
1005
1327
|
},
|
|
1006
1328
|
{
|
|
1007
|
-
"name": "
|
|
1329
|
+
"name": "autocomplete",
|
|
1008
1330
|
"type": {
|
|
1009
1331
|
"text": "string"
|
|
1010
1332
|
},
|
|
1011
|
-
"description": "
|
|
1012
|
-
"fieldName": "
|
|
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"
|
|
1013
1335
|
},
|
|
1014
1336
|
{
|
|
1015
|
-
"name": "
|
|
1337
|
+
"name": "autoPlacement",
|
|
1016
1338
|
"type": {
|
|
1017
1339
|
"text": "boolean"
|
|
1018
1340
|
},
|
|
1019
|
-
"description": "
|
|
1020
|
-
"fieldName": "
|
|
1341
|
+
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1342
|
+
"fieldName": "autoPlacement"
|
|
1021
1343
|
},
|
|
1022
1344
|
{
|
|
1023
|
-
"name": "
|
|
1345
|
+
"name": "availableOptions",
|
|
1024
1346
|
"type": {
|
|
1025
|
-
"text": "
|
|
1347
|
+
"text": "array"
|
|
1026
1348
|
},
|
|
1027
|
-
"description": "
|
|
1028
|
-
"fieldName": "
|
|
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"
|
|
1029
1351
|
},
|
|
1030
1352
|
{
|
|
1031
|
-
"name": "
|
|
1353
|
+
"name": "behavior",
|
|
1032
1354
|
"type": {
|
|
1033
|
-
"text": "
|
|
1355
|
+
"text": "'filter' | 'suggestion'"
|
|
1034
1356
|
},
|
|
1035
|
-
"description": "
|
|
1036
|
-
"
|
|
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"
|
|
1037
1360
|
},
|
|
1038
1361
|
{
|
|
1039
|
-
"name": "
|
|
1362
|
+
"name": "checkmark",
|
|
1040
1363
|
"type": {
|
|
1041
|
-
"text": "
|
|
1364
|
+
"text": "boolean"
|
|
1042
1365
|
},
|
|
1043
|
-
"description": "
|
|
1044
|
-
"fieldName": "
|
|
1366
|
+
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1367
|
+
"fieldName": "checkmark"
|
|
1045
1368
|
},
|
|
1046
1369
|
{
|
|
1047
|
-
"name": "
|
|
1370
|
+
"name": "disabled",
|
|
1048
1371
|
"type": {
|
|
1049
|
-
"text": "
|
|
1372
|
+
"text": "boolean"
|
|
1050
1373
|
},
|
|
1051
|
-
"description": "
|
|
1052
|
-
"fieldName": "
|
|
1374
|
+
"description": "If set, disables the combobox.",
|
|
1375
|
+
"fieldName": "disabled"
|
|
1053
1376
|
},
|
|
1054
1377
|
{
|
|
1055
|
-
"name": "
|
|
1378
|
+
"name": "dvInputOnly",
|
|
1056
1379
|
"type": {
|
|
1057
|
-
"text": "
|
|
1380
|
+
"text": "boolean"
|
|
1058
1381
|
},
|
|
1059
|
-
"description": "
|
|
1060
|
-
"fieldName": "
|
|
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": ""
|
|
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"
|
|
1123
1384
|
},
|
|
1124
1385
|
{
|
|
1386
|
+
"name": "error",
|
|
1125
1387
|
"type": {
|
|
1126
|
-
"text": "
|
|
1127
|
-
},
|
|
1128
|
-
"description": "
|
|
1129
|
-
"
|
|
1130
|
-
},
|
|
1131
|
-
{
|
|
1132
|
-
"description": "Sets aria-label on clear button",
|
|
1133
|
-
"name": "ariaLabel.input.clear"
|
|
1134
|
-
},
|
|
1135
|
-
{
|
|
1136
|
-
"description": "Sets aria-label on close button in fullscreen bib",
|
|
1137
|
-
"name": "ariaLabel.bib.close"
|
|
1138
|
-
},
|
|
1139
|
-
{
|
|
1140
|
-
"description": "Defines the headline to display above menu-options",
|
|
1141
|
-
"name": "bib.fullscreen.headline"
|
|
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"
|
|
1142
1392
|
},
|
|
1143
1393
|
{
|
|
1144
|
-
"
|
|
1145
|
-
"
|
|
1394
|
+
"name": "format",
|
|
1395
|
+
"type": {
|
|
1396
|
+
"text": "string"
|
|
1397
|
+
},
|
|
1398
|
+
"description": "Specifies the input mask format.",
|
|
1399
|
+
"fieldName": "format"
|
|
1146
1400
|
},
|
|
1147
1401
|
{
|
|
1148
|
-
"
|
|
1149
|
-
"
|
|
1402
|
+
"name": "inputmode",
|
|
1403
|
+
"type": {
|
|
1404
|
+
"text": "string"
|
|
1405
|
+
},
|
|
1406
|
+
"description": "Exposes inputmode attribute for input.",
|
|
1407
|
+
"fieldName": "inputmode"
|
|
1150
1408
|
},
|
|
1151
1409
|
{
|
|
1152
|
-
"
|
|
1153
|
-
"
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
"
|
|
1159
|
-
"
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
"type": {
|
|
1163
|
-
"text": "void"
|
|
1164
|
-
}
|
|
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"
|
|
1165
1420
|
}
|
|
1166
1421
|
},
|
|
1167
1422
|
{
|
|
1168
|
-
"
|
|
1169
|
-
"
|
|
1170
|
-
|
|
1171
|
-
{
|
|
1172
|
-
"name": "fn",
|
|
1173
|
-
"description": "Callback to run.",
|
|
1174
|
-
"type": {
|
|
1175
|
-
"text": "Function"
|
|
1176
|
-
}
|
|
1177
|
-
},
|
|
1178
|
-
{
|
|
1179
|
-
"name": "ms",
|
|
1180
|
-
"description": "Delay in milliseconds.",
|
|
1181
|
-
"type": {
|
|
1182
|
-
"text": "number"
|
|
1183
|
-
}
|
|
1184
|
-
}
|
|
1185
|
-
],
|
|
1186
|
-
"description": "Wraps setTimeout and records the timer id so disconnectedCallback\ncan cancel any outstanding callbacks. The id is removed from the set\nonce the callback fires so the set doesn't grow unbounded.",
|
|
1187
|
-
"return": {
|
|
1188
|
-
"type": {
|
|
1189
|
-
"text": "number"
|
|
1190
|
-
}
|
|
1423
|
+
"name": "matchWidth",
|
|
1424
|
+
"type": {
|
|
1425
|
+
"text": "boolean"
|
|
1191
1426
|
},
|
|
1192
|
-
"
|
|
1427
|
+
"description": "If declared, the popover and trigger will be set to the same width.",
|
|
1428
|
+
"fieldName": "matchWidth"
|
|
1193
1429
|
},
|
|
1194
1430
|
{
|
|
1195
|
-
"
|
|
1196
|
-
"
|
|
1197
|
-
|
|
1198
|
-
"return": {
|
|
1199
|
-
"type": {
|
|
1200
|
-
"text": "string|undefined"
|
|
1201
|
-
}
|
|
1431
|
+
"name": "noFilter",
|
|
1432
|
+
"type": {
|
|
1433
|
+
"text": "boolean"
|
|
1202
1434
|
},
|
|
1203
|
-
"
|
|
1435
|
+
"description": "If set, combobox will not filter menuoptions based on input.",
|
|
1436
|
+
"fieldName": "noFilter"
|
|
1204
1437
|
},
|
|
1205
1438
|
{
|
|
1206
|
-
"
|
|
1207
|
-
"
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
}
|
|
1213
|
-
}
|
|
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"
|
|
1214
1445
|
},
|
|
1215
1446
|
{
|
|
1216
|
-
"
|
|
1217
|
-
"
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
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."
|
|
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"
|
|
1231
1453
|
},
|
|
1232
1454
|
{
|
|
1233
|
-
"
|
|
1234
|
-
"
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
"
|
|
1238
|
-
|
|
1239
|
-
"text": "void"
|
|
1240
|
-
}
|
|
1241
|
-
}
|
|
1455
|
+
"name": "noValidate",
|
|
1456
|
+
"type": {
|
|
1457
|
+
"text": "boolean"
|
|
1458
|
+
},
|
|
1459
|
+
"description": "If set, disables auto-validation on blur.",
|
|
1460
|
+
"fieldName": "noValidate"
|
|
1242
1461
|
},
|
|
1243
1462
|
{
|
|
1244
|
-
"
|
|
1245
|
-
"
|
|
1246
|
-
|
|
1247
|
-
|
|
1248
|
-
"
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
}
|
|
1252
|
-
}
|
|
1463
|
+
"name": "offset",
|
|
1464
|
+
"type": {
|
|
1465
|
+
"text": "number"
|
|
1466
|
+
},
|
|
1467
|
+
"description": "Gap between the trigger element and bib.",
|
|
1468
|
+
"default": "0",
|
|
1469
|
+
"fieldName": "offset"
|
|
1253
1470
|
},
|
|
1254
1471
|
{
|
|
1255
|
-
"
|
|
1256
|
-
"
|
|
1257
|
-
|
|
1258
|
-
|
|
1472
|
+
"name": "onDark",
|
|
1473
|
+
"type": {
|
|
1474
|
+
"text": "boolean"
|
|
1475
|
+
},
|
|
1476
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
1477
|
+
"fieldName": "onDark"
|
|
1259
1478
|
},
|
|
1260
1479
|
{
|
|
1261
|
-
"
|
|
1262
|
-
"
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
"
|
|
1266
|
-
|
|
1267
|
-
"text": "void"
|
|
1268
|
-
}
|
|
1269
|
-
}
|
|
1480
|
+
"name": "optionSelected",
|
|
1481
|
+
"type": {
|
|
1482
|
+
"text": "HTMLElement"
|
|
1483
|
+
},
|
|
1484
|
+
"description": "Specifies the current selected option.",
|
|
1485
|
+
"fieldName": "optionSelected"
|
|
1270
1486
|
},
|
|
1271
1487
|
{
|
|
1272
|
-
"
|
|
1273
|
-
"
|
|
1274
|
-
|
|
1275
|
-
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
"type": {
|
|
1279
|
-
"text": "string"
|
|
1280
|
-
}
|
|
1281
|
-
}
|
|
1282
|
-
],
|
|
1283
|
-
"description": "Update displayValue or input.value, it's called when making a selection.",
|
|
1284
|
-
"privacy": "private"
|
|
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"
|
|
1285
1494
|
},
|
|
1286
1495
|
{
|
|
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
|
-
}
|
|
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'"
|
|
1303
1499
|
},
|
|
1304
|
-
"
|
|
1500
|
+
"description": "Position where the bib should appear relative to the trigger.",
|
|
1501
|
+
"default": "'bottom-start'",
|
|
1502
|
+
"fieldName": "placement"
|
|
1305
1503
|
},
|
|
1306
1504
|
{
|
|
1307
|
-
"
|
|
1308
|
-
"
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
"
|
|
1312
|
-
|
|
1313
|
-
"text": "void"
|
|
1314
|
-
}
|
|
1315
|
-
}
|
|
1505
|
+
"name": "placeholder",
|
|
1506
|
+
"type": {
|
|
1507
|
+
"text": "string"
|
|
1508
|
+
},
|
|
1509
|
+
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
1510
|
+
"fieldName": "placeholder"
|
|
1316
1511
|
},
|
|
1317
1512
|
{
|
|
1318
|
-
"
|
|
1319
|
-
"
|
|
1320
|
-
|
|
1321
|
-
|
|
1322
|
-
"
|
|
1323
|
-
|
|
1324
|
-
"text": "void"
|
|
1325
|
-
}
|
|
1326
|
-
}
|
|
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"
|
|
1327
1519
|
},
|
|
1328
1520
|
{
|
|
1329
|
-
"
|
|
1330
|
-
"
|
|
1331
|
-
|
|
1332
|
-
|
|
1333
|
-
|
|
1334
|
-
|
|
1335
|
-
}
|
|
1336
|
-
}
|
|
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"
|
|
1337
1527
|
},
|
|
1338
1528
|
{
|
|
1339
|
-
"
|
|
1340
|
-
"
|
|
1341
|
-
|
|
1342
|
-
|
|
1343
|
-
|
|
1344
|
-
|
|
1345
|
-
}
|
|
1346
|
-
}
|
|
1529
|
+
"name": "setCustomValidityCustomError",
|
|
1530
|
+
"type": {
|
|
1531
|
+
"text": "string"
|
|
1532
|
+
},
|
|
1533
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
1534
|
+
"fieldName": "setCustomValidityCustomError"
|
|
1347
1535
|
},
|
|
1348
1536
|
{
|
|
1349
|
-
"
|
|
1350
|
-
"
|
|
1351
|
-
|
|
1352
|
-
|
|
1353
|
-
"
|
|
1354
|
-
|
|
1355
|
-
"text": "void"
|
|
1356
|
-
}
|
|
1357
|
-
}
|
|
1537
|
+
"name": "setCustomValidityValueMissing",
|
|
1538
|
+
"type": {
|
|
1539
|
+
"text": "string"
|
|
1540
|
+
},
|
|
1541
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
1542
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
1358
1543
|
},
|
|
1359
1544
|
{
|
|
1360
|
-
"
|
|
1361
|
-
"
|
|
1362
|
-
|
|
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"
|
|
1363
1551
|
},
|
|
1364
1552
|
{
|
|
1365
|
-
"
|
|
1366
|
-
"
|
|
1367
|
-
|
|
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"
|
|
1368
1559
|
},
|
|
1369
1560
|
{
|
|
1370
|
-
"
|
|
1371
|
-
"
|
|
1372
|
-
|
|
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"
|
|
1373
1567
|
},
|
|
1374
1568
|
{
|
|
1375
|
-
"
|
|
1376
|
-
"
|
|
1377
|
-
|
|
1378
|
-
|
|
1569
|
+
"name": "typedValue",
|
|
1570
|
+
"type": {
|
|
1571
|
+
"text": "string"
|
|
1572
|
+
},
|
|
1573
|
+
"description": "Specifies the value of the input element within the combobox.",
|
|
1574
|
+
"fieldName": "typedValue"
|
|
1379
1575
|
},
|
|
1380
1576
|
{
|
|
1381
|
-
"
|
|
1382
|
-
"
|
|
1383
|
-
|
|
1384
|
-
|
|
1577
|
+
"name": "validity",
|
|
1578
|
+
"type": {
|
|
1579
|
+
"text": "string"
|
|
1580
|
+
},
|
|
1581
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1582
|
+
"fieldName": "validity"
|
|
1385
1583
|
},
|
|
1386
1584
|
{
|
|
1387
|
-
"
|
|
1388
|
-
"
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
"
|
|
1392
|
-
|
|
1393
|
-
"text": "ShadowRoot"
|
|
1394
|
-
}
|
|
1395
|
-
}
|
|
1585
|
+
"name": "value",
|
|
1586
|
+
"type": {
|
|
1587
|
+
"text": "string"
|
|
1588
|
+
},
|
|
1589
|
+
"description": "Value selected for the dropdown menu.",
|
|
1590
|
+
"fieldName": "value"
|
|
1396
1591
|
},
|
|
1397
1592
|
{
|
|
1398
|
-
"
|
|
1399
|
-
"
|
|
1400
|
-
|
|
1401
|
-
|
|
1402
|
-
"
|
|
1403
|
-
|
|
1404
|
-
"text": "void"
|
|
1405
|
-
}
|
|
1406
|
-
}
|
|
1593
|
+
"name": "largeFullscreenHeadline",
|
|
1594
|
+
"type": {
|
|
1595
|
+
"text": "boolean"
|
|
1596
|
+
},
|
|
1597
|
+
"description": "If declared, make bib.fullscreen.headline in HeadingDisplay.\nOtherwise, Heading 600",
|
|
1598
|
+
"fieldName": "largeFullscreenHeadline"
|
|
1407
1599
|
},
|
|
1408
1600
|
{
|
|
1409
|
-
"
|
|
1410
|
-
"
|
|
1411
|
-
|
|
1412
|
-
|
|
1413
|
-
"
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
}
|
|
1417
|
-
}
|
|
1601
|
+
"name": "fullscreenBreakpoint",
|
|
1602
|
+
"type": {
|
|
1603
|
+
"text": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'disabled'"
|
|
1604
|
+
},
|
|
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"
|
|
1418
1608
|
},
|
|
1419
1609
|
{
|
|
1420
|
-
"
|
|
1421
|
-
"
|
|
1422
|
-
|
|
1423
|
-
|
|
1424
|
-
|
|
1425
|
-
|
|
1426
|
-
|
|
1427
|
-
|
|
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
|
-
}
|
|
1610
|
+
"name": "shape",
|
|
1611
|
+
"type": {
|
|
1612
|
+
"text": "string"
|
|
1613
|
+
},
|
|
1614
|
+
"fieldName": "shape",
|
|
1615
|
+
"inheritedFrom": {
|
|
1616
|
+
"name": "AuroElement",
|
|
1617
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1451
1618
|
}
|
|
1452
1619
|
},
|
|
1453
1620
|
{
|
|
1454
|
-
"
|
|
1455
|
-
"
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
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
|
-
}
|
|
1621
|
+
"name": "size",
|
|
1622
|
+
"type": {
|
|
1623
|
+
"text": "string"
|
|
1624
|
+
},
|
|
1625
|
+
"fieldName": "size",
|
|
1626
|
+
"inheritedFrom": {
|
|
1627
|
+
"name": "AuroElement",
|
|
1628
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1471
1629
|
}
|
|
1472
1630
|
},
|
|
1473
1631
|
{
|
|
1474
|
-
"
|
|
1475
|
-
"
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
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
|
-
}
|
|
1632
|
+
"name": "ondark",
|
|
1633
|
+
"type": {
|
|
1634
|
+
"text": "boolean"
|
|
1635
|
+
},
|
|
1636
|
+
"fieldName": "onDark",
|
|
1637
|
+
"inheritedFrom": {
|
|
1638
|
+
"name": "AuroElement",
|
|
1639
|
+
"module": "components/layoutElement/src/auroElement.js"
|
|
1491
1640
|
}
|
|
1492
|
-
}
|
|
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": [
|
|
1493
1725
|
{
|
|
1494
|
-
"
|
|
1495
|
-
"name": "
|
|
1496
|
-
"description": "Binds all behavior needed to the combobox after rendering.",
|
|
1497
|
-
"privacy": "private",
|
|
1498
|
-
"return": {
|
|
1499
|
-
"type": {
|
|
1500
|
-
"text": "void"
|
|
1501
|
-
}
|
|
1502
|
-
}
|
|
1726
|
+
"description": "Allows for the legend to be overridden.",
|
|
1727
|
+
"name": "legend"
|
|
1503
1728
|
},
|
|
1504
1729
|
{
|
|
1505
|
-
"
|
|
1506
|
-
"name": "
|
|
1507
|
-
"description": "Focuses the combobox trigger input.",
|
|
1508
|
-
"return": {
|
|
1509
|
-
"type": {
|
|
1510
|
-
"text": "void"
|
|
1511
|
-
}
|
|
1512
|
-
}
|
|
1730
|
+
"description": "Allows overriding the optional display text \"(optional)\", which appears next to the label.",
|
|
1731
|
+
"name": "optionalLabel"
|
|
1513
1732
|
},
|
|
1514
1733
|
{
|
|
1515
|
-
"
|
|
1516
|
-
"name": "
|
|
1517
|
-
"parameters": [
|
|
1518
|
-
{
|
|
1519
|
-
"name": "value",
|
|
1520
|
-
"description": "The value to set on the menu.",
|
|
1521
|
-
"type": {
|
|
1522
|
-
"text": "string"
|
|
1523
|
-
}
|
|
1524
|
-
}
|
|
1525
|
-
],
|
|
1526
|
-
"description": "Sets the menu value if menu is available.",
|
|
1527
|
-
"return": {
|
|
1528
|
-
"type": {
|
|
1529
|
-
"text": "void"
|
|
1530
|
-
}
|
|
1531
|
-
}
|
|
1734
|
+
"description": "Allows for the helper text to be overridden.",
|
|
1735
|
+
"name": "helpText"
|
|
1532
1736
|
},
|
|
1533
1737
|
{
|
|
1534
|
-
"
|
|
1535
|
-
"name": "
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
"text": "void"
|
|
1540
|
-
}
|
|
1541
|
-
}
|
|
1542
|
-
},
|
|
1738
|
+
"description": "The default slot for the checkbox items.",
|
|
1739
|
+
"name": "default"
|
|
1740
|
+
}
|
|
1741
|
+
],
|
|
1742
|
+
"members": [
|
|
1543
1743
|
{
|
|
1544
1744
|
"kind": "method",
|
|
1545
|
-
"name": "
|
|
1546
|
-
"description": "Clears the current value of the combobox.",
|
|
1547
|
-
"return": {
|
|
1548
|
-
"type": {
|
|
1549
|
-
"text": "void"
|
|
1550
|
-
}
|
|
1551
|
-
}
|
|
1745
|
+
"name": "_initializeDefaults"
|
|
1552
1746
|
},
|
|
1553
1747
|
{
|
|
1554
1748
|
"kind": "method",
|
|
1555
|
-
"name": "
|
|
1749
|
+
"name": "register",
|
|
1750
|
+
"static": true,
|
|
1556
1751
|
"parameters": [
|
|
1557
1752
|
{
|
|
1558
|
-
"name": "
|
|
1559
|
-
"default": "
|
|
1560
|
-
"description": "
|
|
1753
|
+
"name": "name",
|
|
1754
|
+
"default": "\"auro-checkbox-group\"",
|
|
1755
|
+
"description": "The name of the element that you want to register.",
|
|
1561
1756
|
"optional": true,
|
|
1562
|
-
"type": {
|
|
1563
|
-
"text": "boolean"
|
|
1564
|
-
}
|
|
1565
|
-
}
|
|
1566
|
-
],
|
|
1567
|
-
"description": "Validates value."
|
|
1568
|
-
},
|
|
1569
|
-
{
|
|
1570
|
-
"kind": "method",
|
|
1571
|
-
"name": "transportAssignedNodes",
|
|
1572
|
-
"parameters": [
|
|
1573
|
-
{
|
|
1574
|
-
"name": "slot",
|
|
1575
|
-
"description": "The slot element containing the nodes to apply.",
|
|
1576
|
-
"type": {
|
|
1577
|
-
"text": "HTMLSlotElement"
|
|
1578
|
-
}
|
|
1579
|
-
},
|
|
1580
|
-
{
|
|
1581
|
-
"name": "target",
|
|
1582
|
-
"description": "The target element to apply the nodes to.",
|
|
1583
|
-
"type": {
|
|
1584
|
-
"text": "HTMLElement"
|
|
1585
|
-
}
|
|
1586
|
-
},
|
|
1587
|
-
{
|
|
1588
|
-
"name": "newSlotName",
|
|
1589
|
-
"description": "The new slot name for the applied nodes.",
|
|
1590
1757
|
"type": {
|
|
1591
1758
|
"text": "string"
|
|
1592
1759
|
}
|
|
1593
1760
|
}
|
|
1594
1761
|
],
|
|
1595
|
-
"description": "
|
|
1596
|
-
"privacy": "private",
|
|
1597
|
-
"return": {
|
|
1598
|
-
"type": {
|
|
1599
|
-
"text": "void"
|
|
1600
|
-
}
|
|
1601
|
-
}
|
|
1762
|
+
"description": "This will register this element with the browser."
|
|
1602
1763
|
},
|
|
1603
1764
|
{
|
|
1604
1765
|
"kind": "method",
|
|
1605
|
-
"name": "
|
|
1766
|
+
"name": "handleValueUpdate",
|
|
1606
1767
|
"parameters": [
|
|
1607
1768
|
{
|
|
1608
|
-
"name": "
|
|
1609
|
-
"description": "
|
|
1769
|
+
"name": "value",
|
|
1770
|
+
"description": "The value of the checkbox.",
|
|
1610
1771
|
"type": {
|
|
1611
|
-
"text": "
|
|
1772
|
+
"text": "String"
|
|
1612
1773
|
}
|
|
1613
|
-
}
|
|
1614
|
-
],
|
|
1615
|
-
"description": "Updates the active option in the menu."
|
|
1616
|
-
},
|
|
1617
|
-
{
|
|
1618
|
-
"kind": "method",
|
|
1619
|
-
"name": "handleSlotChange",
|
|
1620
|
-
"parameters": [
|
|
1774
|
+
},
|
|
1621
1775
|
{
|
|
1622
|
-
"name": "
|
|
1623
|
-
"description": "
|
|
1776
|
+
"name": "selected",
|
|
1777
|
+
"description": "The checked state of the checkbox.",
|
|
1624
1778
|
"type": {
|
|
1625
|
-
"text": "
|
|
1779
|
+
"text": "Boolean"
|
|
1626
1780
|
}
|
|
1627
1781
|
}
|
|
1628
1782
|
],
|
|
1629
|
-
"description": "
|
|
1783
|
+
"description": "Helper method to handle checkbox value changing.",
|
|
1630
1784
|
"privacy": "private",
|
|
1631
1785
|
"return": {
|
|
1632
1786
|
"type": {
|
|
@@ -1635,203 +1789,96 @@
|
|
|
1635
1789
|
}
|
|
1636
1790
|
},
|
|
1637
1791
|
{
|
|
1638
|
-
"kind": "
|
|
1639
|
-
"name": "
|
|
1640
|
-
"
|
|
1641
|
-
"type": {
|
|
1642
|
-
"text": "string"
|
|
1643
|
-
},
|
|
1644
|
-
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1645
|
-
"default": "'default'",
|
|
1646
|
-
"attribute": "appearance",
|
|
1647
|
-
"reflects": true
|
|
1648
|
-
},
|
|
1649
|
-
{
|
|
1650
|
-
"kind": "field",
|
|
1651
|
-
"name": "autocomplete",
|
|
1652
|
-
"privacy": "public",
|
|
1653
|
-
"type": {
|
|
1654
|
-
"text": "string"
|
|
1655
|
-
},
|
|
1656
|
-
"description": "An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete=\"off\"` is supported.",
|
|
1657
|
-
"attribute": "autocomplete",
|
|
1658
|
-
"reflects": true
|
|
1659
|
-
},
|
|
1660
|
-
{
|
|
1661
|
-
"kind": "field",
|
|
1662
|
-
"name": "autoPlacement",
|
|
1663
|
-
"privacy": "public",
|
|
1664
|
-
"type": {
|
|
1665
|
-
"text": "boolean"
|
|
1666
|
-
},
|
|
1667
|
-
"description": "If declared, bib's position will be automatically calculated where to appear.",
|
|
1668
|
-
"attribute": "autoPlacement",
|
|
1669
|
-
"reflects": true
|
|
1670
|
-
},
|
|
1671
|
-
{
|
|
1672
|
-
"kind": "field",
|
|
1673
|
-
"name": "availableOptions",
|
|
1674
|
-
"privacy": "private",
|
|
1675
|
-
"type": {
|
|
1676
|
-
"text": "array"
|
|
1677
|
-
},
|
|
1678
|
-
"description": "Array of available options to display in the dropdown.\nThis array contains all non-hidden options (e.g., hidden by filtering on input value).",
|
|
1679
|
-
"attribute": "availableOptions"
|
|
1680
|
-
},
|
|
1681
|
-
{
|
|
1682
|
-
"kind": "field",
|
|
1683
|
-
"name": "behavior",
|
|
1684
|
-
"privacy": "public",
|
|
1685
|
-
"type": {
|
|
1686
|
-
"text": "'filter' | 'suggestion'"
|
|
1687
|
-
},
|
|
1688
|
-
"description": "Sets the behavior of the combobox, \"filter\" or \"suggestion\".\n\"filter\" requires the user to select an option from the menu.\n\"suggestion\" allows the user to enter a value not present in the menu options.",
|
|
1689
|
-
"default": "'suggestion'",
|
|
1690
|
-
"attribute": "behavior",
|
|
1691
|
-
"reflects": true
|
|
1692
|
-
},
|
|
1693
|
-
{
|
|
1694
|
-
"kind": "field",
|
|
1695
|
-
"name": "checkmark",
|
|
1696
|
-
"privacy": "public",
|
|
1697
|
-
"type": {
|
|
1698
|
-
"text": "boolean"
|
|
1699
|
-
},
|
|
1700
|
-
"description": "When attribute is present auro-menu will apply check marks to selected options.",
|
|
1701
|
-
"attribute": "checkmark",
|
|
1702
|
-
"reflects": true
|
|
1703
|
-
},
|
|
1704
|
-
{
|
|
1705
|
-
"kind": "field",
|
|
1706
|
-
"name": "disabled",
|
|
1707
|
-
"privacy": "public",
|
|
1708
|
-
"type": {
|
|
1709
|
-
"text": "boolean"
|
|
1710
|
-
},
|
|
1711
|
-
"description": "If set, disables the combobox.",
|
|
1712
|
-
"attribute": "disabled",
|
|
1713
|
-
"reflects": true
|
|
1714
|
-
},
|
|
1715
|
-
{
|
|
1716
|
-
"kind": "field",
|
|
1717
|
-
"name": "dropdownId",
|
|
1792
|
+
"kind": "method",
|
|
1793
|
+
"name": "handlePreselectedItems",
|
|
1794
|
+
"description": "Helper method that handles the state of preselected checkboxes.",
|
|
1718
1795
|
"privacy": "private",
|
|
1719
|
-
"
|
|
1720
|
-
"
|
|
1721
|
-
|
|
1722
|
-
|
|
1796
|
+
"return": {
|
|
1797
|
+
"type": {
|
|
1798
|
+
"text": "void"
|
|
1799
|
+
}
|
|
1800
|
+
}
|
|
1723
1801
|
},
|
|
1724
1802
|
{
|
|
1725
|
-
"kind": "
|
|
1726
|
-
"name": "
|
|
1803
|
+
"kind": "method",
|
|
1804
|
+
"name": "handleItems",
|
|
1805
|
+
"description": "Helper method that handles the state of checkboxes.",
|
|
1727
1806
|
"privacy": "private",
|
|
1728
|
-
"
|
|
1729
|
-
"
|
|
1730
|
-
|
|
1731
|
-
|
|
1732
|
-
|
|
1733
|
-
{
|
|
1734
|
-
"kind": "field",
|
|
1735
|
-
"name": "dvInputOnly",
|
|
1736
|
-
"privacy": "public",
|
|
1737
|
-
"type": {
|
|
1738
|
-
"text": "boolean"
|
|
1739
|
-
},
|
|
1740
|
-
"description": "If defined, the display value slot content will only mask the HTML5 input element. The inputs label will not be masked.",
|
|
1741
|
-
"attribute": "dvInputOnly",
|
|
1742
|
-
"reflects": true
|
|
1743
|
-
},
|
|
1744
|
-
{
|
|
1745
|
-
"kind": "field",
|
|
1746
|
-
"name": "error",
|
|
1747
|
-
"privacy": "public",
|
|
1748
|
-
"type": {
|
|
1749
|
-
"text": "string"
|
|
1750
|
-
},
|
|
1751
|
-
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1752
|
-
"attribute": "error",
|
|
1753
|
-
"reflects": true
|
|
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": "
|
|
1969
|
-
},
|
|
1970
|
-
{
|
|
1971
|
-
"kind": "field",
|
|
1972
|
-
"name": "touched",
|
|
1973
|
-
"privacy": "private",
|
|
1974
|
-
"type": {
|
|
1975
|
-
"text": "boolean"
|
|
1976
|
-
},
|
|
1977
|
-
"description": "Indicates whether the combobox is in a dirty state (has been interacted with)."
|
|
1978
|
-
},
|
|
1979
|
-
{
|
|
1980
|
-
"kind": "field",
|
|
1981
|
-
"name": "triggerIcon",
|
|
1982
|
-
"privacy": "public",
|
|
1983
|
-
"type": {
|
|
1984
|
-
"text": "boolean"
|
|
1985
|
-
},
|
|
1986
|
-
"description": "If set, the `icon` attribute will be applied to the trigger `auro-input` element.",
|
|
1987
|
-
"attribute": "triggerIcon",
|
|
1954
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
1955
|
+
"attribute": "validity",
|
|
1988
1956
|
"reflects": true
|
|
1989
|
-
}
|
|
1957
|
+
}
|
|
1958
|
+
],
|
|
1959
|
+
"events": [
|
|
1990
1960
|
{
|
|
1991
|
-
"
|
|
1992
|
-
"name": "type",
|
|
1993
|
-
"privacy": "public",
|
|
1961
|
+
"name": "input",
|
|
1994
1962
|
"type": {
|
|
1995
|
-
"text": "
|
|
1996
|
-
}
|
|
1997
|
-
"description": "Applies the defined value as the type attribute on `auro-input`.",
|
|
1998
|
-
"attribute": "type",
|
|
1999
|
-
"reflects": true
|
|
1963
|
+
"text": "CustomEvent"
|
|
1964
|
+
}
|
|
2000
1965
|
},
|
|
2001
1966
|
{
|
|
2002
|
-
"
|
|
2003
|
-
"name": "
|
|
2004
|
-
|
|
1967
|
+
"description": "Notifies that the `validity` and `errorMessage` values have changed.",
|
|
1968
|
+
"name": "auroFormElement-validated"
|
|
1969
|
+
}
|
|
1970
|
+
],
|
|
1971
|
+
"attributes": [
|
|
1972
|
+
{
|
|
1973
|
+
"name": "appearance",
|
|
2005
1974
|
"type": {
|
|
2006
|
-
"text": "
|
|
1975
|
+
"text": "'default' | 'inverse'"
|
|
2007
1976
|
},
|
|
2008
|
-
"description": "
|
|
2009
|
-
"
|
|
2010
|
-
"
|
|
1977
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
1978
|
+
"default": "'default'",
|
|
1979
|
+
"fieldName": "appearance"
|
|
2011
1980
|
},
|
|
2012
1981
|
{
|
|
2013
|
-
"
|
|
2014
|
-
"name": "validity",
|
|
2015
|
-
"privacy": "public",
|
|
1982
|
+
"name": "disabled",
|
|
2016
1983
|
"type": {
|
|
2017
|
-
"text": "
|
|
1984
|
+
"text": "boolean"
|
|
2018
1985
|
},
|
|
2019
|
-
"description": "
|
|
2020
|
-
"
|
|
2021
|
-
"reflects": true
|
|
1986
|
+
"description": "If set, disables the checkbox group.",
|
|
1987
|
+
"fieldName": "disabled"
|
|
2022
1988
|
},
|
|
2023
1989
|
{
|
|
2024
|
-
"
|
|
2025
|
-
"name": "value",
|
|
2026
|
-
"privacy": "public",
|
|
1990
|
+
"name": "error",
|
|
2027
1991
|
"type": {
|
|
2028
1992
|
"text": "string"
|
|
2029
1993
|
},
|
|
2030
|
-
"description": "
|
|
2031
|
-
"
|
|
1994
|
+
"description": "When defined, sets persistent validity to `customError` and sets the validation message to the attribute value.",
|
|
1995
|
+
"fieldName": "error"
|
|
2032
1996
|
},
|
|
2033
1997
|
{
|
|
2034
|
-
"
|
|
2035
|
-
"name": "largeFullscreenHeadline",
|
|
2036
|
-
"privacy": "public",
|
|
1998
|
+
"name": "horizontal",
|
|
2037
1999
|
"type": {
|
|
2038
2000
|
"text": "boolean"
|
|
2039
2001
|
},
|
|
2040
|
-
"description": "If
|
|
2041
|
-
"
|
|
2042
|
-
"reflects": true
|
|
2002
|
+
"description": "If set, checkboxes will be aligned horizontally.",
|
|
2003
|
+
"fieldName": "horizontal"
|
|
2043
2004
|
},
|
|
2044
2005
|
{
|
|
2045
|
-
"
|
|
2046
|
-
"name": "fullscreenBreakpoint",
|
|
2047
|
-
"privacy": "public",
|
|
2006
|
+
"name": "noValidate",
|
|
2048
2007
|
"type": {
|
|
2049
|
-
"text": "
|
|
2008
|
+
"text": "boolean"
|
|
2050
2009
|
},
|
|
2051
|
-
"description": "
|
|
2052
|
-
"
|
|
2053
|
-
"attribute": "fullscreenBreakpoint",
|
|
2054
|
-
"reflects": true
|
|
2010
|
+
"description": "If set, disables auto-validation on blur.",
|
|
2011
|
+
"fieldName": "noValidate"
|
|
2055
2012
|
},
|
|
2056
2013
|
{
|
|
2057
|
-
"
|
|
2058
|
-
"name": "optionActive",
|
|
2059
|
-
"privacy": "private",
|
|
2014
|
+
"name": "onDark",
|
|
2060
2015
|
"type": {
|
|
2061
|
-
"text": "
|
|
2016
|
+
"text": "boolean"
|
|
2062
2017
|
},
|
|
2063
|
-
"description": "
|
|
2018
|
+
"description": "DEPRECATED - use `appearance=\"inverse\"` instead.",
|
|
2019
|
+
"fieldName": "onDark"
|
|
2064
2020
|
},
|
|
2065
2021
|
{
|
|
2066
|
-
"
|
|
2067
|
-
"
|
|
2068
|
-
|
|
2069
|
-
"privacy": "private",
|
|
2070
|
-
"return": {
|
|
2071
|
-
"type": {
|
|
2072
|
-
"text": "boolean"
|
|
2073
|
-
}
|
|
2022
|
+
"name": "required",
|
|
2023
|
+
"type": {
|
|
2024
|
+
"text": "boolean"
|
|
2074
2025
|
},
|
|
2075
|
-
"
|
|
2076
|
-
"
|
|
2077
|
-
"name": "AuroElement",
|
|
2078
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2079
|
-
}
|
|
2080
|
-
},
|
|
2081
|
-
{
|
|
2082
|
-
"kind": "method",
|
|
2083
|
-
"name": "resetShapeClasses",
|
|
2084
|
-
"inheritedFrom": {
|
|
2085
|
-
"name": "AuroElement",
|
|
2086
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2087
|
-
}
|
|
2026
|
+
"description": "Populates the `required` attribute on the element. Used for client-side validation.",
|
|
2027
|
+
"fieldName": "required"
|
|
2088
2028
|
},
|
|
2089
2029
|
{
|
|
2090
|
-
"
|
|
2091
|
-
"
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2030
|
+
"name": "setCustomValidity",
|
|
2031
|
+
"type": {
|
|
2032
|
+
"text": "string"
|
|
2033
|
+
},
|
|
2034
|
+
"description": "Sets a custom help text message to display for all validityStates.",
|
|
2035
|
+
"fieldName": "setCustomValidity"
|
|
2096
2036
|
},
|
|
2097
2037
|
{
|
|
2098
|
-
"
|
|
2099
|
-
"
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
2038
|
+
"name": "setCustomValidityCustomError",
|
|
2039
|
+
"type": {
|
|
2040
|
+
"text": "string"
|
|
2041
|
+
},
|
|
2042
|
+
"description": "Custom help text message to display when validity = `customError`.",
|
|
2043
|
+
"fieldName": "setCustomValidityCustomError"
|
|
2104
2044
|
},
|
|
2105
2045
|
{
|
|
2106
|
-
"
|
|
2107
|
-
"name": "shape",
|
|
2108
|
-
"privacy": "public",
|
|
2046
|
+
"name": "setCustomValidityValueMissing",
|
|
2109
2047
|
"type": {
|
|
2110
2048
|
"text": "string"
|
|
2111
2049
|
},
|
|
2112
|
-
"
|
|
2113
|
-
"
|
|
2114
|
-
"inheritedFrom": {
|
|
2115
|
-
"name": "AuroElement",
|
|
2116
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2117
|
-
}
|
|
2050
|
+
"description": "Custom help text message to display when validity = `valueMissing`.",
|
|
2051
|
+
"fieldName": "setCustomValidityValueMissing"
|
|
2118
2052
|
},
|
|
2119
2053
|
{
|
|
2120
|
-
"
|
|
2121
|
-
"name": "size",
|
|
2122
|
-
"privacy": "public",
|
|
2054
|
+
"name": "validity",
|
|
2123
2055
|
"type": {
|
|
2124
2056
|
"text": "string"
|
|
2125
2057
|
},
|
|
2126
|
-
"
|
|
2127
|
-
"
|
|
2128
|
-
"inheritedFrom": {
|
|
2129
|
-
"name": "AuroElement",
|
|
2130
|
-
"module": "components/layoutElement/src/auroElement.js"
|
|
2131
|
-
}
|
|
2058
|
+
"description": "Specifies the `validityState` this element is in.",
|
|
2059
|
+
"fieldName": "validity"
|
|
2132
2060
|
}
|
|
2133
2061
|
],
|
|
2134
|
-
"
|
|
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": [
|
|
2135
2090
|
{
|
|
2136
|
-
"
|
|
2137
|
-
"
|
|
2138
|
-
"text": "CustomEvent"
|
|
2139
|
-
},
|
|
2140
|
-
"description": "Notifies that the components internal HTML5 input value has changed."
|
|
2091
|
+
"description": "apply css to a specific checkbox.",
|
|
2092
|
+
"name": "checkbox"
|
|
2141
2093
|
},
|
|
2142
2094
|
{
|
|
2143
|
-
"
|
|
2144
|
-
"
|
|
2145
|
-
"text": "CustomEvent"
|
|
2146
|
-
},
|
|
2147
|
-
"description": "Notifies that the component has a new value set."
|
|
2095
|
+
"description": "apply css to a specific checkbox's input.",
|
|
2096
|
+
"name": "checkbox-input"
|
|
2148
2097
|
},
|
|
2149
2098
|
{
|
|
2150
|
-
"
|
|
2151
|
-
"
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2155
|
-
},
|
|
2099
|
+
"description": "apply css to a specific checkbox's label.",
|
|
2100
|
+
"name": "checkbox-label"
|
|
2101
|
+
}
|
|
2102
|
+
],
|
|
2103
|
+
"slots": [
|
|
2156
2104
|
{
|
|
2157
|
-
"description": "
|
|
2158
|
-
"name": "
|
|
2105
|
+
"description": "The default slot for the checkbox label.",
|
|
2106
|
+
"name": "default"
|
|
2159
2107
|
}
|
|
2160
2108
|
],
|
|
2161
|
-
"
|
|
2109
|
+
"members": [
|
|
2162
2110
|
{
|
|
2163
|
-
"
|
|
2164
|
-
"
|
|
2165
|
-
|
|
2166
|
-
|
|
2167
|
-
"
|
|
2168
|
-
"
|
|
2169
|
-
"
|
|
2111
|
+
"kind": "method",
|
|
2112
|
+
"name": "_initializeDefaults"
|
|
2113
|
+
},
|
|
2114
|
+
{
|
|
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."
|
|
2130
|
+
},
|
|
2131
|
+
{
|
|
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
|
+
}
|
|
2149
|
+
}
|
|
2150
|
+
},
|
|
2151
|
+
{
|
|
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
|
+
}
|
|
2170
|
+
},
|
|
2171
|
+
{
|
|
2172
|
+
"kind": "method",
|
|
2173
|
+
"name": "handleFocusin",
|
|
2174
|
+
"description": "Function to support",
|
|
2175
|
+
"privacy": "private",
|
|
2176
|
+
"return": {
|
|
2177
|
+
"type": {
|
|
2178
|
+
"text": "void"
|
|
2179
|
+
}
|
|
2180
|
+
}
|
|
2170
2181
|
},
|
|
2171
2182
|
{
|
|
2172
|
-
"
|
|
2173
|
-
"
|
|
2174
|
-
|
|
2175
|
-
|
|
2176
|
-
"
|
|
2177
|
-
|
|
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
|
+
}
|
|
2178
2192
|
},
|
|
2179
2193
|
{
|
|
2180
|
-
"
|
|
2181
|
-
"
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
|
|
2185
|
-
|
|
2194
|
+
"kind": "method",
|
|
2195
|
+
"name": "reset",
|
|
2196
|
+
"description": "Resets component to initial state.",
|
|
2197
|
+
"return": {
|
|
2198
|
+
"type": {
|
|
2199
|
+
"text": "void"
|
|
2200
|
+
}
|
|
2201
|
+
}
|
|
2186
2202
|
},
|
|
2187
2203
|
{
|
|
2188
|
-
"
|
|
2189
|
-
"
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
"
|
|
2193
|
-
|
|
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
|
+
}
|
|
2194
2213
|
},
|
|
2195
2214
|
{
|
|
2196
|
-
"
|
|
2197
|
-
"
|
|
2198
|
-
|
|
2199
|
-
|
|
2200
|
-
|
|
2201
|
-
|
|
2202
|
-
|
|
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
|
+
}
|
|
2203
2233
|
},
|
|
2204
2234
|
{
|
|
2205
|
-
"
|
|
2235
|
+
"kind": "field",
|
|
2236
|
+
"name": "appearance",
|
|
2237
|
+
"privacy": "public",
|
|
2206
2238
|
"type": {
|
|
2207
|
-
"text": "
|
|
2239
|
+
"text": "'default' | 'inverse'"
|
|
2208
2240
|
},
|
|
2209
|
-
"description": "
|
|
2210
|
-
"
|
|
2241
|
+
"description": "Defines whether the component will be on lighter or darker backgrounds.",
|
|
2242
|
+
"default": "'default'",
|
|
2243
|
+
"attribute": "appearance",
|
|
2244
|
+
"reflects": true
|
|
2211
2245
|
},
|
|
2212
2246
|
{
|
|
2213
|
-
"
|
|
2247
|
+
"kind": "field",
|
|
2248
|
+
"name": "checked",
|
|
2249
|
+
"privacy": "public",
|
|
2214
2250
|
"type": {
|
|
2215
2251
|
"text": "boolean"
|
|
2216
2252
|
},
|
|
2217
|
-
"description": "If set,
|
|
2218
|
-
"
|
|
2253
|
+
"description": "If set to true, the checkbox will be filled with a checkmark.",
|
|
2254
|
+
"attribute": "checked",
|
|
2255
|
+
"reflects": true
|
|
2219
2256
|
},
|
|
2220
2257
|
{
|
|
2221
|
-
"
|
|
2258
|
+
"kind": "field",
|
|
2259
|
+
"name": "disabled",
|
|
2260
|
+
"privacy": "public",
|
|
2222
2261
|
"type": {
|
|
2223
2262
|
"text": "boolean"
|
|
2224
2263
|
},
|
|
2225
|
-
"description": "If
|
|
2226
|
-
"
|
|
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"
|
|
2346
|
+
"description": "The tabindex attribute for the checkbox.",
|
|
2347
|
+
"attribute": "tabindex",
|
|
2348
|
+
"reflects": true
|
|
2321
2349
|
},
|
|
2322
2350
|
{
|
|
2323
|
-
"
|
|
2351
|
+
"kind": "field",
|
|
2352
|
+
"name": "ariaChecked",
|
|
2353
|
+
"privacy": "private",
|
|
2324
2354
|
"type": {
|
|
2325
|
-
"text": "
|
|
2355
|
+
"text": "string"
|
|
2326
2356
|
},
|
|
2327
|
-
"description": "
|
|
2328
|
-
"
|
|
2357
|
+
"description": "The aria-checked attribute for the checkbox.",
|
|
2358
|
+
"attribute": "aria-checked",
|
|
2359
|
+
"reflects": true
|
|
2329
2360
|
},
|
|
2330
2361
|
{
|
|
2331
|
-
"
|
|
2362
|
+
"kind": "field",
|
|
2363
|
+
"name": "ariaDisabled",
|
|
2364
|
+
"privacy": "private",
|
|
2332
2365
|
"type": {
|
|
2333
|
-
"text": "
|
|
2366
|
+
"text": "string"
|
|
2334
2367
|
},
|
|
2335
|
-
"description": "
|
|
2336
|
-
"
|
|
2368
|
+
"description": "The aria-disabled attribute for the checkbox.",
|
|
2369
|
+
"attribute": "aria-disabled",
|
|
2370
|
+
"reflects": true
|
|
2337
2371
|
},
|
|
2338
2372
|
{
|
|
2339
|
-
"
|
|
2373
|
+
"kind": "field",
|
|
2374
|
+
"name": "role",
|
|
2375
|
+
"privacy": "private",
|
|
2340
2376
|
"type": {
|
|
2341
|
-
"text": "
|
|
2377
|
+
"text": "string"
|
|
2342
2378
|
},
|
|
2343
|
-
"description": "
|
|
2344
|
-
"
|
|
2345
|
-
"
|
|
2346
|
-
}
|
|
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": [
|
|
2347
2385
|
{
|
|
2348
|
-
"name": "
|
|
2386
|
+
"name": "auroCheckbox-input",
|
|
2349
2387
|
"type": {
|
|
2350
|
-
"text": "
|
|
2351
|
-
}
|
|
2352
|
-
"description": "Define custom placeholder text, only supported by date input formats.",
|
|
2353
|
-
"fieldName": "placeholder"
|
|
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",
|
|
@@ -4709,6 +4709,16 @@
|
|
|
4709
4709
|
}
|
|
4710
4710
|
}
|
|
4711
4711
|
},
|
|
4712
|
+
{
|
|
4713
|
+
"kind": "method",
|
|
4714
|
+
"name": "applyCommittedRangeClasses",
|
|
4715
|
+
"description": "Re-applies the committed-range classes (inRange / rangeDepartDate /\nrangeReturnDate) imperatively from the cell's current `day`,\n`dateFrom`, and `dateTo`. Used after month navigation flushes:\nclassMap in `renderCellButton` tracks its own previous state, so a\npreceding imperative `classList.remove` (from\n`clearRangePreviewClasses`) leaves classMap thinking the class is\nstill applied. On re-render with the same class-value, classMap emits\nno delta and the class stays missing in the DOM. Re-toggling\nimperatively resyncs the DOM with the committed range.\n\nDelegates to the same `isInRange` / `isDepartDate` / `isReturnDate`\nhelpers `renderCellButton` uses, so the two code paths cannot drift\n(including whatever timestamp normalization those helpers apply).",
|
|
4716
|
+
"return": {
|
|
4717
|
+
"type": {
|
|
4718
|
+
"text": "void"
|
|
4719
|
+
}
|
|
4720
|
+
}
|
|
4721
|
+
},
|
|
4712
4722
|
{
|
|
4713
4723
|
"kind": "method",
|
|
4714
4724
|
"name": "renderCellButton"
|
|
@@ -5787,7 +5797,7 @@
|
|
|
5787
5797
|
"description": "Optional settings.",
|
|
5788
5798
|
"optional": true,
|
|
5789
5799
|
"type": {
|
|
5790
|
-
"text": "@param {boolean} [options.force=false] - When true, clears classes even\n * when both dateFrom and dateTo are set. Used by month nav handlers\n *
|
|
5800
|
+
"text": "@param {boolean} [options.force=false] - When true, clears classes even\n * when both dateFrom and dateTo are set. Used by month nav handlers to\n * strip the imperative-only `lastHoveredDate` before the re-render.\n * The other two classes (`inRange`, `rangeDepartDate`) are classMap-\n * managed and get stripped as a side effect here; because classMap\n * remembers what it last emitted and does not diff against the actual\n * DOM, the following month re-render will NOT re-add them on its own.\n * Nav handlers must schedule `refreshCommittedRangeClasses` (via\n * `scheduleCommittedRangeClassRefresh`) to resync them.\n * "
|
|
5791
5801
|
}
|
|
5792
5802
|
}
|
|
5793
5803
|
],
|
|
@@ -5799,6 +5809,28 @@
|
|
|
5799
5809
|
}
|
|
5800
5810
|
}
|
|
5801
5811
|
},
|
|
5812
|
+
{
|
|
5813
|
+
"kind": "method",
|
|
5814
|
+
"name": "refreshCommittedRangeClasses",
|
|
5815
|
+
"description": "Re-applies the committed-range classes across every focusable cell\nafter a month navigation. classMap in the cell tracks its own\nprevious state: once `clearRangePreview({ force: true })` strips\n`inRange`/`rangeDepartDate` imperatively before the re-render,\nclassMap's next diff sees the same class-value it emitted before and\nproduces no delta, leaving the DOM without the classes even though a\nfull range is committed. Re-applying imperatively resyncs the two\nmonths' cells with `dateFrom`/`dateTo`.\n\nIterates `getAllFocusableCells()` — out-of-range cells (blocked by\n`min`/`max`) can never carry range classes anyway, so skipping them\nis correct and cheaper than a whole-grid walk.\n\nThe cell's `applyCommittedRangeClasses` reuses the same\n`isInRange`/`isDepartDate`/`isReturnDate` helpers `renderCellButton`\nuses, so we don't parse dateFrom/dateTo here — the helpers already\nnormalize their inputs (midnight-truncation, string→int) internally.",
|
|
5816
|
+
"privacy": "private",
|
|
5817
|
+
"return": {
|
|
5818
|
+
"type": {
|
|
5819
|
+
"text": "void"
|
|
5820
|
+
}
|
|
5821
|
+
}
|
|
5822
|
+
},
|
|
5823
|
+
{
|
|
5824
|
+
"kind": "method",
|
|
5825
|
+
"name": "scheduleCommittedRangeClassRefresh",
|
|
5826
|
+
"description": "Schedules `refreshCommittedRangeClasses` to run after the month\nre-render has flushed and the cells' button caches have refreshed.\nBoth `handlePrevMonth` and `handleNextMonth` need this exact call\nshape; keeping it in one place prevents them from drifting apart.\n\nBails synchronously when a full committed range isn't set — otherwise\nevery prev/next click in single-date mode (or before the user picks\nboth dates in range mode) pays for an unused double-rAF hop.",
|
|
5827
|
+
"privacy": "private",
|
|
5828
|
+
"return": {
|
|
5829
|
+
"type": {
|
|
5830
|
+
"text": "void"
|
|
5831
|
+
}
|
|
5832
|
+
}
|
|
5833
|
+
},
|
|
5802
5834
|
{
|
|
5803
5835
|
"kind": "method",
|
|
5804
5836
|
"name": "hoveredDateChanged",
|
|
@@ -12971,7 +13003,7 @@
|
|
|
12971
13003
|
"type": {
|
|
12972
13004
|
"text": "string"
|
|
12973
13005
|
},
|
|
12974
|
-
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\
|
|
13006
|
+
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\nFor `date` type inputs using a full date format (year/month/day), the `value` should be ISO (YYYY-MM-DD). Partial date formats use the display format.",
|
|
12975
13007
|
"default": "undefined",
|
|
12976
13008
|
"attribute": "value",
|
|
12977
13009
|
"inheritedFrom": {
|
|
@@ -13330,6 +13362,20 @@
|
|
|
13330
13362
|
"module": "components/input/src/base-input.js"
|
|
13331
13363
|
}
|
|
13332
13364
|
},
|
|
13365
|
+
{
|
|
13366
|
+
"kind": "field",
|
|
13367
|
+
"name": "setCustomValidityPatternMismatch",
|
|
13368
|
+
"privacy": "public",
|
|
13369
|
+
"type": {
|
|
13370
|
+
"text": "string"
|
|
13371
|
+
},
|
|
13372
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
13373
|
+
"attribute": "setCustomValidityPatternMismatch",
|
|
13374
|
+
"inheritedFrom": {
|
|
13375
|
+
"name": "BaseInput",
|
|
13376
|
+
"module": "components/input/src/base-input.js"
|
|
13377
|
+
}
|
|
13378
|
+
},
|
|
13333
13379
|
{
|
|
13334
13380
|
"kind": "field",
|
|
13335
13381
|
"name": "setCustomValidityRangeOverflow",
|
|
@@ -13435,7 +13481,7 @@
|
|
|
13435
13481
|
"name": "type",
|
|
13436
13482
|
"privacy": "public",
|
|
13437
13483
|
"type": {
|
|
13438
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
13484
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
13439
13485
|
},
|
|
13440
13486
|
"description": "Populates the `type` attribute on the input.",
|
|
13441
13487
|
"default": "'text'",
|
|
@@ -13982,6 +14028,18 @@
|
|
|
13982
14028
|
"module": "components/input/src/base-input.js"
|
|
13983
14029
|
}
|
|
13984
14030
|
},
|
|
14031
|
+
{
|
|
14032
|
+
"name": "setCustomValidityPatternMismatch",
|
|
14033
|
+
"type": {
|
|
14034
|
+
"text": "string"
|
|
14035
|
+
},
|
|
14036
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
14037
|
+
"fieldName": "setCustomValidityPatternMismatch",
|
|
14038
|
+
"inheritedFrom": {
|
|
14039
|
+
"name": "BaseInput",
|
|
14040
|
+
"module": "components/input/src/base-input.js"
|
|
14041
|
+
}
|
|
14042
|
+
},
|
|
13985
14043
|
{
|
|
13986
14044
|
"name": "setCustomValidityRangeOverflow",
|
|
13987
14045
|
"type": {
|
|
@@ -14081,7 +14139,7 @@
|
|
|
14081
14139
|
{
|
|
14082
14140
|
"name": "type",
|
|
14083
14141
|
"type": {
|
|
14084
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
14142
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
14085
14143
|
},
|
|
14086
14144
|
"description": "Populates the `type` attribute on the input.",
|
|
14087
14145
|
"default": "'text'",
|
|
@@ -14120,7 +14178,7 @@
|
|
|
14120
14178
|
"type": {
|
|
14121
14179
|
"text": "string"
|
|
14122
14180
|
},
|
|
14123
|
-
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\
|
|
14181
|
+
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\nFor `date` type inputs using a full date format (year/month/day), the `value` should be ISO (YYYY-MM-DD). Partial date formats use the display format.",
|
|
14124
14182
|
"default": "undefined",
|
|
14125
14183
|
"fieldName": "value",
|
|
14126
14184
|
"inheritedFrom": {
|
|
@@ -14869,7 +14927,7 @@
|
|
|
14869
14927
|
"type": {
|
|
14870
14928
|
"text": "string"
|
|
14871
14929
|
},
|
|
14872
|
-
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\
|
|
14930
|
+
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\nFor `date` type inputs using a full date format (year/month/day), the `value` should be ISO (YYYY-MM-DD). Partial date formats use the display format.",
|
|
14873
14931
|
"default": "undefined",
|
|
14874
14932
|
"attribute": "value"
|
|
14875
14933
|
},
|
|
@@ -15128,6 +15186,16 @@
|
|
|
15128
15186
|
"description": "Custom help text message to display when validity = `customError`.",
|
|
15129
15187
|
"attribute": "setCustomValidityCustomError"
|
|
15130
15188
|
},
|
|
15189
|
+
{
|
|
15190
|
+
"kind": "field",
|
|
15191
|
+
"name": "setCustomValidityPatternMismatch",
|
|
15192
|
+
"privacy": "public",
|
|
15193
|
+
"type": {
|
|
15194
|
+
"text": "string"
|
|
15195
|
+
},
|
|
15196
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
15197
|
+
"attribute": "setCustomValidityPatternMismatch"
|
|
15198
|
+
},
|
|
15131
15199
|
{
|
|
15132
15200
|
"kind": "field",
|
|
15133
15201
|
"name": "setCustomValidityRangeOverflow",
|
|
@@ -15205,7 +15273,7 @@
|
|
|
15205
15273
|
"name": "type",
|
|
15206
15274
|
"privacy": "public",
|
|
15207
15275
|
"type": {
|
|
15208
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
15276
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
15209
15277
|
},
|
|
15210
15278
|
"description": "Populates the `type` attribute on the input.",
|
|
15211
15279
|
"default": "'text'",
|
|
@@ -15602,6 +15670,14 @@
|
|
|
15602
15670
|
"default": "undefined",
|
|
15603
15671
|
"fieldName": "setCustomValidityForType"
|
|
15604
15672
|
},
|
|
15673
|
+
{
|
|
15674
|
+
"name": "setCustomValidityPatternMismatch",
|
|
15675
|
+
"type": {
|
|
15676
|
+
"text": "string"
|
|
15677
|
+
},
|
|
15678
|
+
"description": "Custom help text message to display when validity = `patternMismatch`.",
|
|
15679
|
+
"fieldName": "setCustomValidityPatternMismatch"
|
|
15680
|
+
},
|
|
15605
15681
|
{
|
|
15606
15682
|
"name": "setCustomValidityRangeOverflow",
|
|
15607
15683
|
"type": {
|
|
@@ -15669,7 +15745,7 @@
|
|
|
15669
15745
|
{
|
|
15670
15746
|
"name": "type",
|
|
15671
15747
|
"type": {
|
|
15672
|
-
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'"
|
|
15748
|
+
"text": "'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number' | 'date'"
|
|
15673
15749
|
},
|
|
15674
15750
|
"description": "Populates the `type` attribute on the input.",
|
|
15675
15751
|
"default": "'text'",
|
|
@@ -15696,7 +15772,7 @@
|
|
|
15696
15772
|
"type": {
|
|
15697
15773
|
"text": "string"
|
|
15698
15774
|
},
|
|
15699
|
-
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\
|
|
15775
|
+
"description": "Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.\nFor `date` type inputs using a full date format (year/month/day), the `value` should be ISO (YYYY-MM-DD). Partial date formats use the display format.",
|
|
15700
15776
|
"default": "undefined",
|
|
15701
15777
|
"fieldName": "value"
|
|
15702
15778
|
},
|
|
@@ -16058,6 +16134,32 @@
|
|
|
16058
16134
|
}
|
|
16059
16135
|
}
|
|
16060
16136
|
},
|
|
16137
|
+
{
|
|
16138
|
+
"kind": "method",
|
|
16139
|
+
"name": "isValidPartialDate",
|
|
16140
|
+
"parameters": [
|
|
16141
|
+
{
|
|
16142
|
+
"name": "value",
|
|
16143
|
+
"description": "The user-facing display value.",
|
|
16144
|
+
"type": {
|
|
16145
|
+
"text": "string"
|
|
16146
|
+
}
|
|
16147
|
+
},
|
|
16148
|
+
{
|
|
16149
|
+
"name": "format",
|
|
16150
|
+
"description": "The partial date format string (e.g. \"mm/yyyy\", \"yyyy\", \"dd\").",
|
|
16151
|
+
"type": {
|
|
16152
|
+
"text": "string"
|
|
16153
|
+
}
|
|
16154
|
+
}
|
|
16155
|
+
],
|
|
16156
|
+
"description": "Validates a value against a partial date format (one that lacks yy/mm/dd all three).\nDay- and year-only formats (dd/yy/yyyy) are checked as integer ranges; other partial formats use\na date-fns parse + round-trip to confirm both validity and exact formatting.",
|
|
16157
|
+
"return": {
|
|
16158
|
+
"type": {
|
|
16159
|
+
"text": "boolean"
|
|
16160
|
+
}
|
|
16161
|
+
}
|
|
16162
|
+
},
|
|
16061
16163
|
{
|
|
16062
16164
|
"kind": "method",
|
|
16063
16165
|
"name": "toModelValue",
|