@vonage/vivid 4.23.0 → 4.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/custom-elements.json +574 -642
  2. package/lib/file-picker/file-picker.d.ts +2 -2
  3. package/lib/file-picker/locale.d.ts +1 -0
  4. package/lib/rich-text-editor/locale.d.ts +9 -0
  5. package/lib/rich-text-editor/menubar/menubar.d.ts +334 -1
  6. package/lib/searchable-select/locale.d.ts +1 -0
  7. package/lib/searchable-select/searchable-select.d.ts +1 -0
  8. package/lib/tabs/tabs.d.ts +5 -21
  9. package/locales/de-DE.cjs +15 -1
  10. package/locales/de-DE.js +15 -1
  11. package/locales/en-GB.cjs +15 -1
  12. package/locales/en-GB.js +15 -1
  13. package/locales/en-US.cjs +15 -1
  14. package/locales/en-US.js +15 -1
  15. package/locales/ja-JP.cjs +15 -1
  16. package/locales/ja-JP.js +15 -1
  17. package/locales/zh-CN.cjs +15 -1
  18. package/locales/zh-CN.js +15 -1
  19. package/package.json +1 -1
  20. package/shared/button.cjs +6 -3
  21. package/shared/button.js +6 -3
  22. package/shared/definition12.cjs +1 -1
  23. package/shared/definition12.js +1 -1
  24. package/shared/definition17.cjs +4 -1
  25. package/shared/definition17.js +4 -1
  26. package/shared/definition22.cjs +8 -2
  27. package/shared/definition22.js +8 -2
  28. package/shared/definition26.cjs +13 -2
  29. package/shared/definition26.js +13 -2
  30. package/shared/definition43.cjs +96 -32
  31. package/shared/definition43.js +96 -32
  32. package/shared/definition44.cjs +74 -4
  33. package/shared/definition44.js +74 -4
  34. package/shared/definition45.cjs +7 -1
  35. package/shared/definition45.js +7 -1
  36. package/shared/definition50.cjs +1 -1
  37. package/shared/definition50.js +1 -1
  38. package/shared/definition53.cjs +219 -297
  39. package/shared/definition53.js +221 -299
  40. package/shared/localization/Locale.d.ts +2 -0
  41. package/shared/vivid-element.cjs +1 -1
  42. package/shared/vivid-element.js +1 -1
  43. package/styles/core/all.css +1 -1
  44. package/styles/core/theme.css +1 -1
  45. package/styles/core/typography.css +1 -1
  46. package/styles/tokens/theme-dark.css +4 -4
  47. package/styles/tokens/theme-light.css +4 -4
  48. package/styles/tokens/vivid-2-compat.css +1 -1
  49. package/vivid.api.json +33 -3
@@ -294,194 +294,6 @@
294
294
  }
295
295
  ]
296
296
  },
297
- {
298
- "kind": "javascript-module",
299
- "path": "libs/components/src/lib/action-group/action-group.ts",
300
- "declarations": [
301
- {
302
- "kind": "class",
303
- "description": "",
304
- "name": "ActionGroup",
305
- "cssProperties": [
306
- {
307
- "name": "--vvd-action-group-accent-primary",
308
- "default": "var(--vvd-color-canvas-text)"
309
- },
310
- {
311
- "name": "--vvd-action-group-accent-intermediate",
312
- "default": "var(--vvd-color-neutral-500)"
313
- },
314
- {
315
- "name": "--vvd-action-group-accent-faint",
316
- "default": "var(--vvd-color-neutral-50)"
317
- }
318
- ],
319
- "slots": [
320
- {
321
- "description": "Default slot.",
322
- "name": ""
323
- }
324
- ],
325
- "members": [
326
- {
327
- "kind": "field",
328
- "name": "shape",
329
- "type": {
330
- "text": "ActionGroupShape | undefined"
331
- },
332
- "description": "The shape the ActionGroup should have.",
333
- "privacy": "public"
334
- },
335
- {
336
- "kind": "field",
337
- "name": "appearance",
338
- "type": {
339
- "text": "ActionGroupAppearance | undefined"
340
- },
341
- "description": "The appearance the ActionGroup should have.",
342
- "privacy": "public"
343
- },
344
- {
345
- "kind": "field",
346
- "name": "tight",
347
- "type": {
348
- "text": "boolean"
349
- },
350
- "default": "false",
351
- "description": "Indicates whether action group should have padding.",
352
- "privacy": "public"
353
- },
354
- {
355
- "kind": "field",
356
- "name": "_vividAriaBehaviour",
357
- "default": "'delegate'",
358
- "type": {
359
- "text": "'delegate'"
360
- },
361
- "inheritedFrom": {
362
- "name": "DelegatesAria",
363
- "module": "libs/components/src/shared/aria/delegates-aria.ts"
364
- }
365
- },
366
- {
367
- "kind": "field",
368
- "name": "VIVID_VERSION",
369
- "static": true,
370
- "default": "__PACKAGE_VERSION__",
371
- "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
372
- "type": {
373
- "text": "string"
374
- },
375
- "inheritedFrom": {
376
- "name": "VividElement",
377
- "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
378
- }
379
- }
380
- ],
381
- "attributes": [
382
- {
383
- "name": "shape",
384
- "type": {
385
- "text": "ActionGroupShape | undefined"
386
- },
387
- "description": "The shape the ActionGroup should have.",
388
- "fieldName": "shape"
389
- },
390
- {
391
- "name": "appearance",
392
- "type": {
393
- "text": "ActionGroupAppearance | undefined"
394
- },
395
- "description": "The appearance the ActionGroup should have.",
396
- "fieldName": "appearance"
397
- },
398
- {
399
- "type": {
400
- "text": "boolean"
401
- },
402
- "default": "false",
403
- "description": "Indicates whether action group should have padding.",
404
- "fieldName": "tight"
405
- }
406
- ],
407
- "mixins": [
408
- {
409
- "name": "DelegatesAria",
410
- "module": "/libs/components/src/shared/aria/delegates-aria"
411
- }
412
- ],
413
- "superclass": {
414
- "name": "VividElement",
415
- "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
416
- },
417
- "vividComponent": {
418
- "public": true,
419
- "name": "action-group"
420
- }
421
- }
422
- ],
423
- "exports": [
424
- {
425
- "kind": "js",
426
- "name": "ActionGroup",
427
- "declaration": {
428
- "name": "ActionGroup",
429
- "module": "libs/components/src/lib/action-group/action-group.ts"
430
- }
431
- }
432
- ]
433
- },
434
- {
435
- "kind": "javascript-module",
436
- "path": "libs/components/src/lib/action-group/definition.ts",
437
- "declarations": [
438
- {
439
- "kind": "variable",
440
- "name": "registerActionGroup",
441
- "description": "Registers the action-group elements with the design system.",
442
- "parameters": [
443
- {
444
- "description": "the prefix to use for the component name",
445
- "name": "prefix"
446
- }
447
- ]
448
- }
449
- ],
450
- "exports": [
451
- {
452
- "kind": "js",
453
- "name": "ActionGroupShape",
454
- "declaration": {
455
- "name": "ActionGroupShape",
456
- "module": "./action-group"
457
- }
458
- },
459
- {
460
- "kind": "js",
461
- "name": "ActionGroupAppearance",
462
- "declaration": {
463
- "name": "ActionGroupAppearance",
464
- "module": "./action-group"
465
- }
466
- },
467
- {
468
- "kind": "js",
469
- "name": "registerActionGroup",
470
- "declaration": {
471
- "name": "registerActionGroup",
472
- "module": "libs/components/src/lib/action-group/definition.ts"
473
- }
474
- },
475
- {
476
- "kind": "js",
477
- "name": "VwcActionGroupElement",
478
- "declaration": {
479
- "name": "ActionGroup",
480
- "module": "libs/components/src/lib/action-group/definition.ts"
481
- }
482
- }
483
- ]
484
- },
485
297
  {
486
298
  "kind": "javascript-module",
487
299
  "path": "libs/components/src/lib/accordion-item/accordion-item.ts",
@@ -664,66 +476,238 @@
664
476
  "fieldName": "id"
665
477
  },
666
478
  {
667
- "name": "heading",
479
+ "name": "heading",
480
+ "type": {
481
+ "text": "string | undefined"
482
+ },
483
+ "fieldName": "heading"
484
+ },
485
+ {
486
+ "name": "no-indicator",
487
+ "type": {
488
+ "text": "boolean"
489
+ },
490
+ "default": "false",
491
+ "description": "Indicates whether the accordion-item has indicator",
492
+ "fieldName": "noIndicator"
493
+ },
494
+ {
495
+ "name": "meta",
496
+ "type": {
497
+ "text": "string | undefined"
498
+ },
499
+ "fieldName": "meta"
500
+ },
501
+ {
502
+ "name": "size",
503
+ "type": {
504
+ "text": "AccordionItemSize | undefined"
505
+ },
506
+ "description": "The size the accordion-item should have.",
507
+ "fieldName": "size"
508
+ },
509
+ {
510
+ "name": "icon-trailing",
511
+ "type": {
512
+ "text": "boolean"
513
+ },
514
+ "default": "false",
515
+ "description": "Indicates the icon affix alignment.",
516
+ "fieldName": "iconTrailing",
517
+ "inheritedFrom": {
518
+ "name": "AffixIconWithTrailing",
519
+ "module": "libs/components/src/shared/patterns/affix.ts"
520
+ }
521
+ },
522
+ {
523
+ "name": "icon",
524
+ "type": {
525
+ "text": "string | undefined"
526
+ },
527
+ "description": "A decorative icon the custom element should have.",
528
+ "fieldName": "icon",
529
+ "inheritedFrom": {
530
+ "name": "AffixIcon",
531
+ "module": "libs/components/src/shared/patterns/affix.ts"
532
+ }
533
+ }
534
+ ],
535
+ "mixins": [
536
+ {
537
+ "name": "AffixIconWithTrailing",
538
+ "module": "/libs/components/src/shared/patterns/affix"
539
+ }
540
+ ],
541
+ "superclass": {
542
+ "name": "VividElement",
543
+ "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
544
+ },
545
+ "vividComponent": {
546
+ "public": true,
547
+ "name": "accordion-item"
548
+ }
549
+ }
550
+ ],
551
+ "exports": [
552
+ {
553
+ "kind": "js",
554
+ "name": "AccordionItem",
555
+ "declaration": {
556
+ "name": "AccordionItem",
557
+ "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
558
+ }
559
+ }
560
+ ]
561
+ },
562
+ {
563
+ "kind": "javascript-module",
564
+ "path": "libs/components/src/lib/accordion-item/definition.ts",
565
+ "declarations": [
566
+ {
567
+ "kind": "variable",
568
+ "name": "registerAccordionItem",
569
+ "description": "Registers the accordion item elements with the design system.",
570
+ "parameters": [
571
+ {
572
+ "description": "the prefix to use for the component name",
573
+ "name": "prefix"
574
+ }
575
+ ]
576
+ }
577
+ ],
578
+ "exports": [
579
+ {
580
+ "kind": "js",
581
+ "name": "registerAccordionItem",
582
+ "declaration": {
583
+ "name": "registerAccordionItem",
584
+ "module": "libs/components/src/lib/accordion-item/definition.ts"
585
+ }
586
+ },
587
+ {
588
+ "kind": "js",
589
+ "name": "VwcAccordionItemElement",
590
+ "declaration": {
591
+ "name": "AccordionItem",
592
+ "module": "libs/components/src/lib/accordion-item/definition.ts"
593
+ }
594
+ }
595
+ ]
596
+ },
597
+ {
598
+ "kind": "javascript-module",
599
+ "path": "libs/components/src/lib/action-group/action-group.ts",
600
+ "declarations": [
601
+ {
602
+ "kind": "class",
603
+ "description": "",
604
+ "name": "ActionGroup",
605
+ "cssProperties": [
606
+ {
607
+ "name": "--vvd-action-group-accent-primary",
608
+ "default": "var(--vvd-color-canvas-text)"
609
+ },
610
+ {
611
+ "name": "--vvd-action-group-accent-intermediate",
612
+ "default": "var(--vvd-color-neutral-500)"
613
+ },
614
+ {
615
+ "name": "--vvd-action-group-accent-faint",
616
+ "default": "var(--vvd-color-neutral-50)"
617
+ }
618
+ ],
619
+ "slots": [
620
+ {
621
+ "description": "Default slot.",
622
+ "name": ""
623
+ }
624
+ ],
625
+ "members": [
626
+ {
627
+ "kind": "field",
628
+ "name": "shape",
629
+ "type": {
630
+ "text": "ActionGroupShape | undefined"
631
+ },
632
+ "description": "The shape the ActionGroup should have.",
633
+ "privacy": "public"
634
+ },
635
+ {
636
+ "kind": "field",
637
+ "name": "appearance",
638
+ "type": {
639
+ "text": "ActionGroupAppearance | undefined"
640
+ },
641
+ "description": "The appearance the ActionGroup should have.",
642
+ "privacy": "public"
643
+ },
644
+ {
645
+ "kind": "field",
646
+ "name": "tight",
647
+ "type": {
648
+ "text": "boolean"
649
+ },
650
+ "default": "false",
651
+ "description": "Indicates whether action group should have padding.",
652
+ "privacy": "public"
653
+ },
654
+ {
655
+ "kind": "field",
656
+ "name": "_vividAriaBehaviour",
657
+ "default": "'delegate'",
668
658
  "type": {
669
- "text": "string | undefined"
659
+ "text": "'delegate'"
670
660
  },
671
- "fieldName": "heading"
661
+ "inheritedFrom": {
662
+ "name": "DelegatesAria",
663
+ "module": "libs/components/src/shared/aria/delegates-aria.ts"
664
+ }
672
665
  },
673
666
  {
674
- "name": "no-indicator",
667
+ "kind": "field",
668
+ "name": "VIVID_VERSION",
669
+ "static": true,
670
+ "default": "__PACKAGE_VERSION__",
671
+ "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
675
672
  "type": {
676
- "text": "boolean"
673
+ "text": "string"
677
674
  },
678
- "default": "false",
679
- "description": "Indicates whether the accordion-item has indicator",
680
- "fieldName": "noIndicator"
681
- },
675
+ "inheritedFrom": {
676
+ "name": "VividElement",
677
+ "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
678
+ }
679
+ }
680
+ ],
681
+ "attributes": [
682
682
  {
683
- "name": "meta",
683
+ "name": "shape",
684
684
  "type": {
685
- "text": "string | undefined"
685
+ "text": "ActionGroupShape | undefined"
686
686
  },
687
- "fieldName": "meta"
687
+ "description": "The shape the ActionGroup should have.",
688
+ "fieldName": "shape"
688
689
  },
689
690
  {
690
- "name": "size",
691
+ "name": "appearance",
691
692
  "type": {
692
- "text": "AccordionItemSize | undefined"
693
+ "text": "ActionGroupAppearance | undefined"
693
694
  },
694
- "description": "The size the accordion-item should have.",
695
- "fieldName": "size"
695
+ "description": "The appearance the ActionGroup should have.",
696
+ "fieldName": "appearance"
696
697
  },
697
698
  {
698
- "name": "icon-trailing",
699
699
  "type": {
700
700
  "text": "boolean"
701
701
  },
702
702
  "default": "false",
703
- "description": "Indicates the icon affix alignment.",
704
- "fieldName": "iconTrailing",
705
- "inheritedFrom": {
706
- "name": "AffixIconWithTrailing",
707
- "module": "libs/components/src/shared/patterns/affix.ts"
708
- }
709
- },
710
- {
711
- "name": "icon",
712
- "type": {
713
- "text": "string | undefined"
714
- },
715
- "description": "A decorative icon the custom element should have.",
716
- "fieldName": "icon",
717
- "inheritedFrom": {
718
- "name": "AffixIcon",
719
- "module": "libs/components/src/shared/patterns/affix.ts"
720
- }
703
+ "description": "Indicates whether action group should have padding.",
704
+ "fieldName": "tight"
721
705
  }
722
706
  ],
723
707
  "mixins": [
724
708
  {
725
- "name": "AffixIconWithTrailing",
726
- "module": "/libs/components/src/shared/patterns/affix"
709
+ "name": "DelegatesAria",
710
+ "module": "/libs/components/src/shared/aria/delegates-aria"
727
711
  }
728
712
  ],
729
713
  "superclass": {
@@ -732,29 +716,29 @@
732
716
  },
733
717
  "vividComponent": {
734
718
  "public": true,
735
- "name": "accordion-item"
719
+ "name": "action-group"
736
720
  }
737
721
  }
738
722
  ],
739
723
  "exports": [
740
724
  {
741
725
  "kind": "js",
742
- "name": "AccordionItem",
726
+ "name": "ActionGroup",
743
727
  "declaration": {
744
- "name": "AccordionItem",
745
- "module": "libs/components/src/lib/accordion-item/accordion-item.ts"
728
+ "name": "ActionGroup",
729
+ "module": "libs/components/src/lib/action-group/action-group.ts"
746
730
  }
747
731
  }
748
732
  ]
749
733
  },
750
734
  {
751
735
  "kind": "javascript-module",
752
- "path": "libs/components/src/lib/accordion-item/definition.ts",
736
+ "path": "libs/components/src/lib/action-group/definition.ts",
753
737
  "declarations": [
754
738
  {
755
739
  "kind": "variable",
756
- "name": "registerAccordionItem",
757
- "description": "Registers the accordion item elements with the design system.",
740
+ "name": "registerActionGroup",
741
+ "description": "Registers the action-group elements with the design system.",
758
742
  "parameters": [
759
743
  {
760
744
  "description": "the prefix to use for the component name",
@@ -766,18 +750,34 @@
766
750
  "exports": [
767
751
  {
768
752
  "kind": "js",
769
- "name": "registerAccordionItem",
753
+ "name": "ActionGroupShape",
770
754
  "declaration": {
771
- "name": "registerAccordionItem",
772
- "module": "libs/components/src/lib/accordion-item/definition.ts"
755
+ "name": "ActionGroupShape",
756
+ "module": "./action-group"
773
757
  }
774
758
  },
775
759
  {
776
760
  "kind": "js",
777
- "name": "VwcAccordionItemElement",
761
+ "name": "ActionGroupAppearance",
778
762
  "declaration": {
779
- "name": "AccordionItem",
780
- "module": "libs/components/src/lib/accordion-item/definition.ts"
763
+ "name": "ActionGroupAppearance",
764
+ "module": "./action-group"
765
+ }
766
+ },
767
+ {
768
+ "kind": "js",
769
+ "name": "registerActionGroup",
770
+ "declaration": {
771
+ "name": "registerActionGroup",
772
+ "module": "libs/components/src/lib/action-group/definition.ts"
773
+ }
774
+ },
775
+ {
776
+ "kind": "js",
777
+ "name": "VwcActionGroupElement",
778
+ "declaration": {
779
+ "name": "ActionGroup",
780
+ "module": "libs/components/src/lib/action-group/definition.ts"
781
781
  }
782
782
  }
783
783
  ]
@@ -6608,7 +6608,7 @@
6608
6608
  "type": {
6609
6609
  "text": "string"
6610
6610
  },
6611
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
6611
+ "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
6612
6612
  "privacy": "public"
6613
6613
  },
6614
6614
  {
@@ -6959,7 +6959,7 @@
6959
6959
  "type": {
6960
6960
  "text": "string"
6961
6961
  },
6962
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
6962
+ "description": "String that gets applied to the css gridTemplateColumns attribute of child rows",
6963
6963
  "fieldName": "gridTemplateColumns"
6964
6964
  },
6965
6965
  {
@@ -11046,6 +11046,15 @@
11046
11046
  "kind": "field",
11047
11047
  "name": "setFormValue"
11048
11048
  },
11049
+ {
11050
+ "kind": "method",
11051
+ "name": "#getCustomValidationError",
11052
+ "return": {
11053
+ "type": {
11054
+ "text": "string | null"
11055
+ }
11056
+ }
11057
+ },
11049
11058
  {
11050
11059
  "kind": "method",
11051
11060
  "name": "validate",
@@ -11053,7 +11062,8 @@
11053
11062
  "type": {
11054
11063
  "text": "void"
11055
11064
  }
11056
- }
11065
+ },
11066
+ "description": "{@inheritDoc (FormAssociated:interface).validate}"
11057
11067
  },
11058
11068
  {
11059
11069
  "kind": "method",
@@ -17441,6 +17451,12 @@
17441
17451
  }
17442
17452
  ]
17443
17453
  },
17454
+ {
17455
+ "kind": "javascript-module",
17456
+ "path": "libs/components/src/lib/rich-text-editor/locale.ts",
17457
+ "declarations": [],
17458
+ "exports": []
17459
+ },
17444
17460
  {
17445
17461
  "kind": "javascript-module",
17446
17462
  "path": "libs/components/src/lib/rich-text-editor/rich-text-editor.ts",
@@ -18298,6 +18314,20 @@
18298
18314
  "description": "Adds a clear button to the input field that clears the selected values.",
18299
18315
  "privacy": "public"
18300
18316
  },
18317
+ {
18318
+ "kind": "field",
18319
+ "name": "maxSelected",
18320
+ "type": {
18321
+ "text": "number | null"
18322
+ },
18323
+ "default": "null",
18324
+ "privacy": "public",
18325
+ "description": ""
18326
+ },
18327
+ {
18328
+ "kind": "method",
18329
+ "name": "#updateSelectionLimit"
18330
+ },
18301
18331
  {
18302
18332
  "kind": "method",
18303
18333
  "name": "#determineInitialValues"
@@ -18477,6 +18507,14 @@
18477
18507
  "description": "Adds a clear button to the input field that clears the selected values.",
18478
18508
  "fieldName": "clearable"
18479
18509
  },
18510
+ {
18511
+ "name": "max-selected",
18512
+ "type": {
18513
+ "text": "number | null"
18514
+ },
18515
+ "default": "null",
18516
+ "fieldName": "maxSelected"
18517
+ },
18480
18518
  {
18481
18519
  "name": "icon-trailing",
18482
18520
  "type": {
@@ -21777,14 +21815,6 @@
21777
21815
  },
21778
21816
  "default": "'--_tabs-active-tab-inline-size'"
21779
21817
  },
21780
- {
21781
- "kind": "variable",
21782
- "name": "TABLIST_COLUMN",
21783
- "type": {
21784
- "text": "string"
21785
- },
21786
- "default": "'--_tabs-tablist-column'"
21787
- },
21788
21818
  {
21789
21819
  "kind": "variable",
21790
21820
  "name": "TabsGutters",
@@ -21833,26 +21863,25 @@
21833
21863
  },
21834
21864
  {
21835
21865
  "kind": "field",
21836
- "name": "activeid",
21837
- "type": {
21838
- "text": "string"
21839
- },
21840
- "description": "The id of the active tab",
21841
- "privacy": "public"
21866
+ "name": "_pairedTabs",
21867
+ "privacy": "private",
21868
+ "description": "Tabs that are paired with a tabpanel. Ignore any excess tabs or panels.",
21869
+ "readonly": true
21842
21870
  },
21843
21871
  {
21844
21872
  "kind": "field",
21845
- "name": "#isLastTabSelectedAfterRemove",
21846
- "privacy": "private"
21873
+ "name": "_validTabs",
21874
+ "privacy": "private",
21875
+ "description": "Tabs that are eligible to become active.",
21876
+ "readonly": true
21847
21877
  },
21848
21878
  {
21849
21879
  "kind": "field",
21850
- "name": "activeindicator",
21880
+ "name": "activeid",
21851
21881
  "type": {
21852
- "text": "boolean"
21882
+ "text": "string"
21853
21883
  },
21854
- "default": "true",
21855
- "description": "Whether or not to show the active indicator",
21884
+ "description": "The id of the active tab",
21856
21885
  "privacy": "public"
21857
21886
  },
21858
21887
  {
@@ -21862,127 +21891,62 @@
21862
21891
  "text": "HTMLElement"
21863
21892
  },
21864
21893
  "description": "A reference to the active tab",
21865
- "privacy": "public"
21866
- },
21867
- {
21868
- "kind": "field",
21869
- "name": "prevActiveTabIndex",
21870
- "type": {
21871
- "text": "number"
21872
- },
21873
- "privacy": "private",
21874
- "default": "0"
21894
+ "privacy": "public",
21895
+ "readonly": true
21875
21896
  },
21876
21897
  {
21877
- "kind": "field",
21878
- "name": "activeTabIndex",
21879
- "type": {
21880
- "text": "number"
21881
- },
21882
- "privacy": "private",
21883
- "default": "0"
21898
+ "kind": "method",
21899
+ "name": "#setActiveTabDueToUserInteraction",
21900
+ "parameters": [
21901
+ {
21902
+ "name": "tab",
21903
+ "type": {
21904
+ "text": "HTMLElement"
21905
+ }
21906
+ }
21907
+ ]
21884
21908
  },
21885
21909
  {
21886
21910
  "kind": "field",
21887
- "name": "tabIds",
21888
- "type": {
21889
- "text": "Array<string>"
21890
- },
21911
+ "name": "#isTabsChangeQueued",
21891
21912
  "privacy": "private",
21892
- "default": "[]"
21893
- },
21894
- {
21895
- "kind": "field",
21896
- "name": "tabpanelIds",
21897
21913
  "type": {
21898
- "text": "Array<string>"
21914
+ "text": "boolean"
21899
21915
  },
21900
- "privacy": "private",
21901
- "default": "[]"
21902
- },
21903
- {
21904
- "kind": "field",
21905
- "name": "change",
21906
- "privacy": "private"
21907
- },
21908
- {
21909
- "kind": "field",
21910
- "name": "isDisabledElement",
21911
- "privacy": "private"
21912
- },
21913
- {
21914
- "kind": "field",
21915
- "name": "isHiddenElement",
21916
- "privacy": "private"
21917
- },
21918
- {
21919
- "kind": "field",
21920
- "name": "isFocusableElement",
21921
- "privacy": "private"
21916
+ "default": "false"
21922
21917
  },
21923
21918
  {
21924
21919
  "kind": "method",
21925
- "name": "getActiveIndex",
21920
+ "name": "_registerTabsChange",
21926
21921
  "privacy": "private",
21927
- "return": {
21928
- "type": {
21929
- "text": "number"
21930
- }
21931
- }
21932
- },
21933
- {
21934
- "kind": "field",
21935
- "name": "setTabs",
21936
- "privacy": "private"
21922
+ "description": "Defer actual processing of changes into a microtask to wait for all DOM changes to complete. E.g. when tabs and\nactive id are updated at the same time."
21937
21923
  },
21938
21924
  {
21939
21925
  "kind": "field",
21940
- "name": "setTabPanels",
21941
- "privacy": "private"
21942
- },
21943
- {
21944
- "kind": "method",
21945
- "name": "getTabIds",
21946
- "privacy": "private",
21947
- "return": {
21948
- "type": {
21949
- "text": "Array<string>"
21950
- }
21951
- }
21952
- },
21953
- {
21954
- "kind": "method",
21955
- "name": "getTabPanelIds",
21926
+ "name": "#lastActiveId",
21956
21927
  "privacy": "private",
21957
- "return": {
21958
- "type": {
21959
- "text": "Array<string>"
21960
- }
21961
- }
21928
+ "type": {
21929
+ "text": "string | undefined"
21930
+ },
21931
+ "default": "undefined"
21962
21932
  },
21963
21933
  {
21964
21934
  "kind": "method",
21965
- "name": "setComponent",
21966
- "privacy": "private",
21967
- "return": {
21968
- "type": {
21969
- "text": "void"
21970
- }
21971
- }
21935
+ "name": "#handleTabsChange"
21972
21936
  },
21973
21937
  {
21974
- "kind": "field",
21975
- "name": "handleTabClick",
21976
- "privacy": "private"
21938
+ "kind": "method",
21939
+ "name": "#updateSlottedChildren",
21940
+ "description": "Updates the tabs and their panels according to the current state of the component."
21977
21941
  },
21978
21942
  {
21979
21943
  "kind": "field",
21980
- "name": "#isHorizontal",
21944
+ "name": "#onTabClick",
21981
21945
  "privacy": "private"
21982
21946
  },
21983
21947
  {
21984
21948
  "kind": "field",
21985
- "name": "#handleTabKeyDown",
21949
+ "name": "#onTabKeyDown",
21986
21950
  "privacy": "private"
21987
21951
  },
21988
21952
  {
@@ -22001,46 +21965,34 @@
22001
21965
  }
22002
21966
  }
22003
21967
  ],
22004
- "description": "The adjust method for FASTTabs",
21968
+ "description": "Adjusts the active index by numerical increments.\nOnly enabled tabs are considered.",
22005
21969
  "privacy": "public"
22006
21970
  },
22007
21971
  {
22008
21972
  "kind": "field",
22009
- "name": "adjustForward",
22010
- "privacy": "private"
21973
+ "name": "#isTransitioningTransform",
21974
+ "privacy": "private",
21975
+ "type": {
21976
+ "text": "boolean"
21977
+ },
21978
+ "default": "false"
22011
21979
  },
22012
21980
  {
22013
- "kind": "field",
22014
- "name": "adjustBackward",
22015
- "privacy": "private"
21981
+ "kind": "method",
21982
+ "name": "#cancelAnimationIfNeeded"
22016
21983
  },
22017
21984
  {
22018
21985
  "kind": "method",
22019
- "name": "#moveToNextTab",
21986
+ "name": "#moveActiveIndicator",
22020
21987
  "parameters": [
22021
21988
  {
22022
- "name": "direction",
21989
+ "name": "shouldAnimate",
22023
21990
  "type": {
22024
- "text": "1 | -1"
21991
+ "text": "boolean"
22025
21992
  }
22026
21993
  }
22027
21994
  ]
22028
21995
  },
22029
- {
22030
- "kind": "field",
22031
- "name": "#moveToTabByIndex",
22032
- "privacy": "private"
22033
- },
22034
- {
22035
- "kind": "method",
22036
- "name": "focusTab",
22037
- "privacy": "private",
22038
- "return": {
22039
- "type": {
22040
- "text": "void"
22041
- }
22042
- }
22043
- },
22044
21996
  {
22045
21997
  "kind": "field",
22046
21998
  "name": "tablist",
@@ -22089,16 +22041,6 @@
22089
22041
  "kind": "method",
22090
22042
  "name": "#updateScrollStatus"
22091
22043
  },
22092
- {
22093
- "kind": "field",
22094
- "name": "#shouldMoveIndicator",
22095
- "privacy": "private",
22096
- "readonly": true
22097
- },
22098
- {
22099
- "kind": "method",
22100
- "name": "#patchIndicatorStyleTransition"
22101
- },
22102
22044
  {
22103
22045
  "kind": "field",
22104
22046
  "name": "#resizeObserver",
@@ -22108,56 +22050,48 @@
22108
22050
  }
22109
22051
  },
22110
22052
  {
22111
- "kind": "method",
22112
- "name": "#updateTabsConnotation"
22053
+ "kind": "field",
22054
+ "name": "#tabListWrapper",
22055
+ "privacy": "private",
22056
+ "type": {
22057
+ "text": "HTMLElement"
22058
+ },
22059
+ "readonly": true
22113
22060
  },
22114
22061
  {
22115
22062
  "kind": "field",
22116
- "name": "#tabListWrapper",
22063
+ "name": "#tabListScrollWrapper",
22117
22064
  "privacy": "private",
22065
+ "type": {
22066
+ "text": "HTMLElement"
22067
+ },
22118
22068
  "readonly": true
22119
22069
  },
22120
22070
  {
22121
22071
  "kind": "method",
22122
- "name": "#scrollToIndex",
22072
+ "name": "#scrollToTab",
22123
22073
  "parameters": [
22124
22074
  {
22125
- "name": "index",
22075
+ "name": "tab",
22126
22076
  "type": {
22127
- "text": "number"
22077
+ "text": "HTMLElement"
22128
22078
  }
22129
- }
22130
- ]
22131
- },
22132
- {
22133
- "kind": "method",
22134
- "name": "#getGridProperty"
22135
- },
22136
- {
22137
- "kind": "method",
22138
- "name": "#getTranslateProperty"
22139
- },
22140
- {
22141
- "kind": "method",
22142
- "name": "#handleActiveIndicatorPosition",
22143
- "parameters": [
22079
+ },
22144
22080
  {
22145
- "name": "animate",
22081
+ "name": "shouldAnimate",
22146
22082
  "default": "true"
22147
22083
  }
22148
22084
  ]
22149
22085
  },
22150
22086
  {
22151
- "kind": "method",
22152
- "name": "#animateActiveIndicator",
22153
- "parameters": [
22154
- {
22155
- "name": "animate",
22156
- "type": {
22157
- "text": "boolean"
22158
- }
22159
- }
22160
- ]
22087
+ "kind": "field",
22088
+ "name": "activeindicator",
22089
+ "type": {
22090
+ "text": "boolean"
22091
+ },
22092
+ "default": "true",
22093
+ "description": "Deprecated attribute. It has no effect.",
22094
+ "privacy": "public"
22161
22095
  },
22162
22096
  {
22163
22097
  "kind": "field",
@@ -22200,14 +22134,6 @@
22200
22134
  "description": "The id of the active tab",
22201
22135
  "fieldName": "activeid"
22202
22136
  },
22203
- {
22204
- "type": {
22205
- "text": "boolean"
22206
- },
22207
- "default": "true",
22208
- "description": "Whether or not to show the active indicator",
22209
- "fieldName": "activeindicator"
22210
- },
22211
22137
  {
22212
22138
  "name": "connotation",
22213
22139
  "type": {
@@ -22240,6 +22166,14 @@
22240
22166
  },
22241
22167
  "description": "Controls the layout of the tabs.",
22242
22168
  "fieldName": "tabsLayout"
22169
+ },
22170
+ {
22171
+ "type": {
22172
+ "text": "boolean"
22173
+ },
22174
+ "default": "true",
22175
+ "description": "Deprecated attribute. It has no effect.",
22176
+ "fieldName": "activeindicator"
22243
22177
  }
22244
22178
  ],
22245
22179
  "superclass": {
@@ -22261,14 +22195,6 @@
22261
22195
  "module": "libs/components/src/lib/tabs/tabs.ts"
22262
22196
  }
22263
22197
  },
22264
- {
22265
- "kind": "js",
22266
- "name": "TABLIST_COLUMN",
22267
- "declaration": {
22268
- "name": "TABLIST_COLUMN",
22269
- "module": "libs/components/src/lib/tabs/tabs.ts"
22270
- }
22271
- },
22272
22198
  {
22273
22199
  "kind": "js",
22274
22200
  "name": "TabsGutters",
@@ -26482,7 +26408,7 @@
26482
26408
  "type": {
26483
26409
  "text": "{\n\t[key: string]: {\n\t\tregisterStateProperty?: (menuBar: MenuBar) => void;\n\t\trender: (context: VividElementDefinitionContext) => ViewTemplate<any, any>;\n\t};\n}"
26484
26410
  },
26485
- "default": "{\n\ttextBlock: {\n\t\tregisterStateProperty: function (menuBar: MenuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textBlockEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst selectTag = context.tagFor(Select);\n\t\t\tconst optionTag = context.tagFor(ListboxOption);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\n\t\t\treturn html`\n\t\t<${tooltipTag} text=\"Text Block Type\" placement=\"top\">\n\t\t\t<${selectTag}\n scale=\"condensed\"\n shape=\"rounded\"\n appearance=\"ghost\"\n\t\t\t\tslot=\"anchor\"\n\t\t\t\ttrigger=\"auto\"\n\t\t\t\tid=\"text-block\"\n\t\t\t\taria-label=\"Text Block\"\n\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\tvalue=\"${(_, { parent }) => parent.textBlockType}\"\n\t\t\t\t@change=\"${(_, { parent, event }) =>\n\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\tparent,\n\t\t\t\t\t\t'text-block-selected',\n\t\t\t\t\t\t(event.target as HTMLSelectElement).value\n\t\t\t\t\t)}\"\n\t\t\t>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Title\"\n\t\t\t\t\tvalue=\"title\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"title\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Subtitle\"\n\t\t\t\t\tvalue=\"subtitle\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"subtitle\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Body\"\n\t\t\t\t\tvalue=\"body\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"body\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t</${selectTag}>\n\t\t</${tooltipTag}>\n\t\t`;\n\t\t},\n\t},\n\ttextDecoration: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener(\n\t\t\t\t'text-styles-changed',\n\t\t\t\ttextDecorationEventHandler\n\t\t\t);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\treturn html`\n\t\t\t\t<span id=\"text-decoration\">\n\t\t\t\t\t${repeat(\n\t\t\t\t\t\t(_) => TEXT_DECORATION_ITEMS,\n\t\t\t\t\t\thtml`\n <${tooltipTag} text=\"${(x) => x.text}\" placement=\"top\">\n <${buttonTag}\n class=\"selection-button\"\n slot=\"anchor\"\n aria-label=\"${(x) => x.text}\"\n size=\"super-condensed\"\n appearance=\"ghost-light\"\n shape=\"rounded\"\n icon=\"${(x) => x.icon}\"\n @click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'text-decoration-selected',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\"')}\"\n ></${buttonTag}>\n </${tooltipTag}>\n\t\t\t\t`\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t`;\n\t\t},\n\t},\n\ttextSize: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textSizeEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst menuTag = context.tagFor(Menu);\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\tconst menuItemTag = context.tagFor(MenuItem);\n\t\t\treturn html`\n <${menuTag}\n\t\t\t\t\t\tauto-dismiss\n trigger=\"auto\"\n id=\"text-size\"\n aria-label=\"Text Size\"\n placement=\"bottom-end\"\n >\n\t\t\t\t\t\t<${tooltipTag} slot=\"anchor\" text=\"Text Size\" placement=\"top\">\n <${buttonTag}\n slot=\"anchor\"\n aria-label=\"Open text size menu\"\n size=\"super-condensed\"\n appearance=\"ghost-light\"\n shape=\"pill\"\n icon=\"text-size-line\"\n ></${buttonTag}>\n\t\t\t\t\t\t</${tooltipTag}>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\t(_) => TEXT_SIZES,\n\t\t\t\t\t\t\thtml`\n\t\t\t\t\t\t\t<${menuItemTag}\n\t\t\t\t\t\t\t\tcheck-appearance=\"tick-only\"\n\t\t\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\t\t\ttext=\"${(x) => x.text}\"\n\t\t\t\t\t\t\t\tvalue=\"${(x) => x.value}\"\n\t\t\t\t\t\t\t\tinternal-part\n\t\t\t\t\t\t\t\tclass=\"menubar-selector-menuitem\"\n\t\t\t\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t\t\t\t\t@click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t'text-size-selected',\n\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t)}\"\n ></${menuItemTag}>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t)}\n </${menuTag}>\n `;\n\t\t},\n\t},\n\tdivider: {\n\t\trender: function (context) {\n\t\t\tconst dividerTag = context.tagFor(Divider);\n\t\t\treturn html`\n\t\t\t\t<${dividerTag} class=\"divider\" orientation=\"vertical\"></${dividerTag}>\n\t\t\t`;\n\t\t},\n\t},\n}"
26411
+ "default": "{\n\ttextBlock: {\n\t\tregisterStateProperty: function (menuBar: MenuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textBlockEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst selectTag = context.tagFor(Select);\n\t\t\tconst optionTag = context.tagFor(ListboxOption);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\n\t\t\treturn html`\n\t\t<${tooltipTag} text=\"${(_, { parent }) =>\n\t\t\t\tparent.locale.richTextEditor.textBlockType}\" placement=\"top\">\n\t\t\t<${selectTag}\n scale=\"condensed\"\n shape=\"rounded\"\n appearance=\"ghost\"\n\t\t\t\tslot=\"anchor\"\n\t\t\t\ttrigger=\"auto\"\n\t\t\t\tid=\"text-block\"\n\t\t\t\taria-label=\"Text Block\"\n\t\t\t\tplacement=\"bottom-end\"\n\t\t\t\tvalue=\"${(_, { parent }) => parent.textBlockType}\"\n\t\t\t\t@change=\"${(_, { parent, event }) =>\n\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\tparent,\n\t\t\t\t\t\t'text-block-selected',\n\t\t\t\t\t\t(event.target as HTMLSelectElement).value\n\t\t\t\t\t)}\"\n\t\t\t>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Title\"\n\t\t\t\t\tvalue=\"title\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"title\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Subtitle\"\n\t\t\t\t\tvalue=\"subtitle\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"subtitle\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t\t<${optionTag}\n\t\t\t\t\ttext=\"Body\"\n\t\t\t\t\tvalue=\"body\"\n\t\t\t\t\tinternal-part\n\t\t\t\t\tclass=\"body\"\n\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t></${optionTag}>\n\t\t\t</${selectTag}>\n\t\t</${tooltipTag}>\n\t\t`;\n\t\t},\n\t},\n\ttextDecoration: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener(\n\t\t\t\t'text-styles-changed',\n\t\t\t\ttextDecorationEventHandler\n\t\t\t);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\treturn html`\n\t\t\t\t<span id=\"text-decoration\">\n\t\t\t\t\t${repeat(\n\t\t\t\t\t\t(_) => TEXT_DECORATION_ITEMS,\n\t\t\t\t\t\thtml`\n <${tooltipTag} text=\"${(\n\t\t\t\t\t\t\tx,\n\t\t\t\t\t\t\t{ parentContext: { parent } }\n\t\t\t\t\t\t) => parent.locale.richTextEditor[x.value]}\" placement=\"top\">\n <${buttonTag}\n class=\"selection-button\"\n slot=\"anchor\"\n aria-label=\"${(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{ parentContext: { parent } }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) => parent.locale.richTextEditor[x.value]}\"\n size=\"super-condensed\"\n appearance=\"ghost-light\"\n shape=\"rounded\"\n icon=\"${(x) => x.icon}\"\n @click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'text-decoration-selected',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\"')}\"\n ></${buttonTag}>\n </${tooltipTag}>\n\t\t\t\t`\n\t\t\t\t\t)}\n\t\t\t\t</span>\n\t\t\t`;\n\t\t},\n\t},\n\ttextSize: {\n\t\tregisterStateProperty: function (menuBar) {\n\t\t\tmenuBar.addEventListener('text-styles-changed', textSizeEventHandler);\n\t\t},\n\t\trender: function (context) {\n\t\t\tconst menuTag = context.tagFor(Menu);\n\t\t\tconst buttonTag = context.tagFor(Button);\n\t\t\tconst tooltipTag = context.tagFor(Tooltip);\n\t\t\tconst menuItemTag = context.tagFor(MenuItem);\n\t\t\treturn html`\n <${menuTag}\n\t\t\t\t\t\tauto-dismiss\n trigger=\"auto\"\n id=\"text-size\"\n aria-label=\"Text Size\"\n placement=\"bottom-end\"\n >\n\t\t\t\t\t\t<${tooltipTag} slot=\"anchor\" text=\"${(_, { parent }) =>\n\t\t\t\tparent.locale.richTextEditor.textSize}\" placement=\"top\">\n <${buttonTag}\n slot=\"anchor\"\n aria-label=\"Open text size menu\"\n size=\"super-condensed\"\n appearance=\"ghost-light\"\n shape=\"pill\"\n icon=\"text-size-line\"\n ></${buttonTag}>\n\t\t\t\t\t\t</${tooltipTag}>\n\t\t\t\t\t\t${repeat(\n\t\t\t\t\t\t\t(_) => TEXT_SIZES,\n\t\t\t\t\t\t\thtml`\n\t\t\t\t\t\t\t<${menuItemTag}\n\t\t\t\t\t\t\t\tcheck-appearance=\"tick-only\"\n\t\t\t\t\t\t\t\trole=\"menuitemcheckbox\"\n\t\t\t\t\t\t\t\ttext=\"${(x) => x.text}\"\n\t\t\t\t\t\t\t\tvalue=\"${(x) => x.value}\"\n\t\t\t\t\t\t\t\tinternal-part\n\t\t\t\t\t\t\t\tclass=\"menubar-selector-menuitem\"\n\t\t\t\t\t\t\t\tconnotation=\"cta\"\n\t\t\t\t\t\t\t\t@click=\"${(x, c) =>\n\t\t\t\t\t\t\t\t\tnotifyMenuBarChange(\n\t\t\t\t\t\t\t\t\t\tc.parentContext.parent,\n\t\t\t\t\t\t\t\t\t\t'text-size-selected',\n\t\t\t\t\t\t\t\t\t\tx.value\n\t\t\t\t\t\t\t\t\t)}\"\n ></${menuItemTag}>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t)}\n </${menuTag}>\n `;\n\t\t},\n\t},\n\tdivider: {\n\t\trender: function (context) {\n\t\t\tconst dividerTag = context.tagFor(Divider);\n\t\t\treturn html`\n\t\t\t\t<${dividerTag} class=\"divider\" orientation=\"vertical\"></${dividerTag}>\n\t\t\t`;\n\t\t},\n\t},\n}"
26486
26412
  }
26487
26413
  ],
26488
26414
  "exports": [
@@ -26561,64 +26487,239 @@
26561
26487
  "name": "MenuBar",
26562
26488
  "members": [
26563
26489
  {
26564
- "kind": "field",
26565
- "name": "menuItems",
26490
+ "kind": "field",
26491
+ "name": "menuItems",
26492
+ "type": {
26493
+ "text": "string | undefined"
26494
+ }
26495
+ },
26496
+ {
26497
+ "kind": "field",
26498
+ "name": "#textEditorElement",
26499
+ "privacy": "private",
26500
+ "readonly": true
26501
+ },
26502
+ {
26503
+ "kind": "field",
26504
+ "name": "#updateTextStyleState",
26505
+ "privacy": "private",
26506
+ "type": {
26507
+ "text": "EventListener"
26508
+ },
26509
+ "default": "(() => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('text-styles-changed', {\n\t\t\t\tdetail: this.#textEditorElement?.selectionStyles,\n\t\t\t})\n\t\t);\n\t})"
26510
+ },
26511
+ {
26512
+ "kind": "field",
26513
+ "name": "VIVID_VERSION",
26514
+ "static": true,
26515
+ "default": "__PACKAGE_VERSION__",
26516
+ "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
26517
+ "type": {
26518
+ "text": "string"
26519
+ },
26520
+ "inheritedFrom": {
26521
+ "name": "VividElement",
26522
+ "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
26523
+ }
26524
+ }
26525
+ ],
26526
+ "attributes": [
26527
+ {
26528
+ "name": "menu-items",
26529
+ "type": {
26530
+ "text": "string | undefined"
26531
+ },
26532
+ "fieldName": "menuItems"
26533
+ }
26534
+ ],
26535
+ "mixins": [
26536
+ {
26537
+ "name": "Localized",
26538
+ "module": "/libs/components/src/shared/patterns"
26539
+ }
26540
+ ],
26541
+ "superclass": {
26542
+ "name": "VividElement",
26543
+ "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
26544
+ }
26545
+ }
26546
+ ],
26547
+ "exports": [
26548
+ {
26549
+ "kind": "js",
26550
+ "name": "MenuBar",
26551
+ "declaration": {
26552
+ "name": "MenuBar",
26553
+ "module": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts"
26554
+ }
26555
+ }
26556
+ ]
26557
+ },
26558
+ {
26559
+ "kind": "javascript-module",
26560
+ "path": "libs/components/src/shared/foundation/anchor/anchor.ts",
26561
+ "declarations": [
26562
+ {
26563
+ "kind": "class",
26564
+ "description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
26565
+ "name": "Anchor",
26566
+ "members": [
26567
+ {
26568
+ "kind": "field",
26569
+ "name": "download",
26570
+ "type": {
26571
+ "text": "string"
26572
+ },
26573
+ "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26574
+ "privacy": "public"
26575
+ },
26576
+ {
26577
+ "kind": "field",
26578
+ "name": "href",
26579
+ "type": {
26580
+ "text": "string"
26581
+ },
26582
+ "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26583
+ "privacy": "public"
26584
+ },
26585
+ {
26586
+ "kind": "field",
26587
+ "name": "hreflang",
26588
+ "type": {
26589
+ "text": "string"
26590
+ },
26591
+ "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26592
+ "privacy": "public"
26593
+ },
26594
+ {
26595
+ "kind": "field",
26596
+ "name": "ping",
26597
+ "type": {
26598
+ "text": "string"
26599
+ },
26600
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26601
+ "privacy": "public"
26602
+ },
26603
+ {
26604
+ "kind": "field",
26605
+ "name": "referrerpolicy",
26606
+ "type": {
26607
+ "text": "string"
26608
+ },
26609
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26610
+ "privacy": "public"
26611
+ },
26612
+ {
26613
+ "kind": "field",
26614
+ "name": "rel",
26615
+ "type": {
26616
+ "text": "string"
26617
+ },
26618
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26619
+ "privacy": "public"
26620
+ },
26621
+ {
26622
+ "kind": "field",
26623
+ "name": "target",
26624
+ "type": {
26625
+ "text": "'_self' | '_blank' | '_parent' | '_top'"
26626
+ },
26627
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26628
+ "privacy": "public"
26629
+ },
26630
+ {
26631
+ "kind": "field",
26632
+ "name": "type",
26633
+ "type": {
26634
+ "text": "string"
26635
+ },
26636
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26637
+ "privacy": "public"
26638
+ },
26639
+ {
26640
+ "kind": "field",
26641
+ "name": "control",
26642
+ "type": {
26643
+ "text": "HTMLAnchorElement | undefined"
26644
+ },
26645
+ "description": "References the root element"
26646
+ }
26647
+ ],
26648
+ "attributes": [
26649
+ {
26650
+ "name": "download",
26566
26651
  "type": {
26567
- "text": "string | undefined"
26568
- }
26652
+ "text": "string"
26653
+ },
26654
+ "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26655
+ "fieldName": "download"
26569
26656
  },
26570
26657
  {
26571
- "kind": "field",
26572
- "name": "#textEditorElement",
26573
- "privacy": "private",
26574
- "readonly": true
26658
+ "name": "href",
26659
+ "type": {
26660
+ "text": "string"
26661
+ },
26662
+ "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26663
+ "fieldName": "href"
26575
26664
  },
26576
26665
  {
26577
- "kind": "field",
26578
- "name": "#updateTextStyleState",
26579
- "privacy": "private",
26666
+ "name": "hreflang",
26580
26667
  "type": {
26581
- "text": "EventListener"
26668
+ "text": "string"
26582
26669
  },
26583
- "default": "(() => {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('text-styles-changed', {\n\t\t\t\tdetail: this.#textEditorElement?.selectionStyles,\n\t\t\t})\n\t\t);\n\t})"
26670
+ "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26671
+ "fieldName": "hreflang"
26584
26672
  },
26585
26673
  {
26586
- "kind": "field",
26587
- "name": "VIVID_VERSION",
26588
- "static": true,
26589
- "default": "__PACKAGE_VERSION__",
26590
- "description": "The current version of the Vivid library, which is useful for debugging.\nIt can be accessed from any Vivid element via `<el>.constructor.VIVID_VERSION`.",
26674
+ "name": "ping",
26591
26675
  "type": {
26592
26676
  "text": "string"
26593
26677
  },
26594
- "inheritedFrom": {
26595
- "name": "VividElement",
26596
- "module": "libs/components/src/shared/foundation/vivid-element/vivid-element.ts"
26597
- }
26598
- }
26599
- ],
26600
- "attributes": [
26678
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26679
+ "fieldName": "ping"
26680
+ },
26601
26681
  {
26602
- "name": "menu-items",
26682
+ "name": "referrerpolicy",
26603
26683
  "type": {
26604
- "text": "string | undefined"
26684
+ "text": "string"
26605
26685
  },
26606
- "fieldName": "menuItems"
26686
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26687
+ "fieldName": "referrerpolicy"
26688
+ },
26689
+ {
26690
+ "name": "rel",
26691
+ "type": {
26692
+ "text": "string"
26693
+ },
26694
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26695
+ "fieldName": "rel"
26696
+ },
26697
+ {
26698
+ "name": "target",
26699
+ "type": {
26700
+ "text": "'_self' | '_blank' | '_parent' | '_top'"
26701
+ },
26702
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26703
+ "fieldName": "target"
26704
+ },
26705
+ {
26706
+ "name": "type",
26707
+ "type": {
26708
+ "text": "string"
26709
+ },
26710
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26711
+ "fieldName": "type"
26607
26712
  }
26608
- ],
26609
- "superclass": {
26610
- "name": "VividElement",
26611
- "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
26612
- }
26713
+ ]
26613
26714
  }
26614
26715
  ],
26615
26716
  "exports": [
26616
26717
  {
26617
26718
  "kind": "js",
26618
- "name": "MenuBar",
26719
+ "name": "Anchor",
26619
26720
  "declaration": {
26620
- "name": "MenuBar",
26621
- "module": "libs/components/src/lib/rich-text-editor/menubar/menubar.ts"
26721
+ "name": "Anchor",
26722
+ "module": "libs/components/src/shared/foundation/anchor/anchor.ts"
26622
26723
  }
26623
26724
  }
26624
26725
  ]
@@ -26953,175 +27054,6 @@
26953
27054
  }
26954
27055
  ]
26955
27056
  },
26956
- {
26957
- "kind": "javascript-module",
26958
- "path": "libs/components/src/shared/foundation/anchor/anchor.ts",
26959
- "declarations": [
26960
- {
26961
- "kind": "class",
26962
- "description": "Based largely on the https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element .",
26963
- "name": "Anchor",
26964
- "members": [
26965
- {
26966
- "kind": "field",
26967
- "name": "download",
26968
- "type": {
26969
- "text": "string"
26970
- },
26971
- "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26972
- "privacy": "public"
26973
- },
26974
- {
26975
- "kind": "field",
26976
- "name": "href",
26977
- "type": {
26978
- "text": "string"
26979
- },
26980
- "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26981
- "privacy": "public"
26982
- },
26983
- {
26984
- "kind": "field",
26985
- "name": "hreflang",
26986
- "type": {
26987
- "text": "string"
26988
- },
26989
- "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26990
- "privacy": "public"
26991
- },
26992
- {
26993
- "kind": "field",
26994
- "name": "ping",
26995
- "type": {
26996
- "text": "string"
26997
- },
26998
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
26999
- "privacy": "public"
27000
- },
27001
- {
27002
- "kind": "field",
27003
- "name": "referrerpolicy",
27004
- "type": {
27005
- "text": "string"
27006
- },
27007
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27008
- "privacy": "public"
27009
- },
27010
- {
27011
- "kind": "field",
27012
- "name": "rel",
27013
- "type": {
27014
- "text": "string"
27015
- },
27016
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27017
- "privacy": "public"
27018
- },
27019
- {
27020
- "kind": "field",
27021
- "name": "target",
27022
- "type": {
27023
- "text": "'_self' | '_blank' | '_parent' | '_top'"
27024
- },
27025
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27026
- "privacy": "public"
27027
- },
27028
- {
27029
- "kind": "field",
27030
- "name": "type",
27031
- "type": {
27032
- "text": "string"
27033
- },
27034
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27035
- "privacy": "public"
27036
- },
27037
- {
27038
- "kind": "field",
27039
- "name": "control",
27040
- "type": {
27041
- "text": "HTMLAnchorElement | undefined"
27042
- },
27043
- "description": "References the root element"
27044
- }
27045
- ],
27046
- "attributes": [
27047
- {
27048
- "name": "download",
27049
- "type": {
27050
- "text": "string"
27051
- },
27052
- "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27053
- "fieldName": "download"
27054
- },
27055
- {
27056
- "name": "href",
27057
- "type": {
27058
- "text": "string"
27059
- },
27060
- "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27061
- "fieldName": "href"
27062
- },
27063
- {
27064
- "name": "hreflang",
27065
- "type": {
27066
- "text": "string"
27067
- },
27068
- "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27069
- "fieldName": "hreflang"
27070
- },
27071
- {
27072
- "name": "ping",
27073
- "type": {
27074
- "text": "string"
27075
- },
27076
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27077
- "fieldName": "ping"
27078
- },
27079
- {
27080
- "name": "referrerpolicy",
27081
- "type": {
27082
- "text": "string"
27083
- },
27084
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27085
- "fieldName": "referrerpolicy"
27086
- },
27087
- {
27088
- "name": "rel",
27089
- "type": {
27090
- "text": "string"
27091
- },
27092
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27093
- "fieldName": "rel"
27094
- },
27095
- {
27096
- "name": "target",
27097
- "type": {
27098
- "text": "'_self' | '_blank' | '_parent' | '_top'"
27099
- },
27100
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27101
- "fieldName": "target"
27102
- },
27103
- {
27104
- "name": "type",
27105
- "type": {
27106
- "text": "string"
27107
- },
27108
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
27109
- "fieldName": "type"
27110
- }
27111
- ]
27112
- }
27113
- ],
27114
- "exports": [
27115
- {
27116
- "kind": "js",
27117
- "name": "Anchor",
27118
- "declaration": {
27119
- "name": "Anchor",
27120
- "module": "libs/components/src/shared/foundation/anchor/anchor.ts"
27121
- }
27122
- }
27123
- ]
27124
- },
27125
27057
  {
27126
27058
  "kind": "javascript-module",
27127
27059
  "path": "libs/components/src/shared/foundation/form-associated/form-associated.ts",