@momentum-design/components 0.92.5 → 0.93.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +467 -467
- package/dist/react/index.d.ts +3 -3
- package/dist/react/index.js +3 -3
- package/package.json +1 -1
|
@@ -530,218 +530,6 @@
|
|
|
530
530
|
}
|
|
531
531
|
]
|
|
532
532
|
},
|
|
533
|
-
{
|
|
534
|
-
"kind": "javascript-module",
|
|
535
|
-
"path": "components/animation/animation.component.js",
|
|
536
|
-
"declarations": [
|
|
537
|
-
{
|
|
538
|
-
"kind": "class",
|
|
539
|
-
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
540
|
-
"name": "Animation",
|
|
541
|
-
"members": [
|
|
542
|
-
{
|
|
543
|
-
"kind": "field",
|
|
544
|
-
"name": "name",
|
|
545
|
-
"type": {
|
|
546
|
-
"text": "AnimationNames | undefined"
|
|
547
|
-
},
|
|
548
|
-
"description": "Name of the animation (= filename)",
|
|
549
|
-
"attribute": "name",
|
|
550
|
-
"reflects": true
|
|
551
|
-
},
|
|
552
|
-
{
|
|
553
|
-
"kind": "field",
|
|
554
|
-
"name": "loop",
|
|
555
|
-
"type": {
|
|
556
|
-
"text": "LoopType | undefined"
|
|
557
|
-
},
|
|
558
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
559
|
-
"attribute": "loop",
|
|
560
|
-
"reflects": true
|
|
561
|
-
},
|
|
562
|
-
{
|
|
563
|
-
"kind": "field",
|
|
564
|
-
"name": "autoplay",
|
|
565
|
-
"type": {
|
|
566
|
-
"text": "boolean | undefined"
|
|
567
|
-
},
|
|
568
|
-
"description": "Weather start the animation automatically",
|
|
569
|
-
"attribute": "autoplay",
|
|
570
|
-
"reflects": true
|
|
571
|
-
},
|
|
572
|
-
{
|
|
573
|
-
"kind": "field",
|
|
574
|
-
"name": "ariaLabel",
|
|
575
|
-
"type": {
|
|
576
|
-
"text": "string | null"
|
|
577
|
-
},
|
|
578
|
-
"default": "null",
|
|
579
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
580
|
-
"attribute": "aria-label"
|
|
581
|
-
},
|
|
582
|
-
{
|
|
583
|
-
"kind": "field",
|
|
584
|
-
"name": "ariaLabelledBy",
|
|
585
|
-
"type": {
|
|
586
|
-
"text": "string | null"
|
|
587
|
-
},
|
|
588
|
-
"default": "null",
|
|
589
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
590
|
-
"attribute": "aria-labelledby"
|
|
591
|
-
},
|
|
592
|
-
{
|
|
593
|
-
"kind": "field",
|
|
594
|
-
"name": "lottieInstance",
|
|
595
|
-
"type": {
|
|
596
|
-
"text": "AnimationItem | undefined"
|
|
597
|
-
},
|
|
598
|
-
"privacy": "private",
|
|
599
|
-
"description": "Lottie animation instance"
|
|
600
|
-
},
|
|
601
|
-
{
|
|
602
|
-
"kind": "field",
|
|
603
|
-
"name": "containerRef",
|
|
604
|
-
"type": {
|
|
605
|
-
"text": "Ref<HTMLDivElement>"
|
|
606
|
-
},
|
|
607
|
-
"privacy": "private",
|
|
608
|
-
"description": "Container for the animation"
|
|
609
|
-
},
|
|
610
|
-
{
|
|
611
|
-
"kind": "field",
|
|
612
|
-
"name": "animation",
|
|
613
|
-
"description": "Exposed API of the animation library (lottie)",
|
|
614
|
-
"readonly": true
|
|
615
|
-
},
|
|
616
|
-
{
|
|
617
|
-
"kind": "method",
|
|
618
|
-
"name": "getLoopValue",
|
|
619
|
-
"privacy": "private"
|
|
620
|
-
},
|
|
621
|
-
{
|
|
622
|
-
"kind": "method",
|
|
623
|
-
"name": "onLoadSuccessHandler",
|
|
624
|
-
"privacy": "private",
|
|
625
|
-
"parameters": [
|
|
626
|
-
{
|
|
627
|
-
"name": "animationData",
|
|
628
|
-
"type": {
|
|
629
|
-
"text": "any"
|
|
630
|
-
}
|
|
631
|
-
}
|
|
632
|
-
],
|
|
633
|
-
"description": "Create new lotty instance for the loaded data"
|
|
634
|
-
},
|
|
635
|
-
{
|
|
636
|
-
"kind": "method",
|
|
637
|
-
"name": "onLoadFailHandler",
|
|
638
|
-
"privacy": "private",
|
|
639
|
-
"parameters": [
|
|
640
|
-
{
|
|
641
|
-
"name": "error",
|
|
642
|
-
"type": {
|
|
643
|
-
"text": "Error"
|
|
644
|
-
}
|
|
645
|
-
}
|
|
646
|
-
],
|
|
647
|
-
"description": "Error handler for animation loading"
|
|
648
|
-
},
|
|
649
|
-
{
|
|
650
|
-
"kind": "method",
|
|
651
|
-
"name": "getAnimationData",
|
|
652
|
-
"privacy": "private",
|
|
653
|
-
"description": "Import animation data dynamically"
|
|
654
|
-
},
|
|
655
|
-
{
|
|
656
|
-
"kind": "field",
|
|
657
|
-
"name": "onCompleteHandler",
|
|
658
|
-
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
659
|
-
}
|
|
660
|
-
],
|
|
661
|
-
"events": [
|
|
662
|
-
{
|
|
663
|
-
"name": "load",
|
|
664
|
-
"type": {
|
|
665
|
-
"text": "CustomEvent"
|
|
666
|
-
},
|
|
667
|
-
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
668
|
-
"reactName": "onLoad"
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
672
|
-
"name": "complete",
|
|
673
|
-
"reactName": "onComplete"
|
|
674
|
-
},
|
|
675
|
-
{
|
|
676
|
-
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
677
|
-
"name": "error",
|
|
678
|
-
"reactName": "onError"
|
|
679
|
-
}
|
|
680
|
-
],
|
|
681
|
-
"attributes": [
|
|
682
|
-
{
|
|
683
|
-
"name": "name",
|
|
684
|
-
"type": {
|
|
685
|
-
"text": "AnimationNames | undefined"
|
|
686
|
-
},
|
|
687
|
-
"description": "Name of the animation (= filename)",
|
|
688
|
-
"fieldName": "name"
|
|
689
|
-
},
|
|
690
|
-
{
|
|
691
|
-
"name": "loop",
|
|
692
|
-
"type": {
|
|
693
|
-
"text": "LoopType | undefined"
|
|
694
|
-
},
|
|
695
|
-
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
696
|
-
"fieldName": "loop"
|
|
697
|
-
},
|
|
698
|
-
{
|
|
699
|
-
"name": "autoplay",
|
|
700
|
-
"type": {
|
|
701
|
-
"text": "boolean | undefined"
|
|
702
|
-
},
|
|
703
|
-
"description": "Weather start the animation automatically",
|
|
704
|
-
"fieldName": "autoplay"
|
|
705
|
-
},
|
|
706
|
-
{
|
|
707
|
-
"name": "aria-label",
|
|
708
|
-
"type": {
|
|
709
|
-
"text": "string | null"
|
|
710
|
-
},
|
|
711
|
-
"default": "null",
|
|
712
|
-
"description": "Aria-label attribute to be set for accessibility",
|
|
713
|
-
"fieldName": "ariaLabel"
|
|
714
|
-
},
|
|
715
|
-
{
|
|
716
|
-
"name": "aria-labelledby",
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "string | null"
|
|
719
|
-
},
|
|
720
|
-
"default": "null",
|
|
721
|
-
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
722
|
-
"fieldName": "ariaLabelledBy"
|
|
723
|
-
}
|
|
724
|
-
],
|
|
725
|
-
"superclass": {
|
|
726
|
-
"name": "Component",
|
|
727
|
-
"module": "/src/models"
|
|
728
|
-
},
|
|
729
|
-
"tagName": "mdc-animation",
|
|
730
|
-
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
731
|
-
"customElement": true
|
|
732
|
-
}
|
|
733
|
-
],
|
|
734
|
-
"exports": [
|
|
735
|
-
{
|
|
736
|
-
"kind": "js",
|
|
737
|
-
"name": "default",
|
|
738
|
-
"declaration": {
|
|
739
|
-
"name": "Animation",
|
|
740
|
-
"module": "components/animation/animation.component.js"
|
|
741
|
-
}
|
|
742
|
-
}
|
|
743
|
-
]
|
|
744
|
-
},
|
|
745
533
|
{
|
|
746
534
|
"kind": "javascript-module",
|
|
747
535
|
"path": "components/appheader/appheader.component.js",
|
|
@@ -982,80 +770,292 @@
|
|
|
982
770
|
}
|
|
983
771
|
},
|
|
984
772
|
{
|
|
985
|
-
"name": "initials",
|
|
773
|
+
"name": "initials",
|
|
774
|
+
"type": {
|
|
775
|
+
"text": "string | undefined"
|
|
776
|
+
},
|
|
777
|
+
"description": "The initials to be displayed for the avatar.",
|
|
778
|
+
"fieldName": "initials",
|
|
779
|
+
"inheritedFrom": {
|
|
780
|
+
"name": "AvatarComponentMixin",
|
|
781
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
782
|
+
}
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"name": "presence",
|
|
786
|
+
"type": {
|
|
787
|
+
"text": "PresenceType | undefined"
|
|
788
|
+
},
|
|
789
|
+
"description": "The presence is the status which can be used to display the\nactivity state of a user or a space within an avatar component.\n\nAcceptable values include:\n- `active`\n- `away`\n- `away-calling`\n- `busy`\n- `dnd`\n- `meeting`\n- `on-call`\n- `on-device`\n- `on-mobile`\n- `pause`\n- `pto`\n- `presenting`\n- `quiet`\n- `scheduled`",
|
|
790
|
+
"fieldName": "presence",
|
|
791
|
+
"inheritedFrom": {
|
|
792
|
+
"name": "AvatarComponentMixin",
|
|
793
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
794
|
+
}
|
|
795
|
+
},
|
|
796
|
+
{
|
|
797
|
+
"name": "size",
|
|
798
|
+
"type": {
|
|
799
|
+
"text": "AvatarSize"
|
|
800
|
+
},
|
|
801
|
+
"description": "Acceptable values include (size in px unit):\n- 24\n- 32\n- 48\n- 64\n- 72\n- 88\n- 124",
|
|
802
|
+
"default": "32",
|
|
803
|
+
"fieldName": "size",
|
|
804
|
+
"inheritedFrom": {
|
|
805
|
+
"name": "AvatarComponentMixin",
|
|
806
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
807
|
+
}
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"name": "counter",
|
|
811
|
+
"type": {
|
|
812
|
+
"text": "number | undefined"
|
|
813
|
+
},
|
|
814
|
+
"description": "The counter is the number which can be displayed on the avatar.\nThe maximum number is 99 and if the given number is greater than 99,\nthen the avatar will be displayed as `99+`.\nIf the given number is a negative number,\nthen the avatar will be displayed as `0`.",
|
|
815
|
+
"fieldName": "counter",
|
|
816
|
+
"inheritedFrom": {
|
|
817
|
+
"name": "AvatarComponentMixin",
|
|
818
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
819
|
+
}
|
|
820
|
+
},
|
|
821
|
+
{
|
|
822
|
+
"name": "is-typing",
|
|
823
|
+
"type": {
|
|
824
|
+
"text": "boolean"
|
|
825
|
+
},
|
|
826
|
+
"default": "false",
|
|
827
|
+
"description": "Represents the typing indicator when the user is typing.",
|
|
828
|
+
"fieldName": "isTyping",
|
|
829
|
+
"inheritedFrom": {
|
|
830
|
+
"name": "AvatarComponentMixin",
|
|
831
|
+
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
832
|
+
}
|
|
833
|
+
},
|
|
834
|
+
{
|
|
835
|
+
"name": "icon-name",
|
|
836
|
+
"type": {
|
|
837
|
+
"text": "IconNames | undefined"
|
|
838
|
+
},
|
|
839
|
+
"description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
|
|
840
|
+
"fieldName": "iconName",
|
|
841
|
+
"inheritedFrom": {
|
|
842
|
+
"name": "IconNameMixin",
|
|
843
|
+
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
844
|
+
}
|
|
845
|
+
}
|
|
846
|
+
]
|
|
847
|
+
}
|
|
848
|
+
],
|
|
849
|
+
"exports": [
|
|
850
|
+
{
|
|
851
|
+
"kind": "js",
|
|
852
|
+
"name": "default",
|
|
853
|
+
"declaration": {
|
|
854
|
+
"name": "Avatar",
|
|
855
|
+
"module": "components/avatar/avatar.component.js"
|
|
856
|
+
}
|
|
857
|
+
}
|
|
858
|
+
]
|
|
859
|
+
},
|
|
860
|
+
{
|
|
861
|
+
"kind": "javascript-module",
|
|
862
|
+
"path": "components/animation/animation.component.js",
|
|
863
|
+
"declarations": [
|
|
864
|
+
{
|
|
865
|
+
"kind": "class",
|
|
866
|
+
"description": "The `mdc-animation` component is a wrapper around the Lottie animation library.\nIt fetches the animation data dynamically based on the provided name and renders it.\nThis is a display only component that does not have any interactive functionality.\nFrom accessibility perspective, (by default) it is a decorative image component.",
|
|
867
|
+
"name": "Animation",
|
|
868
|
+
"members": [
|
|
869
|
+
{
|
|
870
|
+
"kind": "field",
|
|
871
|
+
"name": "name",
|
|
872
|
+
"type": {
|
|
873
|
+
"text": "AnimationNames | undefined"
|
|
874
|
+
},
|
|
875
|
+
"description": "Name of the animation (= filename)",
|
|
876
|
+
"attribute": "name",
|
|
877
|
+
"reflects": true
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"kind": "field",
|
|
881
|
+
"name": "loop",
|
|
882
|
+
"type": {
|
|
883
|
+
"text": "LoopType | undefined"
|
|
884
|
+
},
|
|
885
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
886
|
+
"attribute": "loop",
|
|
887
|
+
"reflects": true
|
|
888
|
+
},
|
|
889
|
+
{
|
|
890
|
+
"kind": "field",
|
|
891
|
+
"name": "autoplay",
|
|
892
|
+
"type": {
|
|
893
|
+
"text": "boolean | undefined"
|
|
894
|
+
},
|
|
895
|
+
"description": "Weather start the animation automatically",
|
|
896
|
+
"attribute": "autoplay",
|
|
897
|
+
"reflects": true
|
|
898
|
+
},
|
|
899
|
+
{
|
|
900
|
+
"kind": "field",
|
|
901
|
+
"name": "ariaLabel",
|
|
902
|
+
"type": {
|
|
903
|
+
"text": "string | null"
|
|
904
|
+
},
|
|
905
|
+
"default": "null",
|
|
906
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
907
|
+
"attribute": "aria-label"
|
|
908
|
+
},
|
|
909
|
+
{
|
|
910
|
+
"kind": "field",
|
|
911
|
+
"name": "ariaLabelledBy",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "string | null"
|
|
914
|
+
},
|
|
915
|
+
"default": "null",
|
|
916
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
917
|
+
"attribute": "aria-labelledby"
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"kind": "field",
|
|
921
|
+
"name": "lottieInstance",
|
|
922
|
+
"type": {
|
|
923
|
+
"text": "AnimationItem | undefined"
|
|
924
|
+
},
|
|
925
|
+
"privacy": "private",
|
|
926
|
+
"description": "Lottie animation instance"
|
|
927
|
+
},
|
|
928
|
+
{
|
|
929
|
+
"kind": "field",
|
|
930
|
+
"name": "containerRef",
|
|
931
|
+
"type": {
|
|
932
|
+
"text": "Ref<HTMLDivElement>"
|
|
933
|
+
},
|
|
934
|
+
"privacy": "private",
|
|
935
|
+
"description": "Container for the animation"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"kind": "field",
|
|
939
|
+
"name": "animation",
|
|
940
|
+
"description": "Exposed API of the animation library (lottie)",
|
|
941
|
+
"readonly": true
|
|
942
|
+
},
|
|
943
|
+
{
|
|
944
|
+
"kind": "method",
|
|
945
|
+
"name": "getLoopValue",
|
|
946
|
+
"privacy": "private"
|
|
947
|
+
},
|
|
948
|
+
{
|
|
949
|
+
"kind": "method",
|
|
950
|
+
"name": "onLoadSuccessHandler",
|
|
951
|
+
"privacy": "private",
|
|
952
|
+
"parameters": [
|
|
953
|
+
{
|
|
954
|
+
"name": "animationData",
|
|
955
|
+
"type": {
|
|
956
|
+
"text": "any"
|
|
957
|
+
}
|
|
958
|
+
}
|
|
959
|
+
],
|
|
960
|
+
"description": "Create new lotty instance for the loaded data"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"kind": "method",
|
|
964
|
+
"name": "onLoadFailHandler",
|
|
965
|
+
"privacy": "private",
|
|
966
|
+
"parameters": [
|
|
967
|
+
{
|
|
968
|
+
"name": "error",
|
|
969
|
+
"type": {
|
|
970
|
+
"text": "Error"
|
|
971
|
+
}
|
|
972
|
+
}
|
|
973
|
+
],
|
|
974
|
+
"description": "Error handler for animation loading"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"kind": "method",
|
|
978
|
+
"name": "getAnimationData",
|
|
979
|
+
"privacy": "private",
|
|
980
|
+
"description": "Import animation data dynamically"
|
|
981
|
+
},
|
|
982
|
+
{
|
|
983
|
+
"kind": "field",
|
|
984
|
+
"name": "onCompleteHandler",
|
|
985
|
+
"description": "Re-dispatch the complete event from the animation library\n\nThis handler called with the animation instance instead of the component instance\nso we need to bind it to the component instance. The arrow function just does that."
|
|
986
|
+
}
|
|
987
|
+
],
|
|
988
|
+
"events": [
|
|
989
|
+
{
|
|
990
|
+
"name": "load",
|
|
986
991
|
"type": {
|
|
987
|
-
"text": "
|
|
992
|
+
"text": "CustomEvent"
|
|
988
993
|
},
|
|
989
|
-
"description": "
|
|
990
|
-
"
|
|
991
|
-
"inheritedFrom": {
|
|
992
|
-
"name": "AvatarComponentMixin",
|
|
993
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
994
|
-
}
|
|
994
|
+
"description": "(React: onLoad) This event is dispatched when the animation is loaded",
|
|
995
|
+
"reactName": "onLoad"
|
|
995
996
|
},
|
|
996
997
|
{
|
|
997
|
-
"
|
|
998
|
+
"description": "(React: onComplete) This event is dispatched when all animation loops completed",
|
|
999
|
+
"name": "complete",
|
|
1000
|
+
"reactName": "onComplete"
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"description": "(React: onError) This event is dispatched when animation loading failed",
|
|
1004
|
+
"name": "error",
|
|
1005
|
+
"reactName": "onError"
|
|
1006
|
+
}
|
|
1007
|
+
],
|
|
1008
|
+
"attributes": [
|
|
1009
|
+
{
|
|
1010
|
+
"name": "name",
|
|
998
1011
|
"type": {
|
|
999
|
-
"text": "
|
|
1012
|
+
"text": "AnimationNames | undefined"
|
|
1000
1013
|
},
|
|
1001
|
-
"description": "
|
|
1002
|
-
"fieldName": "
|
|
1003
|
-
"inheritedFrom": {
|
|
1004
|
-
"name": "AvatarComponentMixin",
|
|
1005
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1006
|
-
}
|
|
1014
|
+
"description": "Name of the animation (= filename)",
|
|
1015
|
+
"fieldName": "name"
|
|
1007
1016
|
},
|
|
1008
1017
|
{
|
|
1009
|
-
"name": "
|
|
1018
|
+
"name": "loop",
|
|
1010
1019
|
"type": {
|
|
1011
|
-
"text": "
|
|
1020
|
+
"text": "LoopType | undefined"
|
|
1012
1021
|
},
|
|
1013
|
-
"description": "
|
|
1014
|
-
"
|
|
1015
|
-
"fieldName": "size",
|
|
1016
|
-
"inheritedFrom": {
|
|
1017
|
-
"name": "AvatarComponentMixin",
|
|
1018
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1019
|
-
}
|
|
1022
|
+
"description": "How many times to loop the animation\n- \"true\" - infinite\n- \"false\" - no loop\n- number - number of times to loop",
|
|
1023
|
+
"fieldName": "loop"
|
|
1020
1024
|
},
|
|
1021
1025
|
{
|
|
1022
|
-
"name": "
|
|
1026
|
+
"name": "autoplay",
|
|
1023
1027
|
"type": {
|
|
1024
|
-
"text": "
|
|
1028
|
+
"text": "boolean | undefined"
|
|
1025
1029
|
},
|
|
1026
|
-
"description": "
|
|
1027
|
-
"fieldName": "
|
|
1028
|
-
"inheritedFrom": {
|
|
1029
|
-
"name": "AvatarComponentMixin",
|
|
1030
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1031
|
-
}
|
|
1030
|
+
"description": "Weather start the animation automatically",
|
|
1031
|
+
"fieldName": "autoplay"
|
|
1032
1032
|
},
|
|
1033
1033
|
{
|
|
1034
|
-
"name": "
|
|
1034
|
+
"name": "aria-label",
|
|
1035
1035
|
"type": {
|
|
1036
|
-
"text": "
|
|
1036
|
+
"text": "string | null"
|
|
1037
1037
|
},
|
|
1038
|
-
"default": "
|
|
1039
|
-
"description": "
|
|
1040
|
-
"fieldName": "
|
|
1041
|
-
"inheritedFrom": {
|
|
1042
|
-
"name": "AvatarComponentMixin",
|
|
1043
|
-
"module": "src/utils/mixins/AvatarComponentMixin.ts"
|
|
1044
|
-
}
|
|
1038
|
+
"default": "null",
|
|
1039
|
+
"description": "Aria-label attribute to be set for accessibility",
|
|
1040
|
+
"fieldName": "ariaLabel"
|
|
1045
1041
|
},
|
|
1046
1042
|
{
|
|
1047
|
-
"name": "
|
|
1043
|
+
"name": "aria-labelledby",
|
|
1048
1044
|
"type": {
|
|
1049
|
-
"text": "
|
|
1045
|
+
"text": "string | null"
|
|
1050
1046
|
},
|
|
1051
|
-
"
|
|
1052
|
-
"
|
|
1053
|
-
"
|
|
1054
|
-
"name": "IconNameMixin",
|
|
1055
|
-
"module": "src/utils/mixins/IconNameMixin.ts"
|
|
1056
|
-
}
|
|
1047
|
+
"default": "null",
|
|
1048
|
+
"description": "Aria-labelledby attribute to be set for accessibility",
|
|
1049
|
+
"fieldName": "ariaLabelledBy"
|
|
1057
1050
|
}
|
|
1058
|
-
]
|
|
1051
|
+
],
|
|
1052
|
+
"superclass": {
|
|
1053
|
+
"name": "Component",
|
|
1054
|
+
"module": "/src/models"
|
|
1055
|
+
},
|
|
1056
|
+
"tagName": "mdc-animation",
|
|
1057
|
+
"jsDoc": "/**\n * The `mdc-animation` component is a wrapper around the Lottie animation library.\n * It fetches the animation data dynamically based on the provided name and renders it.\n * This is a display only component that does not have any interactive functionality.\n * From accessibility perspective, (by default) it is a decorative image component.\n *\n * @tagname mdc-animation\n *\n * @event load - (React: onLoad) This event is dispatched when the animation is loaded\n * @event complete - (React: onComplete) This event is dispatched when all animation loops completed\n * @event error - (React: onError) This event is dispatched when animation loading failed\n */",
|
|
1058
|
+
"customElement": true
|
|
1059
1059
|
}
|
|
1060
1060
|
],
|
|
1061
1061
|
"exports": [
|
|
@@ -1063,8 +1063,8 @@
|
|
|
1063
1063
|
"kind": "js",
|
|
1064
1064
|
"name": "default",
|
|
1065
1065
|
"declaration": {
|
|
1066
|
-
"name": "
|
|
1067
|
-
"module": "components/
|
|
1066
|
+
"name": "Animation",
|
|
1067
|
+
"module": "components/animation/animation.component.js"
|
|
1068
1068
|
}
|
|
1069
1069
|
}
|
|
1070
1070
|
]
|
|
@@ -18457,169 +18457,28 @@
|
|
|
18457
18457
|
{
|
|
18458
18458
|
"description": "Allows customization of the disabled color.",
|
|
18459
18459
|
"name": "--mdc-listitem-disabled-color",
|
|
18460
|
-
"inheritedFrom": {
|
|
18461
|
-
"name": "ListItem",
|
|
18462
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
18463
|
-
}
|
|
18464
|
-
},
|
|
18465
|
-
{
|
|
18466
|
-
"description": "Allows customization of column gap.",
|
|
18467
|
-
"name": "--mdc-listitem-column-gap",
|
|
18468
|
-
"inheritedFrom": {
|
|
18469
|
-
"name": "ListItem",
|
|
18470
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
18471
|
-
}
|
|
18472
|
-
},
|
|
18473
|
-
{
|
|
18474
|
-
"description": "Allows customization of padding left and right.",
|
|
18475
|
-
"name": "--mdc-listitem-padding-left-and-right",
|
|
18476
|
-
"inheritedFrom": {
|
|
18477
|
-
"name": "ListItem",
|
|
18478
|
-
"module": "src/components/listitem/listitem.component.ts"
|
|
18479
|
-
}
|
|
18480
|
-
}
|
|
18481
|
-
]
|
|
18482
|
-
}
|
|
18483
|
-
],
|
|
18484
|
-
"exports": [
|
|
18485
|
-
{
|
|
18486
|
-
"kind": "js",
|
|
18487
|
-
"name": "default",
|
|
18488
|
-
"declaration": {
|
|
18489
|
-
"name": "MenuItemRadio",
|
|
18490
|
-
"module": "components/menuitemradio/menuitemradio.component.js"
|
|
18491
|
-
}
|
|
18492
|
-
}
|
|
18493
|
-
]
|
|
18494
|
-
},
|
|
18495
|
-
{
|
|
18496
|
-
"kind": "javascript-module",
|
|
18497
|
-
"path": "components/menusection/menusection.component.js",
|
|
18498
|
-
"declarations": [
|
|
18499
|
-
{
|
|
18500
|
-
"kind": "class",
|
|
18501
|
-
"description": "`mdc-menusection` is a container element used to group a set of menu items.\n\nThis component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.\n\n- If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:\n only one radio item can be selected at a time.\n- If `menuitemcheckbox` components are included, their checked state can be toggled independently.",
|
|
18502
|
-
"name": "MenuSection",
|
|
18503
|
-
"slots": [
|
|
18504
|
-
{
|
|
18505
|
-
"description": "Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`",
|
|
18506
|
-
"name": ""
|
|
18507
|
-
}
|
|
18508
|
-
],
|
|
18509
|
-
"members": [
|
|
18510
|
-
{
|
|
18511
|
-
"kind": "field",
|
|
18512
|
-
"name": "ariaLabel",
|
|
18513
|
-
"type": {
|
|
18514
|
-
"text": "string | null"
|
|
18515
|
-
},
|
|
18516
|
-
"default": "null",
|
|
18517
|
-
"description": "The aria-label for the section.\nThis is used for accessibility purposes to describe the section.\nIf not provided, it defaults to the `headerText`.",
|
|
18518
|
-
"attribute": "aria-label",
|
|
18519
|
-
"reflects": true
|
|
18520
|
-
},
|
|
18521
|
-
{
|
|
18522
|
-
"kind": "field",
|
|
18523
|
-
"name": "headerText",
|
|
18524
|
-
"type": {
|
|
18525
|
-
"text": "string | null"
|
|
18526
|
-
},
|
|
18527
|
-
"default": "null",
|
|
18528
|
-
"description": "The primary headerText of the list item.\nThis appears on the leading side of the list item.",
|
|
18529
|
-
"attribute": "header-text",
|
|
18530
|
-
"reflects": true
|
|
18531
|
-
},
|
|
18532
|
-
{
|
|
18533
|
-
"kind": "field",
|
|
18534
|
-
"name": "prefixIcon",
|
|
18535
|
-
"type": {
|
|
18536
|
-
"text": "IconNames | undefined"
|
|
18537
|
-
},
|
|
18538
|
-
"description": "Name of the icon rendered before the text\n\nIf not provided, no icon will be rendered and text will be aligned to the start.",
|
|
18539
|
-
"attribute": "prefix-icon"
|
|
18540
|
-
},
|
|
18541
|
-
{
|
|
18542
|
-
"kind": "field",
|
|
18543
|
-
"name": "showDivider",
|
|
18544
|
-
"type": {
|
|
18545
|
-
"text": "boolean"
|
|
18546
|
-
},
|
|
18547
|
-
"default": "false",
|
|
18548
|
-
"description": "Whether to show a divider below the section header.\nThis is useful for visually separating sections in the menu.",
|
|
18549
|
-
"attribute": "show-divider",
|
|
18550
|
-
"reflects": true
|
|
18551
|
-
},
|
|
18552
|
-
{
|
|
18553
|
-
"kind": "field",
|
|
18554
|
-
"name": "dividerVariant",
|
|
18555
|
-
"description": "The variant of the divider.\nCan be set to 'solid' or 'gradient'.\n\nKeep 'solid' if used in MenuPopovers, as it is the default style.",
|
|
18556
|
-
"default": "'solid'",
|
|
18557
|
-
"attribute": "divider-variant",
|
|
18558
|
-
"reflects": true
|
|
18559
|
-
},
|
|
18560
|
-
{
|
|
18561
|
-
"kind": "method",
|
|
18562
|
-
"name": "renderHeader",
|
|
18563
|
-
"privacy": "private"
|
|
18564
|
-
}
|
|
18565
|
-
],
|
|
18566
|
-
"events": [
|
|
18567
|
-
{
|
|
18568
|
-
"description": "(React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.",
|
|
18569
|
-
"name": "change",
|
|
18570
|
-
"reactName": "onChange"
|
|
18571
|
-
}
|
|
18572
|
-
],
|
|
18573
|
-
"attributes": [
|
|
18574
|
-
{
|
|
18575
|
-
"name": "aria-label",
|
|
18576
|
-
"type": {
|
|
18577
|
-
"text": "string | null"
|
|
18578
|
-
},
|
|
18579
|
-
"default": "null",
|
|
18580
|
-
"description": "The aria-label for the section.\nThis is used for accessibility purposes to describe the section.\nIf not provided, it defaults to the `headerText`.",
|
|
18581
|
-
"fieldName": "ariaLabel"
|
|
18582
|
-
},
|
|
18583
|
-
{
|
|
18584
|
-
"name": "header-text",
|
|
18585
|
-
"type": {
|
|
18586
|
-
"text": "string | null"
|
|
18587
|
-
},
|
|
18588
|
-
"default": "null",
|
|
18589
|
-
"description": "The primary headerText of the list item.\nThis appears on the leading side of the list item.",
|
|
18590
|
-
"fieldName": "headerText"
|
|
18591
|
-
},
|
|
18592
|
-
{
|
|
18593
|
-
"name": "prefix-icon",
|
|
18594
|
-
"type": {
|
|
18595
|
-
"text": "IconNames | undefined"
|
|
18596
|
-
},
|
|
18597
|
-
"description": "Name of the icon rendered before the text\n\nIf not provided, no icon will be rendered and text will be aligned to the start.",
|
|
18598
|
-
"fieldName": "prefixIcon"
|
|
18599
|
-
},
|
|
18600
|
-
{
|
|
18601
|
-
"name": "show-divider",
|
|
18602
|
-
"type": {
|
|
18603
|
-
"text": "boolean"
|
|
18604
|
-
},
|
|
18605
|
-
"default": "false",
|
|
18606
|
-
"description": "Whether to show a divider below the section header.\nThis is useful for visually separating sections in the menu.",
|
|
18607
|
-
"fieldName": "showDivider"
|
|
18460
|
+
"inheritedFrom": {
|
|
18461
|
+
"name": "ListItem",
|
|
18462
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18463
|
+
}
|
|
18608
18464
|
},
|
|
18609
18465
|
{
|
|
18610
|
-
"
|
|
18611
|
-
"
|
|
18612
|
-
"
|
|
18613
|
-
|
|
18466
|
+
"description": "Allows customization of column gap.",
|
|
18467
|
+
"name": "--mdc-listitem-column-gap",
|
|
18468
|
+
"inheritedFrom": {
|
|
18469
|
+
"name": "ListItem",
|
|
18470
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18471
|
+
}
|
|
18472
|
+
},
|
|
18473
|
+
{
|
|
18474
|
+
"description": "Allows customization of padding left and right.",
|
|
18475
|
+
"name": "--mdc-listitem-padding-left-and-right",
|
|
18476
|
+
"inheritedFrom": {
|
|
18477
|
+
"name": "ListItem",
|
|
18478
|
+
"module": "src/components/listitem/listitem.component.ts"
|
|
18479
|
+
}
|
|
18614
18480
|
}
|
|
18615
|
-
]
|
|
18616
|
-
"superclass": {
|
|
18617
|
-
"name": "Component",
|
|
18618
|
-
"module": "/src/models"
|
|
18619
|
-
},
|
|
18620
|
-
"tagName": "mdc-menusection",
|
|
18621
|
-
"jsDoc": "/**\n * `mdc-menusection` is a container element used to group a set of menu items.\n *\n * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.\n *\n * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:\n * only one radio item can be selected at a time.\n * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.\n *\n * @tagname mdc-menusection\n *\n * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`\n *\n * @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.\n */",
|
|
18622
|
-
"customElement": true
|
|
18481
|
+
]
|
|
18623
18482
|
}
|
|
18624
18483
|
],
|
|
18625
18484
|
"exports": [
|
|
@@ -18627,8 +18486,8 @@
|
|
|
18627
18486
|
"kind": "js",
|
|
18628
18487
|
"name": "default",
|
|
18629
18488
|
"declaration": {
|
|
18630
|
-
"name": "
|
|
18631
|
-
"module": "components/
|
|
18489
|
+
"name": "MenuItemRadio",
|
|
18490
|
+
"module": "components/menuitemradio/menuitemradio.component.js"
|
|
18632
18491
|
}
|
|
18633
18492
|
}
|
|
18634
18493
|
]
|
|
@@ -20717,6 +20576,147 @@
|
|
|
20717
20576
|
}
|
|
20718
20577
|
]
|
|
20719
20578
|
},
|
|
20579
|
+
{
|
|
20580
|
+
"kind": "javascript-module",
|
|
20581
|
+
"path": "components/menusection/menusection.component.js",
|
|
20582
|
+
"declarations": [
|
|
20583
|
+
{
|
|
20584
|
+
"kind": "class",
|
|
20585
|
+
"description": "`mdc-menusection` is a container element used to group a set of menu items.\n\nThis component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.\n\n- If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:\n only one radio item can be selected at a time.\n- If `menuitemcheckbox` components are included, their checked state can be toggled independently.",
|
|
20586
|
+
"name": "MenuSection",
|
|
20587
|
+
"slots": [
|
|
20588
|
+
{
|
|
20589
|
+
"description": "Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`",
|
|
20590
|
+
"name": ""
|
|
20591
|
+
}
|
|
20592
|
+
],
|
|
20593
|
+
"members": [
|
|
20594
|
+
{
|
|
20595
|
+
"kind": "field",
|
|
20596
|
+
"name": "ariaLabel",
|
|
20597
|
+
"type": {
|
|
20598
|
+
"text": "string | null"
|
|
20599
|
+
},
|
|
20600
|
+
"default": "null",
|
|
20601
|
+
"description": "The aria-label for the section.\nThis is used for accessibility purposes to describe the section.\nIf not provided, it defaults to the `headerText`.",
|
|
20602
|
+
"attribute": "aria-label",
|
|
20603
|
+
"reflects": true
|
|
20604
|
+
},
|
|
20605
|
+
{
|
|
20606
|
+
"kind": "field",
|
|
20607
|
+
"name": "headerText",
|
|
20608
|
+
"type": {
|
|
20609
|
+
"text": "string | null"
|
|
20610
|
+
},
|
|
20611
|
+
"default": "null",
|
|
20612
|
+
"description": "The primary headerText of the list item.\nThis appears on the leading side of the list item.",
|
|
20613
|
+
"attribute": "header-text",
|
|
20614
|
+
"reflects": true
|
|
20615
|
+
},
|
|
20616
|
+
{
|
|
20617
|
+
"kind": "field",
|
|
20618
|
+
"name": "prefixIcon",
|
|
20619
|
+
"type": {
|
|
20620
|
+
"text": "IconNames | undefined"
|
|
20621
|
+
},
|
|
20622
|
+
"description": "Name of the icon rendered before the text\n\nIf not provided, no icon will be rendered and text will be aligned to the start.",
|
|
20623
|
+
"attribute": "prefix-icon"
|
|
20624
|
+
},
|
|
20625
|
+
{
|
|
20626
|
+
"kind": "field",
|
|
20627
|
+
"name": "showDivider",
|
|
20628
|
+
"type": {
|
|
20629
|
+
"text": "boolean"
|
|
20630
|
+
},
|
|
20631
|
+
"default": "false",
|
|
20632
|
+
"description": "Whether to show a divider below the section header.\nThis is useful for visually separating sections in the menu.",
|
|
20633
|
+
"attribute": "show-divider",
|
|
20634
|
+
"reflects": true
|
|
20635
|
+
},
|
|
20636
|
+
{
|
|
20637
|
+
"kind": "field",
|
|
20638
|
+
"name": "dividerVariant",
|
|
20639
|
+
"description": "The variant of the divider.\nCan be set to 'solid' or 'gradient'.\n\nKeep 'solid' if used in MenuPopovers, as it is the default style.",
|
|
20640
|
+
"default": "'solid'",
|
|
20641
|
+
"attribute": "divider-variant",
|
|
20642
|
+
"reflects": true
|
|
20643
|
+
},
|
|
20644
|
+
{
|
|
20645
|
+
"kind": "method",
|
|
20646
|
+
"name": "renderHeader",
|
|
20647
|
+
"privacy": "private"
|
|
20648
|
+
}
|
|
20649
|
+
],
|
|
20650
|
+
"events": [
|
|
20651
|
+
{
|
|
20652
|
+
"description": "(React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.",
|
|
20653
|
+
"name": "change",
|
|
20654
|
+
"reactName": "onChange"
|
|
20655
|
+
}
|
|
20656
|
+
],
|
|
20657
|
+
"attributes": [
|
|
20658
|
+
{
|
|
20659
|
+
"name": "aria-label",
|
|
20660
|
+
"type": {
|
|
20661
|
+
"text": "string | null"
|
|
20662
|
+
},
|
|
20663
|
+
"default": "null",
|
|
20664
|
+
"description": "The aria-label for the section.\nThis is used for accessibility purposes to describe the section.\nIf not provided, it defaults to the `headerText`.",
|
|
20665
|
+
"fieldName": "ariaLabel"
|
|
20666
|
+
},
|
|
20667
|
+
{
|
|
20668
|
+
"name": "header-text",
|
|
20669
|
+
"type": {
|
|
20670
|
+
"text": "string | null"
|
|
20671
|
+
},
|
|
20672
|
+
"default": "null",
|
|
20673
|
+
"description": "The primary headerText of the list item.\nThis appears on the leading side of the list item.",
|
|
20674
|
+
"fieldName": "headerText"
|
|
20675
|
+
},
|
|
20676
|
+
{
|
|
20677
|
+
"name": "prefix-icon",
|
|
20678
|
+
"type": {
|
|
20679
|
+
"text": "IconNames | undefined"
|
|
20680
|
+
},
|
|
20681
|
+
"description": "Name of the icon rendered before the text\n\nIf not provided, no icon will be rendered and text will be aligned to the start.",
|
|
20682
|
+
"fieldName": "prefixIcon"
|
|
20683
|
+
},
|
|
20684
|
+
{
|
|
20685
|
+
"name": "show-divider",
|
|
20686
|
+
"type": {
|
|
20687
|
+
"text": "boolean"
|
|
20688
|
+
},
|
|
20689
|
+
"default": "false",
|
|
20690
|
+
"description": "Whether to show a divider below the section header.\nThis is useful for visually separating sections in the menu.",
|
|
20691
|
+
"fieldName": "showDivider"
|
|
20692
|
+
},
|
|
20693
|
+
{
|
|
20694
|
+
"name": "divider-variant",
|
|
20695
|
+
"description": "The variant of the divider.\nCan be set to 'solid' or 'gradient'.\n\nKeep 'solid' if used in MenuPopovers, as it is the default style.",
|
|
20696
|
+
"default": "'solid'",
|
|
20697
|
+
"fieldName": "dividerVariant"
|
|
20698
|
+
}
|
|
20699
|
+
],
|
|
20700
|
+
"superclass": {
|
|
20701
|
+
"name": "Component",
|
|
20702
|
+
"module": "/src/models"
|
|
20703
|
+
},
|
|
20704
|
+
"tagName": "mdc-menusection",
|
|
20705
|
+
"jsDoc": "/**\n * `mdc-menusection` is a container element used to group a set of menu items.\n *\n * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.\n *\n * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:\n * only one radio item can be selected at a time.\n * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.\n *\n * @tagname mdc-menusection\n *\n * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`\n *\n * @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.\n */",
|
|
20706
|
+
"customElement": true
|
|
20707
|
+
}
|
|
20708
|
+
],
|
|
20709
|
+
"exports": [
|
|
20710
|
+
{
|
|
20711
|
+
"kind": "js",
|
|
20712
|
+
"name": "default",
|
|
20713
|
+
"declaration": {
|
|
20714
|
+
"name": "MenuSection",
|
|
20715
|
+
"module": "components/menusection/menusection.component.js"
|
|
20716
|
+
}
|
|
20717
|
+
}
|
|
20718
|
+
]
|
|
20719
|
+
},
|
|
20720
20720
|
{
|
|
20721
20721
|
"kind": "javascript-module",
|
|
20722
20722
|
"path": "components/navmenuitem/navmenuitem.component.js",
|
|
@@ -29549,46 +29549,6 @@
|
|
|
29549
29549
|
}
|
|
29550
29550
|
]
|
|
29551
29551
|
},
|
|
29552
|
-
{
|
|
29553
|
-
"kind": "javascript-module",
|
|
29554
|
-
"path": "components/selectlistbox/selectlistbox.component.js",
|
|
29555
|
-
"declarations": [
|
|
29556
|
-
{
|
|
29557
|
-
"kind": "class",
|
|
29558
|
-
"description": "Selectlistbox component as Light DOM component to act as a simple wrapper\nfor mdc-option components to ensure accessibility and proper role assignment.\n\nOnce [ariaOwnsElements](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaOwnsElements) is supported in browsers, this component can be removed\nand mdc-option can be used directly in the select component with a listbox in a different\nshadow root and aria-owns attribute to connect them.",
|
|
29559
|
-
"name": "Selectlistbox",
|
|
29560
|
-
"slots": [
|
|
29561
|
-
{
|
|
29562
|
-
"description": "This is a default/unnamed slot, which can be used to insert mdc-option components.",
|
|
29563
|
-
"name": "default"
|
|
29564
|
-
}
|
|
29565
|
-
],
|
|
29566
|
-
"members": [
|
|
29567
|
-
{
|
|
29568
|
-
"kind": "field",
|
|
29569
|
-
"name": "role"
|
|
29570
|
-
}
|
|
29571
|
-
],
|
|
29572
|
-
"superclass": {
|
|
29573
|
-
"name": "Component",
|
|
29574
|
-
"module": "/src/models"
|
|
29575
|
-
},
|
|
29576
|
-
"tagName": "mdc-selectlistbox",
|
|
29577
|
-
"jsDoc": "/**\n * Selectlistbox component as Light DOM component to act as a simple wrapper\n * for mdc-option components to ensure accessibility and proper role assignment.\n *\n * Once [ariaOwnsElements](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaOwnsElements) is supported in browsers, this component can be removed\n * and mdc-option can be used directly in the select component with a listbox in a different\n * shadow root and aria-owns attribute to connect them.\n *\n * @tagname mdc-selectlistbox\n *\n * @slot default - This is a default/unnamed slot, which can be used to insert mdc-option components.\n */",
|
|
29578
|
-
"customElement": true
|
|
29579
|
-
}
|
|
29580
|
-
],
|
|
29581
|
-
"exports": [
|
|
29582
|
-
{
|
|
29583
|
-
"kind": "js",
|
|
29584
|
-
"name": "default",
|
|
29585
|
-
"declaration": {
|
|
29586
|
-
"name": "Selectlistbox",
|
|
29587
|
-
"module": "components/selectlistbox/selectlistbox.component.js"
|
|
29588
|
-
}
|
|
29589
|
-
}
|
|
29590
|
-
]
|
|
29591
|
-
},
|
|
29592
29552
|
{
|
|
29593
29553
|
"kind": "javascript-module",
|
|
29594
29554
|
"path": "components/select/select.component.js",
|
|
@@ -30513,6 +30473,46 @@
|
|
|
30513
30473
|
}
|
|
30514
30474
|
]
|
|
30515
30475
|
},
|
|
30476
|
+
{
|
|
30477
|
+
"kind": "javascript-module",
|
|
30478
|
+
"path": "components/selectlistbox/selectlistbox.component.js",
|
|
30479
|
+
"declarations": [
|
|
30480
|
+
{
|
|
30481
|
+
"kind": "class",
|
|
30482
|
+
"description": "Selectlistbox component as Light DOM component to act as a simple wrapper\nfor mdc-option components to ensure accessibility and proper role assignment.\n\nOnce [ariaOwnsElements](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaOwnsElements) is supported in browsers, this component can be removed\nand mdc-option can be used directly in the select component with a listbox in a different\nshadow root and aria-owns attribute to connect them.",
|
|
30483
|
+
"name": "Selectlistbox",
|
|
30484
|
+
"slots": [
|
|
30485
|
+
{
|
|
30486
|
+
"description": "This is a default/unnamed slot, which can be used to insert mdc-option components.",
|
|
30487
|
+
"name": "default"
|
|
30488
|
+
}
|
|
30489
|
+
],
|
|
30490
|
+
"members": [
|
|
30491
|
+
{
|
|
30492
|
+
"kind": "field",
|
|
30493
|
+
"name": "role"
|
|
30494
|
+
}
|
|
30495
|
+
],
|
|
30496
|
+
"superclass": {
|
|
30497
|
+
"name": "Component",
|
|
30498
|
+
"module": "/src/models"
|
|
30499
|
+
},
|
|
30500
|
+
"tagName": "mdc-selectlistbox",
|
|
30501
|
+
"jsDoc": "/**\n * Selectlistbox component as Light DOM component to act as a simple wrapper\n * for mdc-option components to ensure accessibility and proper role assignment.\n *\n * Once [ariaOwnsElements](https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaOwnsElements) is supported in browsers, this component can be removed\n * and mdc-option can be used directly in the select component with a listbox in a different\n * shadow root and aria-owns attribute to connect them.\n *\n * @tagname mdc-selectlistbox\n *\n * @slot default - This is a default/unnamed slot, which can be used to insert mdc-option components.\n */",
|
|
30502
|
+
"customElement": true
|
|
30503
|
+
}
|
|
30504
|
+
],
|
|
30505
|
+
"exports": [
|
|
30506
|
+
{
|
|
30507
|
+
"kind": "js",
|
|
30508
|
+
"name": "default",
|
|
30509
|
+
"declaration": {
|
|
30510
|
+
"name": "Selectlistbox",
|
|
30511
|
+
"module": "components/selectlistbox/selectlistbox.component.js"
|
|
30512
|
+
}
|
|
30513
|
+
}
|
|
30514
|
+
]
|
|
30515
|
+
},
|
|
30516
30516
|
{
|
|
30517
30517
|
"kind": "javascript-module",
|
|
30518
30518
|
"path": "components/sidenavigation/sidenavigation.component.js",
|
package/dist/react/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
-
export { default as Animation } from './animation';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
4
3
|
export { default as Avatar } from './avatar';
|
|
4
|
+
export { default as Animation } from './animation';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
|
7
7
|
export { default as Brandvisual } from './brandvisual';
|
|
@@ -36,8 +36,8 @@ export { default as MenuBar } from './menubar';
|
|
|
36
36
|
export { default as MenuItem } from './menuitem';
|
|
37
37
|
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
38
38
|
export { default as MenuItemRadio } from './menuitemradio';
|
|
39
|
-
export { default as MenuSection } from './menusection';
|
|
40
39
|
export { default as MenuPopover } from './menupopover';
|
|
40
|
+
export { default as MenuSection } from './menusection';
|
|
41
41
|
export { default as NavMenuItem } from './navmenuitem';
|
|
42
42
|
export { default as OptGroup } from './optgroup';
|
|
43
43
|
export { default as Option } from './option';
|
|
@@ -50,8 +50,8 @@ export { default as Radio } from './radio';
|
|
|
50
50
|
export { default as RadioGroup } from './radiogroup';
|
|
51
51
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
|
52
52
|
export { default as Searchfield } from './searchfield';
|
|
53
|
-
export { default as Selectlistbox } from './selectlistbox';
|
|
54
53
|
export { default as Select } from './select';
|
|
54
|
+
export { default as Selectlistbox } from './selectlistbox';
|
|
55
55
|
export { default as SideNavigation } from './sidenavigation';
|
|
56
56
|
export { default as Skeleton } from './skeleton';
|
|
57
57
|
export { default as Spinner } from './spinner';
|
package/dist/react/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { default as AlertChip } from './alertchip';
|
|
2
|
-
export { default as Animation } from './animation';
|
|
3
2
|
export { default as Appheader } from './appheader';
|
|
4
3
|
export { default as Avatar } from './avatar';
|
|
4
|
+
export { default as Animation } from './animation';
|
|
5
5
|
export { default as AvatarButton } from './avatarbutton';
|
|
6
6
|
export { default as Badge } from './badge';
|
|
7
7
|
export { default as Brandvisual } from './brandvisual';
|
|
@@ -36,8 +36,8 @@ export { default as MenuBar } from './menubar';
|
|
|
36
36
|
export { default as MenuItem } from './menuitem';
|
|
37
37
|
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
38
38
|
export { default as MenuItemRadio } from './menuitemradio';
|
|
39
|
-
export { default as MenuSection } from './menusection';
|
|
40
39
|
export { default as MenuPopover } from './menupopover';
|
|
40
|
+
export { default as MenuSection } from './menusection';
|
|
41
41
|
export { default as NavMenuItem } from './navmenuitem';
|
|
42
42
|
export { default as OptGroup } from './optgroup';
|
|
43
43
|
export { default as Option } from './option';
|
|
@@ -50,8 +50,8 @@ export { default as Radio } from './radio';
|
|
|
50
50
|
export { default as RadioGroup } from './radiogroup';
|
|
51
51
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
|
52
52
|
export { default as Searchfield } from './searchfield';
|
|
53
|
-
export { default as Selectlistbox } from './selectlistbox';
|
|
54
53
|
export { default as Select } from './select';
|
|
54
|
+
export { default as Selectlistbox } from './selectlistbox';
|
|
55
55
|
export { default as SideNavigation } from './sidenavigation';
|
|
56
56
|
export { default as Skeleton } from './skeleton';
|
|
57
57
|
export { default as Spinner } from './spinner';
|