@emuanalytics/flow-rdf-ui 0.0.17 → 0.0.18-alpha.1
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 +1914 -1791
- package/dist/flow-rdf-ui.d.ts +21 -0
- package/dist/flow-rdf-ui.js +13996 -2083
- package/dist/flow-rdf-ui.umd.cjs +13402 -1489
- package/dist/vscode.html-custom-data.json +93 -93
- package/package.json +5 -1
|
@@ -674,167 +674,99 @@
|
|
|
674
674
|
},
|
|
675
675
|
{
|
|
676
676
|
"kind": "javascript-module",
|
|
677
|
-
"path": "components/
|
|
677
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
678
678
|
"declarations": [
|
|
679
679
|
{
|
|
680
680
|
"kind": "class",
|
|
681
681
|
"description": "",
|
|
682
|
-
"name": "
|
|
683
|
-
"cssProperties": [
|
|
684
|
-
{
|
|
685
|
-
"description": "The size of the avatar.",
|
|
686
|
-
"name": "--size"
|
|
687
|
-
}
|
|
688
|
-
],
|
|
682
|
+
"name": "FlowBreadcrumb",
|
|
689
683
|
"cssParts": [
|
|
690
684
|
{
|
|
691
685
|
"description": "The component's base wrapper.",
|
|
692
686
|
"name": "base"
|
|
693
|
-
},
|
|
694
|
-
{
|
|
695
|
-
"description": "The container that wraps the avatar's icon.",
|
|
696
|
-
"name": "icon"
|
|
697
|
-
},
|
|
698
|
-
{
|
|
699
|
-
"description": "The container that wraps the avatar's initials.",
|
|
700
|
-
"name": "initials"
|
|
701
|
-
},
|
|
702
|
-
{
|
|
703
|
-
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
704
|
-
"name": "image"
|
|
705
687
|
}
|
|
706
688
|
],
|
|
707
689
|
"slots": [
|
|
708
690
|
{
|
|
709
|
-
"description": "
|
|
710
|
-
"name": "
|
|
691
|
+
"description": "One or more breadcrumb items to display.",
|
|
692
|
+
"name": ""
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
696
|
+
"name": "separator"
|
|
711
697
|
}
|
|
712
698
|
],
|
|
713
699
|
"members": [
|
|
714
700
|
{
|
|
715
701
|
"kind": "field",
|
|
716
|
-
"name": "
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "boolean"
|
|
719
|
-
},
|
|
702
|
+
"name": "localize",
|
|
720
703
|
"privacy": "private",
|
|
721
|
-
"
|
|
704
|
+
"readonly": true,
|
|
705
|
+
"default": "new LocalizeController(this)"
|
|
722
706
|
},
|
|
723
707
|
{
|
|
724
708
|
"kind": "field",
|
|
725
|
-
"name": "
|
|
726
|
-
"
|
|
727
|
-
"text": "string"
|
|
728
|
-
},
|
|
729
|
-
"default": "''",
|
|
730
|
-
"description": "The image source to use for the avatar.",
|
|
731
|
-
"attribute": "image"
|
|
709
|
+
"name": "separatorDir",
|
|
710
|
+
"privacy": "private"
|
|
732
711
|
},
|
|
733
712
|
{
|
|
734
713
|
"kind": "field",
|
|
735
|
-
"name": "
|
|
714
|
+
"name": "defaultSlot",
|
|
736
715
|
"type": {
|
|
737
|
-
"text": "
|
|
738
|
-
}
|
|
739
|
-
"default": "''",
|
|
740
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
741
|
-
"attribute": "label"
|
|
716
|
+
"text": "HTMLSlotElement"
|
|
717
|
+
}
|
|
742
718
|
},
|
|
743
719
|
{
|
|
744
720
|
"kind": "field",
|
|
745
|
-
"name": "
|
|
721
|
+
"name": "separatorSlot",
|
|
746
722
|
"type": {
|
|
747
|
-
"text": "
|
|
748
|
-
}
|
|
749
|
-
"default": "''",
|
|
750
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
751
|
-
"attribute": "initials"
|
|
723
|
+
"text": "HTMLSlotElement"
|
|
724
|
+
}
|
|
752
725
|
},
|
|
753
726
|
{
|
|
754
727
|
"kind": "field",
|
|
755
|
-
"name": "
|
|
728
|
+
"name": "label",
|
|
756
729
|
"type": {
|
|
757
|
-
"text": "
|
|
730
|
+
"text": "string"
|
|
758
731
|
},
|
|
759
|
-
"default": "'
|
|
760
|
-
"description": "
|
|
761
|
-
"attribute": "
|
|
732
|
+
"default": "''",
|
|
733
|
+
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
734
|
+
"attribute": "label"
|
|
762
735
|
},
|
|
763
736
|
{
|
|
764
|
-
"kind": "
|
|
765
|
-
"name": "
|
|
766
|
-
"
|
|
767
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
768
|
-
},
|
|
769
|
-
"default": "'circle'",
|
|
770
|
-
"description": "The shape of the avatar.",
|
|
771
|
-
"attribute": "shape",
|
|
772
|
-
"reflects": true
|
|
737
|
+
"kind": "method",
|
|
738
|
+
"name": "getSeparator",
|
|
739
|
+
"privacy": "private"
|
|
773
740
|
},
|
|
774
741
|
{
|
|
775
742
|
"kind": "method",
|
|
776
|
-
"name": "
|
|
743
|
+
"name": "handleSlotChange",
|
|
744
|
+
"privacy": "private"
|
|
777
745
|
}
|
|
778
746
|
],
|
|
779
747
|
"attributes": [
|
|
780
|
-
{
|
|
781
|
-
"name": "image",
|
|
782
|
-
"type": {
|
|
783
|
-
"text": "string"
|
|
784
|
-
},
|
|
785
|
-
"default": "''",
|
|
786
|
-
"description": "The image source to use for the avatar.",
|
|
787
|
-
"fieldName": "image"
|
|
788
|
-
},
|
|
789
748
|
{
|
|
790
749
|
"name": "label",
|
|
791
750
|
"type": {
|
|
792
751
|
"text": "string"
|
|
793
752
|
},
|
|
794
753
|
"default": "''",
|
|
795
|
-
"description": "
|
|
754
|
+
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
796
755
|
"fieldName": "label"
|
|
797
|
-
},
|
|
798
|
-
{
|
|
799
|
-
"name": "initials",
|
|
800
|
-
"type": {
|
|
801
|
-
"text": "string"
|
|
802
|
-
},
|
|
803
|
-
"default": "''",
|
|
804
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
805
|
-
"fieldName": "initials"
|
|
806
|
-
},
|
|
807
|
-
{
|
|
808
|
-
"name": "loading",
|
|
809
|
-
"type": {
|
|
810
|
-
"text": "'eager' | 'lazy'"
|
|
811
|
-
},
|
|
812
|
-
"default": "'eager'",
|
|
813
|
-
"description": "Indicates how the browser should load the image.",
|
|
814
|
-
"fieldName": "loading"
|
|
815
|
-
},
|
|
816
|
-
{
|
|
817
|
-
"name": "shape",
|
|
818
|
-
"type": {
|
|
819
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
820
|
-
},
|
|
821
|
-
"default": "'circle'",
|
|
822
|
-
"description": "The shape of the avatar.",
|
|
823
|
-
"fieldName": "shape"
|
|
824
756
|
}
|
|
825
757
|
],
|
|
826
758
|
"superclass": {
|
|
827
759
|
"name": "FlowRdfElement",
|
|
828
760
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
829
761
|
},
|
|
830
|
-
"summary": "
|
|
831
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
762
|
+
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
763
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
|
|
832
764
|
"status": "stable",
|
|
833
765
|
"since": "2.0",
|
|
834
766
|
"dependencies": [
|
|
835
767
|
"flow-ui-icon"
|
|
836
768
|
],
|
|
837
|
-
"tagName": "flow-ui-
|
|
769
|
+
"tagName": "flow-ui-breadcrumb",
|
|
838
770
|
"customElement": true
|
|
839
771
|
}
|
|
840
772
|
],
|
|
@@ -843,28 +775,28 @@
|
|
|
843
775
|
"kind": "js",
|
|
844
776
|
"name": "default",
|
|
845
777
|
"declaration": {
|
|
846
|
-
"name": "
|
|
847
|
-
"module": "components/
|
|
778
|
+
"name": "FlowBreadcrumb",
|
|
779
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
848
780
|
}
|
|
849
781
|
},
|
|
850
782
|
{
|
|
851
783
|
"kind": "custom-element-definition",
|
|
852
|
-
"name": "flow-ui-
|
|
784
|
+
"name": "flow-ui-breadcrumb",
|
|
853
785
|
"declaration": {
|
|
854
|
-
"name": "
|
|
855
|
-
"module": "components/
|
|
786
|
+
"name": "FlowBreadcrumb",
|
|
787
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
856
788
|
}
|
|
857
789
|
}
|
|
858
790
|
]
|
|
859
791
|
},
|
|
860
792
|
{
|
|
861
793
|
"kind": "javascript-module",
|
|
862
|
-
"path": "components/
|
|
794
|
+
"path": "components/badge/badge.js",
|
|
863
795
|
"declarations": [
|
|
864
796
|
{
|
|
865
797
|
"kind": "class",
|
|
866
798
|
"description": "",
|
|
867
|
-
"name": "
|
|
799
|
+
"name": "FlowBadge",
|
|
868
800
|
"cssParts": [
|
|
869
801
|
{
|
|
870
802
|
"description": "The component's base wrapper.",
|
|
@@ -873,85 +805,83 @@
|
|
|
873
805
|
],
|
|
874
806
|
"slots": [
|
|
875
807
|
{
|
|
876
|
-
"description": "
|
|
808
|
+
"description": "The badge's content.",
|
|
877
809
|
"name": ""
|
|
878
|
-
},
|
|
879
|
-
{
|
|
880
|
-
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
881
|
-
"name": "separator"
|
|
882
810
|
}
|
|
883
811
|
],
|
|
884
812
|
"members": [
|
|
885
813
|
{
|
|
886
814
|
"kind": "field",
|
|
887
|
-
"name": "
|
|
888
|
-
"
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
"
|
|
894
|
-
"
|
|
895
|
-
"privacy": "private"
|
|
815
|
+
"name": "variant",
|
|
816
|
+
"type": {
|
|
817
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
818
|
+
},
|
|
819
|
+
"default": "'primary'",
|
|
820
|
+
"description": "The badge's theme variant.",
|
|
821
|
+
"attribute": "variant",
|
|
822
|
+
"reflects": true
|
|
896
823
|
},
|
|
897
824
|
{
|
|
898
825
|
"kind": "field",
|
|
899
|
-
"name": "
|
|
826
|
+
"name": "pill",
|
|
900
827
|
"type": {
|
|
901
|
-
"text": "
|
|
902
|
-
}
|
|
828
|
+
"text": "boolean"
|
|
829
|
+
},
|
|
830
|
+
"default": "false",
|
|
831
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
832
|
+
"attribute": "pill",
|
|
833
|
+
"reflects": true
|
|
903
834
|
},
|
|
904
835
|
{
|
|
905
836
|
"kind": "field",
|
|
906
|
-
"name": "
|
|
837
|
+
"name": "pulse",
|
|
907
838
|
"type": {
|
|
908
|
-
"text": "
|
|
909
|
-
}
|
|
910
|
-
|
|
839
|
+
"text": "boolean"
|
|
840
|
+
},
|
|
841
|
+
"default": "false",
|
|
842
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
843
|
+
"attribute": "pulse",
|
|
844
|
+
"reflects": true
|
|
845
|
+
}
|
|
846
|
+
],
|
|
847
|
+
"attributes": [
|
|
911
848
|
{
|
|
912
|
-
"
|
|
913
|
-
"name": "label",
|
|
849
|
+
"name": "variant",
|
|
914
850
|
"type": {
|
|
915
|
-
"text": "
|
|
851
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
916
852
|
},
|
|
917
|
-
"default": "''",
|
|
918
|
-
"description": "The
|
|
919
|
-
"
|
|
853
|
+
"default": "'primary'",
|
|
854
|
+
"description": "The badge's theme variant.",
|
|
855
|
+
"fieldName": "variant"
|
|
920
856
|
},
|
|
921
857
|
{
|
|
922
|
-
"
|
|
923
|
-
"
|
|
924
|
-
|
|
858
|
+
"name": "pill",
|
|
859
|
+
"type": {
|
|
860
|
+
"text": "boolean"
|
|
861
|
+
},
|
|
862
|
+
"default": "false",
|
|
863
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
864
|
+
"fieldName": "pill"
|
|
925
865
|
},
|
|
926
866
|
{
|
|
927
|
-
"
|
|
928
|
-
"name": "handleSlotChange",
|
|
929
|
-
"privacy": "private"
|
|
930
|
-
}
|
|
931
|
-
],
|
|
932
|
-
"attributes": [
|
|
933
|
-
{
|
|
934
|
-
"name": "label",
|
|
867
|
+
"name": "pulse",
|
|
935
868
|
"type": {
|
|
936
|
-
"text": "
|
|
869
|
+
"text": "boolean"
|
|
937
870
|
},
|
|
938
|
-
"default": "
|
|
939
|
-
"description": "
|
|
940
|
-
"fieldName": "
|
|
871
|
+
"default": "false",
|
|
872
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
873
|
+
"fieldName": "pulse"
|
|
941
874
|
}
|
|
942
875
|
],
|
|
943
876
|
"superclass": {
|
|
944
877
|
"name": "FlowRdfElement",
|
|
945
878
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
946
879
|
},
|
|
947
|
-
"summary": "
|
|
948
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
880
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
881
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
949
882
|
"status": "stable",
|
|
950
883
|
"since": "2.0",
|
|
951
|
-
"
|
|
952
|
-
"flow-ui-icon"
|
|
953
|
-
],
|
|
954
|
-
"tagName": "flow-ui-breadcrumb",
|
|
884
|
+
"tagName": "flow-ui-badge",
|
|
955
885
|
"customElement": true
|
|
956
886
|
}
|
|
957
887
|
],
|
|
@@ -960,16 +890,16 @@
|
|
|
960
890
|
"kind": "js",
|
|
961
891
|
"name": "default",
|
|
962
892
|
"declaration": {
|
|
963
|
-
"name": "
|
|
964
|
-
"module": "components/
|
|
893
|
+
"name": "FlowBadge",
|
|
894
|
+
"module": "components/badge/badge.js"
|
|
965
895
|
}
|
|
966
896
|
},
|
|
967
897
|
{
|
|
968
898
|
"kind": "custom-element-definition",
|
|
969
|
-
"name": "flow-ui-
|
|
899
|
+
"name": "flow-ui-badge",
|
|
970
900
|
"declaration": {
|
|
971
|
-
"name": "
|
|
972
|
-
"module": "components/
|
|
901
|
+
"name": "FlowBadge",
|
|
902
|
+
"module": "components/badge/badge.js"
|
|
973
903
|
}
|
|
974
904
|
}
|
|
975
905
|
]
|
|
@@ -1119,39 +1049,61 @@
|
|
|
1119
1049
|
},
|
|
1120
1050
|
{
|
|
1121
1051
|
"kind": "javascript-module",
|
|
1122
|
-
"path": "components/
|
|
1052
|
+
"path": "components/avatar/avatar.js",
|
|
1123
1053
|
"declarations": [
|
|
1124
1054
|
{
|
|
1125
1055
|
"kind": "class",
|
|
1126
1056
|
"description": "",
|
|
1127
|
-
"name": "
|
|
1128
|
-
"
|
|
1057
|
+
"name": "FlowAvatar",
|
|
1058
|
+
"cssProperties": [
|
|
1059
|
+
{
|
|
1060
|
+
"description": "The size of the avatar.",
|
|
1061
|
+
"name": "--size"
|
|
1062
|
+
}
|
|
1063
|
+
],
|
|
1064
|
+
"cssParts": [
|
|
1129
1065
|
{
|
|
1130
1066
|
"description": "The component's base wrapper.",
|
|
1131
1067
|
"name": "base"
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"description": "The container that wraps the avatar's icon.",
|
|
1071
|
+
"name": "icon"
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"description": "The container that wraps the avatar's initials.",
|
|
1075
|
+
"name": "initials"
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
1079
|
+
"name": "image"
|
|
1132
1080
|
}
|
|
1133
1081
|
],
|
|
1134
1082
|
"slots": [
|
|
1135
1083
|
{
|
|
1136
|
-
"description": "
|
|
1137
|
-
"name": ""
|
|
1084
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
1085
|
+
"name": "icon"
|
|
1138
1086
|
}
|
|
1139
1087
|
],
|
|
1140
1088
|
"members": [
|
|
1141
1089
|
{
|
|
1142
1090
|
"kind": "field",
|
|
1143
|
-
"name": "
|
|
1091
|
+
"name": "hasError",
|
|
1144
1092
|
"type": {
|
|
1145
|
-
"text": "
|
|
1146
|
-
}
|
|
1093
|
+
"text": "boolean"
|
|
1094
|
+
},
|
|
1095
|
+
"privacy": "private",
|
|
1096
|
+
"default": "false"
|
|
1147
1097
|
},
|
|
1148
1098
|
{
|
|
1149
1099
|
"kind": "field",
|
|
1150
|
-
"name": "
|
|
1100
|
+
"name": "image",
|
|
1151
1101
|
"type": {
|
|
1152
|
-
"text": "
|
|
1102
|
+
"text": "string"
|
|
1153
1103
|
},
|
|
1154
|
-
"default": "
|
|
1104
|
+
"default": "''",
|
|
1105
|
+
"description": "The image source to use for the avatar.",
|
|
1106
|
+
"attribute": "image"
|
|
1155
1107
|
},
|
|
1156
1108
|
{
|
|
1157
1109
|
"kind": "field",
|
|
@@ -1160,109 +1112,104 @@
|
|
|
1160
1112
|
"text": "string"
|
|
1161
1113
|
},
|
|
1162
1114
|
"default": "''",
|
|
1115
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1163
1116
|
"attribute": "label"
|
|
1164
1117
|
},
|
|
1165
1118
|
{
|
|
1166
1119
|
"kind": "field",
|
|
1167
|
-
"name": "
|
|
1120
|
+
"name": "initials",
|
|
1168
1121
|
"type": {
|
|
1169
|
-
"text": "
|
|
1122
|
+
"text": "string"
|
|
1170
1123
|
},
|
|
1171
|
-
"default": "
|
|
1172
|
-
"description": "
|
|
1173
|
-
"attribute": "
|
|
1174
|
-
"reflects": true
|
|
1175
|
-
},
|
|
1176
|
-
{
|
|
1177
|
-
"kind": "method",
|
|
1178
|
-
"name": "handleVerticalChange"
|
|
1179
|
-
},
|
|
1180
|
-
{
|
|
1181
|
-
"kind": "method",
|
|
1182
|
-
"name": "handleFocus",
|
|
1183
|
-
"privacy": "private",
|
|
1184
|
-
"parameters": [
|
|
1185
|
-
{
|
|
1186
|
-
"name": "event",
|
|
1187
|
-
"type": {
|
|
1188
|
-
"text": "Event"
|
|
1189
|
-
}
|
|
1190
|
-
}
|
|
1191
|
-
]
|
|
1192
|
-
},
|
|
1193
|
-
{
|
|
1194
|
-
"kind": "method",
|
|
1195
|
-
"name": "handleBlur",
|
|
1196
|
-
"privacy": "private",
|
|
1197
|
-
"parameters": [
|
|
1198
|
-
{
|
|
1199
|
-
"name": "event",
|
|
1200
|
-
"type": {
|
|
1201
|
-
"text": "Event"
|
|
1202
|
-
}
|
|
1203
|
-
}
|
|
1204
|
-
]
|
|
1124
|
+
"default": "''",
|
|
1125
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1126
|
+
"attribute": "initials"
|
|
1205
1127
|
},
|
|
1206
1128
|
{
|
|
1207
|
-
"kind": "
|
|
1208
|
-
"name": "
|
|
1209
|
-
"
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
}
|
|
1216
|
-
}
|
|
1217
|
-
]
|
|
1129
|
+
"kind": "field",
|
|
1130
|
+
"name": "loading",
|
|
1131
|
+
"type": {
|
|
1132
|
+
"text": "'eager' | 'lazy'"
|
|
1133
|
+
},
|
|
1134
|
+
"default": "'eager'",
|
|
1135
|
+
"description": "Indicates how the browser should load the image.",
|
|
1136
|
+
"attribute": "loading"
|
|
1218
1137
|
},
|
|
1219
1138
|
{
|
|
1220
|
-
"kind": "
|
|
1221
|
-
"name": "
|
|
1222
|
-
"
|
|
1223
|
-
|
|
1224
|
-
|
|
1225
|
-
|
|
1226
|
-
|
|
1227
|
-
|
|
1228
|
-
|
|
1229
|
-
}
|
|
1230
|
-
]
|
|
1139
|
+
"kind": "field",
|
|
1140
|
+
"name": "shape",
|
|
1141
|
+
"type": {
|
|
1142
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1143
|
+
},
|
|
1144
|
+
"default": "'circle'",
|
|
1145
|
+
"description": "The shape of the avatar.",
|
|
1146
|
+
"attribute": "shape",
|
|
1147
|
+
"reflects": true
|
|
1231
1148
|
},
|
|
1232
1149
|
{
|
|
1233
1150
|
"kind": "method",
|
|
1234
|
-
"name": "
|
|
1235
|
-
"privacy": "private"
|
|
1151
|
+
"name": "handleImageChange"
|
|
1236
1152
|
}
|
|
1237
1153
|
],
|
|
1238
1154
|
"attributes": [
|
|
1155
|
+
{
|
|
1156
|
+
"name": "image",
|
|
1157
|
+
"type": {
|
|
1158
|
+
"text": "string"
|
|
1159
|
+
},
|
|
1160
|
+
"default": "''",
|
|
1161
|
+
"description": "The image source to use for the avatar.",
|
|
1162
|
+
"fieldName": "image"
|
|
1163
|
+
},
|
|
1239
1164
|
{
|
|
1240
1165
|
"name": "label",
|
|
1241
1166
|
"type": {
|
|
1242
1167
|
"text": "string"
|
|
1243
1168
|
},
|
|
1244
1169
|
"default": "''",
|
|
1170
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1245
1171
|
"fieldName": "label"
|
|
1246
1172
|
},
|
|
1247
1173
|
{
|
|
1248
|
-
"name": "
|
|
1174
|
+
"name": "initials",
|
|
1249
1175
|
"type": {
|
|
1250
|
-
"text": "
|
|
1176
|
+
"text": "string"
|
|
1251
1177
|
},
|
|
1252
|
-
"default": "
|
|
1253
|
-
"description": "
|
|
1254
|
-
"fieldName": "
|
|
1178
|
+
"default": "''",
|
|
1179
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1180
|
+
"fieldName": "initials"
|
|
1181
|
+
},
|
|
1182
|
+
{
|
|
1183
|
+
"name": "loading",
|
|
1184
|
+
"type": {
|
|
1185
|
+
"text": "'eager' | 'lazy'"
|
|
1186
|
+
},
|
|
1187
|
+
"default": "'eager'",
|
|
1188
|
+
"description": "Indicates how the browser should load the image.",
|
|
1189
|
+
"fieldName": "loading"
|
|
1190
|
+
},
|
|
1191
|
+
{
|
|
1192
|
+
"name": "shape",
|
|
1193
|
+
"type": {
|
|
1194
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1195
|
+
},
|
|
1196
|
+
"default": "'circle'",
|
|
1197
|
+
"description": "The shape of the avatar.",
|
|
1198
|
+
"fieldName": "shape"
|
|
1255
1199
|
}
|
|
1256
1200
|
],
|
|
1257
1201
|
"superclass": {
|
|
1258
1202
|
"name": "FlowRdfElement",
|
|
1259
1203
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1260
1204
|
},
|
|
1261
|
-
"summary": "
|
|
1262
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1205
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
1206
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
1263
1207
|
"status": "stable",
|
|
1264
1208
|
"since": "2.0",
|
|
1265
|
-
"
|
|
1209
|
+
"dependencies": [
|
|
1210
|
+
"flow-ui-icon"
|
|
1211
|
+
],
|
|
1212
|
+
"tagName": "flow-ui-avatar",
|
|
1266
1213
|
"customElement": true
|
|
1267
1214
|
}
|
|
1268
1215
|
],
|
|
@@ -1271,16 +1218,16 @@
|
|
|
1271
1218
|
"kind": "js",
|
|
1272
1219
|
"name": "default",
|
|
1273
1220
|
"declaration": {
|
|
1274
|
-
"name": "
|
|
1275
|
-
"module": "components/
|
|
1221
|
+
"name": "FlowAvatar",
|
|
1222
|
+
"module": "components/avatar/avatar.js"
|
|
1276
1223
|
}
|
|
1277
1224
|
},
|
|
1278
1225
|
{
|
|
1279
1226
|
"kind": "custom-element-definition",
|
|
1280
|
-
"name": "flow-ui-
|
|
1227
|
+
"name": "flow-ui-avatar",
|
|
1281
1228
|
"declaration": {
|
|
1282
|
-
"name": "
|
|
1283
|
-
"module": "components/
|
|
1229
|
+
"name": "FlowAvatar",
|
|
1230
|
+
"module": "components/avatar/avatar.js"
|
|
1284
1231
|
}
|
|
1285
1232
|
}
|
|
1286
1233
|
]
|
|
@@ -1964,12 +1911,12 @@
|
|
|
1964
1911
|
},
|
|
1965
1912
|
{
|
|
1966
1913
|
"kind": "javascript-module",
|
|
1967
|
-
"path": "components/
|
|
1914
|
+
"path": "components/button-group/button-group.js",
|
|
1968
1915
|
"declarations": [
|
|
1969
1916
|
{
|
|
1970
1917
|
"kind": "class",
|
|
1971
1918
|
"description": "",
|
|
1972
|
-
"name": "
|
|
1919
|
+
"name": "FlowButtonGroup",
|
|
1973
1920
|
"cssParts": [
|
|
1974
1921
|
{
|
|
1975
1922
|
"description": "The component's base wrapper.",
|
|
@@ -1978,101 +1925,154 @@
|
|
|
1978
1925
|
],
|
|
1979
1926
|
"slots": [
|
|
1980
1927
|
{
|
|
1981
|
-
"description": "
|
|
1928
|
+
"description": "One or more `<flow-ui-button>` elements to display in the button group.",
|
|
1982
1929
|
"name": ""
|
|
1983
1930
|
}
|
|
1984
1931
|
],
|
|
1985
1932
|
"members": [
|
|
1986
1933
|
{
|
|
1987
1934
|
"kind": "field",
|
|
1988
|
-
"name": "
|
|
1935
|
+
"name": "defaultSlot",
|
|
1989
1936
|
"type": {
|
|
1990
|
-
"text": "
|
|
1991
|
-
}
|
|
1992
|
-
"default": "'primary'",
|
|
1993
|
-
"description": "The badge's theme variant.",
|
|
1994
|
-
"attribute": "variant",
|
|
1995
|
-
"reflects": true
|
|
1937
|
+
"text": "HTMLSlotElement"
|
|
1938
|
+
}
|
|
1996
1939
|
},
|
|
1997
1940
|
{
|
|
1998
1941
|
"kind": "field",
|
|
1999
|
-
"name": "
|
|
1942
|
+
"name": "disableRole",
|
|
2000
1943
|
"type": {
|
|
2001
1944
|
"text": "boolean"
|
|
2002
1945
|
},
|
|
2003
|
-
"default": "false"
|
|
2004
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
2005
|
-
"attribute": "pill",
|
|
2006
|
-
"reflects": true
|
|
1946
|
+
"default": "false"
|
|
2007
1947
|
},
|
|
2008
1948
|
{
|
|
2009
1949
|
"kind": "field",
|
|
2010
|
-
"name": "
|
|
2011
|
-
"type": {
|
|
2012
|
-
"text": "boolean"
|
|
2013
|
-
},
|
|
2014
|
-
"default": "false",
|
|
2015
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
2016
|
-
"attribute": "pulse",
|
|
2017
|
-
"reflects": true
|
|
2018
|
-
}
|
|
2019
|
-
],
|
|
2020
|
-
"attributes": [
|
|
2021
|
-
{
|
|
2022
|
-
"name": "variant",
|
|
1950
|
+
"name": "label",
|
|
2023
1951
|
"type": {
|
|
2024
|
-
"text": "
|
|
1952
|
+
"text": "string"
|
|
2025
1953
|
},
|
|
2026
|
-
"default": "'
|
|
2027
|
-
"
|
|
2028
|
-
"fieldName": "variant"
|
|
1954
|
+
"default": "''",
|
|
1955
|
+
"attribute": "label"
|
|
2029
1956
|
},
|
|
2030
1957
|
{
|
|
2031
|
-
"
|
|
1958
|
+
"kind": "field",
|
|
1959
|
+
"name": "vertical",
|
|
2032
1960
|
"type": {
|
|
2033
1961
|
"text": "boolean"
|
|
2034
1962
|
},
|
|
2035
1963
|
"default": "false",
|
|
2036
|
-
"description": "
|
|
2037
|
-
"
|
|
1964
|
+
"description": "Use vertical layout for the button group.",
|
|
1965
|
+
"attribute": "vertical",
|
|
1966
|
+
"reflects": true
|
|
2038
1967
|
},
|
|
2039
1968
|
{
|
|
2040
|
-
"
|
|
2041
|
-
"
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
"
|
|
2045
|
-
"
|
|
2046
|
-
"
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
1969
|
+
"kind": "method",
|
|
1970
|
+
"name": "handleVerticalChange"
|
|
1971
|
+
},
|
|
1972
|
+
{
|
|
1973
|
+
"kind": "method",
|
|
1974
|
+
"name": "handleFocus",
|
|
1975
|
+
"privacy": "private",
|
|
1976
|
+
"parameters": [
|
|
1977
|
+
{
|
|
1978
|
+
"name": "event",
|
|
1979
|
+
"type": {
|
|
1980
|
+
"text": "Event"
|
|
1981
|
+
}
|
|
1982
|
+
}
|
|
1983
|
+
]
|
|
1984
|
+
},
|
|
1985
|
+
{
|
|
1986
|
+
"kind": "method",
|
|
1987
|
+
"name": "handleBlur",
|
|
1988
|
+
"privacy": "private",
|
|
1989
|
+
"parameters": [
|
|
1990
|
+
{
|
|
1991
|
+
"name": "event",
|
|
1992
|
+
"type": {
|
|
1993
|
+
"text": "Event"
|
|
1994
|
+
}
|
|
1995
|
+
}
|
|
1996
|
+
]
|
|
1997
|
+
},
|
|
1998
|
+
{
|
|
1999
|
+
"kind": "method",
|
|
2000
|
+
"name": "handleMouseOver",
|
|
2001
|
+
"privacy": "private",
|
|
2002
|
+
"parameters": [
|
|
2003
|
+
{
|
|
2004
|
+
"name": "event",
|
|
2005
|
+
"type": {
|
|
2006
|
+
"text": "Event"
|
|
2007
|
+
}
|
|
2008
|
+
}
|
|
2009
|
+
]
|
|
2010
|
+
},
|
|
2011
|
+
{
|
|
2012
|
+
"kind": "method",
|
|
2013
|
+
"name": "handleMouseOut",
|
|
2014
|
+
"privacy": "private",
|
|
2015
|
+
"parameters": [
|
|
2016
|
+
{
|
|
2017
|
+
"name": "event",
|
|
2018
|
+
"type": {
|
|
2019
|
+
"text": "Event"
|
|
2020
|
+
}
|
|
2021
|
+
}
|
|
2022
|
+
]
|
|
2023
|
+
},
|
|
2024
|
+
{
|
|
2025
|
+
"kind": "method",
|
|
2026
|
+
"name": "handleSlotChange",
|
|
2027
|
+
"privacy": "private"
|
|
2028
|
+
}
|
|
2029
|
+
],
|
|
2030
|
+
"attributes": [
|
|
2031
|
+
{
|
|
2032
|
+
"name": "label",
|
|
2033
|
+
"type": {
|
|
2034
|
+
"text": "string"
|
|
2035
|
+
},
|
|
2036
|
+
"default": "''",
|
|
2037
|
+
"fieldName": "label"
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "vertical",
|
|
2041
|
+
"type": {
|
|
2042
|
+
"text": "boolean"
|
|
2043
|
+
},
|
|
2044
|
+
"default": "false",
|
|
2045
|
+
"description": "Use vertical layout for the button group.",
|
|
2046
|
+
"fieldName": "vertical"
|
|
2047
|
+
}
|
|
2048
|
+
],
|
|
2049
|
+
"superclass": {
|
|
2050
|
+
"name": "FlowRdfElement",
|
|
2051
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2052
|
+
},
|
|
2053
|
+
"summary": "Button groups can be used to group related buttons into sections.",
|
|
2054
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
|
|
2055
|
+
"status": "stable",
|
|
2056
|
+
"since": "2.0",
|
|
2057
|
+
"tagName": "flow-ui-button-group",
|
|
2058
|
+
"customElement": true
|
|
2059
|
+
}
|
|
2060
|
+
],
|
|
2061
|
+
"exports": [
|
|
2062
|
+
{
|
|
2063
2063
|
"kind": "js",
|
|
2064
2064
|
"name": "default",
|
|
2065
2065
|
"declaration": {
|
|
2066
|
-
"name": "
|
|
2067
|
-
"module": "components/
|
|
2066
|
+
"name": "FlowButtonGroup",
|
|
2067
|
+
"module": "components/button-group/button-group.js"
|
|
2068
2068
|
}
|
|
2069
2069
|
},
|
|
2070
2070
|
{
|
|
2071
2071
|
"kind": "custom-element-definition",
|
|
2072
|
-
"name": "flow-ui-
|
|
2072
|
+
"name": "flow-ui-button-group",
|
|
2073
2073
|
"declaration": {
|
|
2074
|
-
"name": "
|
|
2075
|
-
"module": "components/
|
|
2074
|
+
"name": "FlowButtonGroup",
|
|
2075
|
+
"module": "components/button-group/button-group.js"
|
|
2076
2076
|
}
|
|
2077
2077
|
}
|
|
2078
2078
|
]
|
|
@@ -3165,6 +3165,129 @@
|
|
|
3165
3165
|
}
|
|
3166
3166
|
]
|
|
3167
3167
|
},
|
|
3168
|
+
{
|
|
3169
|
+
"kind": "javascript-module",
|
|
3170
|
+
"path": "components/chart/chart.component.js",
|
|
3171
|
+
"declarations": [
|
|
3172
|
+
{
|
|
3173
|
+
"kind": "class",
|
|
3174
|
+
"description": "",
|
|
3175
|
+
"name": "FlowChart",
|
|
3176
|
+
"cssProperties": [
|
|
3177
|
+
{
|
|
3178
|
+
"description": "The color of the divider.",
|
|
3179
|
+
"name": "--color"
|
|
3180
|
+
},
|
|
3181
|
+
{
|
|
3182
|
+
"description": "The width of the divider.",
|
|
3183
|
+
"name": "--width"
|
|
3184
|
+
},
|
|
3185
|
+
{
|
|
3186
|
+
"description": "The spacing of the divider.",
|
|
3187
|
+
"name": "--spacing"
|
|
3188
|
+
}
|
|
3189
|
+
],
|
|
3190
|
+
"members": [
|
|
3191
|
+
{
|
|
3192
|
+
"kind": "field",
|
|
3193
|
+
"name": "chartRef",
|
|
3194
|
+
"type": {
|
|
3195
|
+
"text": "Ref<HTMLCanvasElement>"
|
|
3196
|
+
},
|
|
3197
|
+
"privacy": "private"
|
|
3198
|
+
},
|
|
3199
|
+
{
|
|
3200
|
+
"kind": "field",
|
|
3201
|
+
"name": "type",
|
|
3202
|
+
"type": {
|
|
3203
|
+
"text": "string"
|
|
3204
|
+
},
|
|
3205
|
+
"attribute": "type"
|
|
3206
|
+
},
|
|
3207
|
+
{
|
|
3208
|
+
"kind": "field",
|
|
3209
|
+
"name": "data",
|
|
3210
|
+
"type": {
|
|
3211
|
+
"text": "any"
|
|
3212
|
+
},
|
|
3213
|
+
"attribute": "data"
|
|
3214
|
+
},
|
|
3215
|
+
{
|
|
3216
|
+
"kind": "field",
|
|
3217
|
+
"name": "options",
|
|
3218
|
+
"type": {
|
|
3219
|
+
"text": "any"
|
|
3220
|
+
},
|
|
3221
|
+
"attribute": "options"
|
|
3222
|
+
}
|
|
3223
|
+
],
|
|
3224
|
+
"attributes": [
|
|
3225
|
+
{
|
|
3226
|
+
"name": "type",
|
|
3227
|
+
"type": {
|
|
3228
|
+
"text": "string"
|
|
3229
|
+
},
|
|
3230
|
+
"fieldName": "type"
|
|
3231
|
+
},
|
|
3232
|
+
{
|
|
3233
|
+
"name": "data",
|
|
3234
|
+
"type": {
|
|
3235
|
+
"text": "any"
|
|
3236
|
+
},
|
|
3237
|
+
"fieldName": "data"
|
|
3238
|
+
},
|
|
3239
|
+
{
|
|
3240
|
+
"name": "options",
|
|
3241
|
+
"type": {
|
|
3242
|
+
"text": "any"
|
|
3243
|
+
},
|
|
3244
|
+
"fieldName": "options"
|
|
3245
|
+
}
|
|
3246
|
+
],
|
|
3247
|
+
"superclass": {
|
|
3248
|
+
"name": "FlowRdfElement",
|
|
3249
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
3250
|
+
},
|
|
3251
|
+
"summary": "Dividers are used to visually separate or group elements.",
|
|
3252
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/divider",
|
|
3253
|
+
"status": "stable",
|
|
3254
|
+
"since": "2.0"
|
|
3255
|
+
}
|
|
3256
|
+
],
|
|
3257
|
+
"exports": [
|
|
3258
|
+
{
|
|
3259
|
+
"kind": "js",
|
|
3260
|
+
"name": "default",
|
|
3261
|
+
"declaration": {
|
|
3262
|
+
"name": "FlowChart",
|
|
3263
|
+
"module": "components/chart/chart.component.js"
|
|
3264
|
+
}
|
|
3265
|
+
}
|
|
3266
|
+
]
|
|
3267
|
+
},
|
|
3268
|
+
{
|
|
3269
|
+
"kind": "javascript-module",
|
|
3270
|
+
"path": "components/chart/chart.js",
|
|
3271
|
+
"declarations": [],
|
|
3272
|
+
"exports": [
|
|
3273
|
+
{
|
|
3274
|
+
"kind": "js",
|
|
3275
|
+
"name": "*",
|
|
3276
|
+
"declaration": {
|
|
3277
|
+
"name": "*",
|
|
3278
|
+
"package": "./chart.component"
|
|
3279
|
+
}
|
|
3280
|
+
},
|
|
3281
|
+
{
|
|
3282
|
+
"kind": "js",
|
|
3283
|
+
"name": "default",
|
|
3284
|
+
"declaration": {
|
|
3285
|
+
"name": "FlowChart",
|
|
3286
|
+
"module": "components/chart/chart.js"
|
|
3287
|
+
}
|
|
3288
|
+
}
|
|
3289
|
+
]
|
|
3290
|
+
},
|
|
3168
3291
|
{
|
|
3169
3292
|
"kind": "javascript-module",
|
|
3170
3293
|
"path": "components/checkbox/checkbox.js",
|
|
@@ -9237,66 +9360,282 @@
|
|
|
9237
9360
|
},
|
|
9238
9361
|
{
|
|
9239
9362
|
"kind": "javascript-module",
|
|
9240
|
-
"path": "components/
|
|
9363
|
+
"path": "components/mutation-observer/mutation-observer.js",
|
|
9241
9364
|
"declarations": [
|
|
9242
9365
|
{
|
|
9243
9366
|
"kind": "class",
|
|
9244
9367
|
"description": "",
|
|
9245
|
-
"name": "
|
|
9246
|
-
"cssParts": [
|
|
9247
|
-
{
|
|
9248
|
-
"description": "The checked icon, a `<flow-ui-icon>` element.",
|
|
9249
|
-
"name": "checked-icon"
|
|
9250
|
-
},
|
|
9251
|
-
{
|
|
9252
|
-
"description": "The component's base wrapper.",
|
|
9253
|
-
"name": "base"
|
|
9254
|
-
},
|
|
9255
|
-
{
|
|
9256
|
-
"description": "The option's label.",
|
|
9257
|
-
"name": "label"
|
|
9258
|
-
},
|
|
9259
|
-
{
|
|
9260
|
-
"description": "The container that wraps the prefix.",
|
|
9261
|
-
"name": "prefix"
|
|
9262
|
-
},
|
|
9263
|
-
{
|
|
9264
|
-
"description": "The container that wraps the suffix.",
|
|
9265
|
-
"name": "suffix"
|
|
9266
|
-
}
|
|
9267
|
-
],
|
|
9368
|
+
"name": "FlowMutationObserver",
|
|
9268
9369
|
"slots": [
|
|
9269
9370
|
{
|
|
9270
|
-
"description": "The
|
|
9371
|
+
"description": "The content to watch for mutations.",
|
|
9271
9372
|
"name": ""
|
|
9272
|
-
},
|
|
9273
|
-
{
|
|
9274
|
-
"description": "Used to prepend an icon or similar element to the menu item.",
|
|
9275
|
-
"name": "prefix"
|
|
9276
|
-
},
|
|
9277
|
-
{
|
|
9278
|
-
"description": "Used to append an icon or similar element to the menu item.",
|
|
9279
|
-
"name": "suffix"
|
|
9280
9373
|
}
|
|
9281
9374
|
],
|
|
9282
9375
|
"members": [
|
|
9283
9376
|
{
|
|
9284
9377
|
"kind": "field",
|
|
9285
|
-
"name": "
|
|
9378
|
+
"name": "mutationObserver",
|
|
9286
9379
|
"type": {
|
|
9287
|
-
"text": "
|
|
9380
|
+
"text": "MutationObserver"
|
|
9288
9381
|
},
|
|
9289
9382
|
"privacy": "private"
|
|
9290
9383
|
},
|
|
9291
9384
|
{
|
|
9292
9385
|
"kind": "field",
|
|
9293
|
-
"name": "
|
|
9294
|
-
"
|
|
9295
|
-
|
|
9296
|
-
|
|
9297
|
-
|
|
9298
|
-
|
|
9299
|
-
"
|
|
9386
|
+
"name": "attr",
|
|
9387
|
+
"type": {
|
|
9388
|
+
"text": "string"
|
|
9389
|
+
},
|
|
9390
|
+
"description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
|
|
9391
|
+
"attribute": "attr",
|
|
9392
|
+
"reflects": true
|
|
9393
|
+
},
|
|
9394
|
+
{
|
|
9395
|
+
"kind": "field",
|
|
9396
|
+
"name": "attrOldValue",
|
|
9397
|
+
"type": {
|
|
9398
|
+
"text": "boolean"
|
|
9399
|
+
},
|
|
9400
|
+
"default": "false",
|
|
9401
|
+
"description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
|
|
9402
|
+
"attribute": "attr-old-value",
|
|
9403
|
+
"reflects": true
|
|
9404
|
+
},
|
|
9405
|
+
{
|
|
9406
|
+
"kind": "field",
|
|
9407
|
+
"name": "charData",
|
|
9408
|
+
"type": {
|
|
9409
|
+
"text": "boolean"
|
|
9410
|
+
},
|
|
9411
|
+
"default": "false",
|
|
9412
|
+
"description": "Watches for changes to the character data contained within the node.",
|
|
9413
|
+
"attribute": "char-data",
|
|
9414
|
+
"reflects": true
|
|
9415
|
+
},
|
|
9416
|
+
{
|
|
9417
|
+
"kind": "field",
|
|
9418
|
+
"name": "charDataOldValue",
|
|
9419
|
+
"type": {
|
|
9420
|
+
"text": "boolean"
|
|
9421
|
+
},
|
|
9422
|
+
"default": "false",
|
|
9423
|
+
"description": "Indicates whether or not the previous value of the node's text should be recorded.",
|
|
9424
|
+
"attribute": "char-data-old-value",
|
|
9425
|
+
"reflects": true
|
|
9426
|
+
},
|
|
9427
|
+
{
|
|
9428
|
+
"kind": "field",
|
|
9429
|
+
"name": "childList",
|
|
9430
|
+
"type": {
|
|
9431
|
+
"text": "boolean"
|
|
9432
|
+
},
|
|
9433
|
+
"default": "false",
|
|
9434
|
+
"description": "Watches for the addition or removal of new child nodes.",
|
|
9435
|
+
"attribute": "child-list",
|
|
9436
|
+
"reflects": true
|
|
9437
|
+
},
|
|
9438
|
+
{
|
|
9439
|
+
"kind": "field",
|
|
9440
|
+
"name": "disabled",
|
|
9441
|
+
"type": {
|
|
9442
|
+
"text": "boolean"
|
|
9443
|
+
},
|
|
9444
|
+
"default": "false",
|
|
9445
|
+
"description": "Disables the observer.",
|
|
9446
|
+
"attribute": "disabled",
|
|
9447
|
+
"reflects": true
|
|
9448
|
+
},
|
|
9449
|
+
{
|
|
9450
|
+
"kind": "method",
|
|
9451
|
+
"name": "handleMutation",
|
|
9452
|
+
"privacy": "private",
|
|
9453
|
+
"parameters": [
|
|
9454
|
+
{
|
|
9455
|
+
"name": "mutationList",
|
|
9456
|
+
"type": {
|
|
9457
|
+
"text": "MutationRecord[]"
|
|
9458
|
+
}
|
|
9459
|
+
}
|
|
9460
|
+
]
|
|
9461
|
+
},
|
|
9462
|
+
{
|
|
9463
|
+
"kind": "method",
|
|
9464
|
+
"name": "startObserver",
|
|
9465
|
+
"privacy": "private"
|
|
9466
|
+
},
|
|
9467
|
+
{
|
|
9468
|
+
"kind": "method",
|
|
9469
|
+
"name": "stopObserver",
|
|
9470
|
+
"privacy": "private"
|
|
9471
|
+
},
|
|
9472
|
+
{
|
|
9473
|
+
"kind": "method",
|
|
9474
|
+
"name": "handleDisabledChange"
|
|
9475
|
+
},
|
|
9476
|
+
{
|
|
9477
|
+
"kind": "method",
|
|
9478
|
+
"name": "handleChange"
|
|
9479
|
+
}
|
|
9480
|
+
],
|
|
9481
|
+
"events": [
|
|
9482
|
+
{
|
|
9483
|
+
"type": {
|
|
9484
|
+
"text": "{ mutationList: MutationRecord[] }"
|
|
9485
|
+
},
|
|
9486
|
+
"description": "Emitted when a mutation occurs.",
|
|
9487
|
+
"name": "flow-ui-mutation",
|
|
9488
|
+
"reactName": "onFlowUiMutation"
|
|
9489
|
+
}
|
|
9490
|
+
],
|
|
9491
|
+
"attributes": [
|
|
9492
|
+
{
|
|
9493
|
+
"name": "attr",
|
|
9494
|
+
"type": {
|
|
9495
|
+
"text": "string"
|
|
9496
|
+
},
|
|
9497
|
+
"description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
|
|
9498
|
+
"fieldName": "attr"
|
|
9499
|
+
},
|
|
9500
|
+
{
|
|
9501
|
+
"name": "attr-old-value",
|
|
9502
|
+
"type": {
|
|
9503
|
+
"text": "boolean"
|
|
9504
|
+
},
|
|
9505
|
+
"default": "false",
|
|
9506
|
+
"description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
|
|
9507
|
+
"fieldName": "attrOldValue"
|
|
9508
|
+
},
|
|
9509
|
+
{
|
|
9510
|
+
"name": "char-data",
|
|
9511
|
+
"type": {
|
|
9512
|
+
"text": "boolean"
|
|
9513
|
+
},
|
|
9514
|
+
"default": "false",
|
|
9515
|
+
"description": "Watches for changes to the character data contained within the node.",
|
|
9516
|
+
"fieldName": "charData"
|
|
9517
|
+
},
|
|
9518
|
+
{
|
|
9519
|
+
"name": "char-data-old-value",
|
|
9520
|
+
"type": {
|
|
9521
|
+
"text": "boolean"
|
|
9522
|
+
},
|
|
9523
|
+
"default": "false",
|
|
9524
|
+
"description": "Indicates whether or not the previous value of the node's text should be recorded.",
|
|
9525
|
+
"fieldName": "charDataOldValue"
|
|
9526
|
+
},
|
|
9527
|
+
{
|
|
9528
|
+
"name": "child-list",
|
|
9529
|
+
"type": {
|
|
9530
|
+
"text": "boolean"
|
|
9531
|
+
},
|
|
9532
|
+
"default": "false",
|
|
9533
|
+
"description": "Watches for the addition or removal of new child nodes.",
|
|
9534
|
+
"fieldName": "childList"
|
|
9535
|
+
},
|
|
9536
|
+
{
|
|
9537
|
+
"name": "disabled",
|
|
9538
|
+
"type": {
|
|
9539
|
+
"text": "boolean"
|
|
9540
|
+
},
|
|
9541
|
+
"default": "false",
|
|
9542
|
+
"description": "Disables the observer.",
|
|
9543
|
+
"fieldName": "disabled"
|
|
9544
|
+
}
|
|
9545
|
+
],
|
|
9546
|
+
"superclass": {
|
|
9547
|
+
"name": "FlowRdfElement",
|
|
9548
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
9549
|
+
},
|
|
9550
|
+
"summary": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).",
|
|
9551
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer",
|
|
9552
|
+
"status": "stable",
|
|
9553
|
+
"since": "2.0",
|
|
9554
|
+
"tagName": "flow-ui-mutation-observer",
|
|
9555
|
+
"customElement": true
|
|
9556
|
+
}
|
|
9557
|
+
],
|
|
9558
|
+
"exports": [
|
|
9559
|
+
{
|
|
9560
|
+
"kind": "js",
|
|
9561
|
+
"name": "default",
|
|
9562
|
+
"declaration": {
|
|
9563
|
+
"name": "FlowMutationObserver",
|
|
9564
|
+
"module": "components/mutation-observer/mutation-observer.js"
|
|
9565
|
+
}
|
|
9566
|
+
},
|
|
9567
|
+
{
|
|
9568
|
+
"kind": "custom-element-definition",
|
|
9569
|
+
"name": "flow-ui-mutation-observer",
|
|
9570
|
+
"declaration": {
|
|
9571
|
+
"name": "FlowMutationObserver",
|
|
9572
|
+
"module": "components/mutation-observer/mutation-observer.js"
|
|
9573
|
+
}
|
|
9574
|
+
}
|
|
9575
|
+
]
|
|
9576
|
+
},
|
|
9577
|
+
{
|
|
9578
|
+
"kind": "javascript-module",
|
|
9579
|
+
"path": "components/option/option.js",
|
|
9580
|
+
"declarations": [
|
|
9581
|
+
{
|
|
9582
|
+
"kind": "class",
|
|
9583
|
+
"description": "",
|
|
9584
|
+
"name": "FlowOption",
|
|
9585
|
+
"cssParts": [
|
|
9586
|
+
{
|
|
9587
|
+
"description": "The checked icon, a `<flow-ui-icon>` element.",
|
|
9588
|
+
"name": "checked-icon"
|
|
9589
|
+
},
|
|
9590
|
+
{
|
|
9591
|
+
"description": "The component's base wrapper.",
|
|
9592
|
+
"name": "base"
|
|
9593
|
+
},
|
|
9594
|
+
{
|
|
9595
|
+
"description": "The option's label.",
|
|
9596
|
+
"name": "label"
|
|
9597
|
+
},
|
|
9598
|
+
{
|
|
9599
|
+
"description": "The container that wraps the prefix.",
|
|
9600
|
+
"name": "prefix"
|
|
9601
|
+
},
|
|
9602
|
+
{
|
|
9603
|
+
"description": "The container that wraps the suffix.",
|
|
9604
|
+
"name": "suffix"
|
|
9605
|
+
}
|
|
9606
|
+
],
|
|
9607
|
+
"slots": [
|
|
9608
|
+
{
|
|
9609
|
+
"description": "The option's label.",
|
|
9610
|
+
"name": ""
|
|
9611
|
+
},
|
|
9612
|
+
{
|
|
9613
|
+
"description": "Used to prepend an icon or similar element to the menu item.",
|
|
9614
|
+
"name": "prefix"
|
|
9615
|
+
},
|
|
9616
|
+
{
|
|
9617
|
+
"description": "Used to append an icon or similar element to the menu item.",
|
|
9618
|
+
"name": "suffix"
|
|
9619
|
+
}
|
|
9620
|
+
],
|
|
9621
|
+
"members": [
|
|
9622
|
+
{
|
|
9623
|
+
"kind": "field",
|
|
9624
|
+
"name": "cachedTextLabel",
|
|
9625
|
+
"type": {
|
|
9626
|
+
"text": "string"
|
|
9627
|
+
},
|
|
9628
|
+
"privacy": "private"
|
|
9629
|
+
},
|
|
9630
|
+
{
|
|
9631
|
+
"kind": "field",
|
|
9632
|
+
"name": "localize",
|
|
9633
|
+
"privacy": "private",
|
|
9634
|
+
"readonly": true,
|
|
9635
|
+
"default": "new LocalizeController(this)"
|
|
9636
|
+
},
|
|
9637
|
+
{
|
|
9638
|
+
"kind": "field",
|
|
9300
9639
|
"name": "defaultSlot",
|
|
9301
9640
|
"type": {
|
|
9302
9641
|
"text": "HTMLSlotElement"
|
|
@@ -9575,12 +9914,237 @@
|
|
|
9575
9914
|
},
|
|
9576
9915
|
{
|
|
9577
9916
|
"kind": "javascript-module",
|
|
9578
|
-
"path": "components/
|
|
9917
|
+
"path": "components/panel-header/panel-header.component.js",
|
|
9579
9918
|
"declarations": [
|
|
9580
9919
|
{
|
|
9581
9920
|
"kind": "class",
|
|
9582
9921
|
"description": "",
|
|
9583
|
-
"name": "
|
|
9922
|
+
"name": "FlowPanelHeader",
|
|
9923
|
+
"cssParts": [
|
|
9924
|
+
{
|
|
9925
|
+
"description": "The component's base wrapper.",
|
|
9926
|
+
"name": "base"
|
|
9927
|
+
},
|
|
9928
|
+
{
|
|
9929
|
+
"description": "The container that wraps the title.",
|
|
9930
|
+
"name": "title"
|
|
9931
|
+
},
|
|
9932
|
+
{
|
|
9933
|
+
"description": "The container that wraps the prefix.",
|
|
9934
|
+
"name": "prefix"
|
|
9935
|
+
},
|
|
9936
|
+
{
|
|
9937
|
+
"description": "The container that wraps the suffix.",
|
|
9938
|
+
"name": "suffix"
|
|
9939
|
+
},
|
|
9940
|
+
{
|
|
9941
|
+
"description": "The container that wraps the expand/collapse icon.",
|
|
9942
|
+
"name": "toggle-icon"
|
|
9943
|
+
}
|
|
9944
|
+
],
|
|
9945
|
+
"slots": [
|
|
9946
|
+
{
|
|
9947
|
+
"description": "The panel header's title content. Alternatively, use the `title` attribute for plain text.",
|
|
9948
|
+
"name": "title"
|
|
9949
|
+
},
|
|
9950
|
+
{
|
|
9951
|
+
"description": "The panel header's prefix content.",
|
|
9952
|
+
"name": "prefix"
|
|
9953
|
+
},
|
|
9954
|
+
{
|
|
9955
|
+
"description": "The panel header's suffix content.",
|
|
9956
|
+
"name": "suffix"
|
|
9957
|
+
},
|
|
9958
|
+
{
|
|
9959
|
+
"description": "Specify an alternative `<flow-ui-icon>` to use for the expand icon.",
|
|
9960
|
+
"name": "expand-icon"
|
|
9961
|
+
},
|
|
9962
|
+
{
|
|
9963
|
+
"description": "Specify an alternative `<flow-ui-icon>` to use for the collapse icon.",
|
|
9964
|
+
"name": "collapse-icon"
|
|
9965
|
+
}
|
|
9966
|
+
],
|
|
9967
|
+
"members": [
|
|
9968
|
+
{
|
|
9969
|
+
"kind": "field",
|
|
9970
|
+
"name": "hasSlotController",
|
|
9971
|
+
"privacy": "private",
|
|
9972
|
+
"readonly": true,
|
|
9973
|
+
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
9974
|
+
},
|
|
9975
|
+
{
|
|
9976
|
+
"kind": "field",
|
|
9977
|
+
"name": "header",
|
|
9978
|
+
"type": {
|
|
9979
|
+
"text": "HTMLElement"
|
|
9980
|
+
},
|
|
9981
|
+
"privacy": "private"
|
|
9982
|
+
},
|
|
9983
|
+
{
|
|
9984
|
+
"kind": "field",
|
|
9985
|
+
"name": "closed",
|
|
9986
|
+
"type": {
|
|
9987
|
+
"text": "boolean"
|
|
9988
|
+
},
|
|
9989
|
+
"default": "false",
|
|
9990
|
+
"description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
|
|
9991
|
+
"attribute": "closed",
|
|
9992
|
+
"reflects": true
|
|
9993
|
+
},
|
|
9994
|
+
{
|
|
9995
|
+
"kind": "field",
|
|
9996
|
+
"name": "title",
|
|
9997
|
+
"type": {
|
|
9998
|
+
"text": "string"
|
|
9999
|
+
},
|
|
10000
|
+
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
10001
|
+
"attribute": "title"
|
|
10002
|
+
},
|
|
10003
|
+
{
|
|
10004
|
+
"kind": "field",
|
|
10005
|
+
"name": "fixed",
|
|
10006
|
+
"type": {
|
|
10007
|
+
"text": "boolean"
|
|
10008
|
+
},
|
|
10009
|
+
"default": "false",
|
|
10010
|
+
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
10011
|
+
"attribute": "fixed",
|
|
10012
|
+
"reflects": true
|
|
10013
|
+
},
|
|
10014
|
+
{
|
|
10015
|
+
"kind": "method",
|
|
10016
|
+
"name": "handleHeaderClick",
|
|
10017
|
+
"privacy": "private"
|
|
10018
|
+
},
|
|
10019
|
+
{
|
|
10020
|
+
"kind": "method",
|
|
10021
|
+
"name": "handleAccessoryClick",
|
|
10022
|
+
"privacy": "private",
|
|
10023
|
+
"parameters": [
|
|
10024
|
+
{
|
|
10025
|
+
"name": "event",
|
|
10026
|
+
"type": {
|
|
10027
|
+
"text": "MouseEvent"
|
|
10028
|
+
}
|
|
10029
|
+
}
|
|
10030
|
+
]
|
|
10031
|
+
},
|
|
10032
|
+
{
|
|
10033
|
+
"kind": "method",
|
|
10034
|
+
"name": "handleHeaderKeyDown",
|
|
10035
|
+
"privacy": "private",
|
|
10036
|
+
"parameters": [
|
|
10037
|
+
{
|
|
10038
|
+
"name": "event",
|
|
10039
|
+
"type": {
|
|
10040
|
+
"text": "KeyboardEvent"
|
|
10041
|
+
}
|
|
10042
|
+
}
|
|
10043
|
+
]
|
|
10044
|
+
},
|
|
10045
|
+
{
|
|
10046
|
+
"kind": "method",
|
|
10047
|
+
"name": "handleToggleButtonExpandCollapse",
|
|
10048
|
+
"privacy": "private",
|
|
10049
|
+
"parameters": [
|
|
10050
|
+
{
|
|
10051
|
+
"name": "event",
|
|
10052
|
+
"type": {
|
|
10053
|
+
"text": "Event"
|
|
10054
|
+
}
|
|
10055
|
+
}
|
|
10056
|
+
]
|
|
10057
|
+
}
|
|
10058
|
+
],
|
|
10059
|
+
"events": [
|
|
10060
|
+
{
|
|
10061
|
+
"description": "Emitted when the header is collapsed by UI interaction.",
|
|
10062
|
+
"name": "flow-ui-collapse",
|
|
10063
|
+
"reactName": "onFlowUiCollapse"
|
|
10064
|
+
},
|
|
10065
|
+
{
|
|
10066
|
+
"description": "Emitted when the header is expanded by UI interaction.",
|
|
10067
|
+
"name": "flow-ui-expand",
|
|
10068
|
+
"reactName": "onFlowUiExpand"
|
|
10069
|
+
}
|
|
10070
|
+
],
|
|
10071
|
+
"attributes": [
|
|
10072
|
+
{
|
|
10073
|
+
"name": "closed",
|
|
10074
|
+
"type": {
|
|
10075
|
+
"text": "boolean"
|
|
10076
|
+
},
|
|
10077
|
+
"default": "false",
|
|
10078
|
+
"description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
|
|
10079
|
+
"fieldName": "closed"
|
|
10080
|
+
},
|
|
10081
|
+
{
|
|
10082
|
+
"name": "title",
|
|
10083
|
+
"type": {
|
|
10084
|
+
"text": "string"
|
|
10085
|
+
},
|
|
10086
|
+
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
10087
|
+
"fieldName": "title"
|
|
10088
|
+
},
|
|
10089
|
+
{
|
|
10090
|
+
"name": "fixed",
|
|
10091
|
+
"type": {
|
|
10092
|
+
"text": "boolean"
|
|
10093
|
+
},
|
|
10094
|
+
"default": "false",
|
|
10095
|
+
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
10096
|
+
"fieldName": "fixed"
|
|
10097
|
+
}
|
|
10098
|
+
],
|
|
10099
|
+
"superclass": {
|
|
10100
|
+
"name": "FlowRdfElement",
|
|
10101
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
10102
|
+
},
|
|
10103
|
+
"summary": "A panel header provides a title, optional accessory controls and expand/collapse behaviour for panels."
|
|
10104
|
+
}
|
|
10105
|
+
],
|
|
10106
|
+
"exports": [
|
|
10107
|
+
{
|
|
10108
|
+
"kind": "js",
|
|
10109
|
+
"name": "default",
|
|
10110
|
+
"declaration": {
|
|
10111
|
+
"name": "FlowPanelHeader",
|
|
10112
|
+
"module": "components/panel-header/panel-header.component.js"
|
|
10113
|
+
}
|
|
10114
|
+
}
|
|
10115
|
+
]
|
|
10116
|
+
},
|
|
10117
|
+
{
|
|
10118
|
+
"kind": "javascript-module",
|
|
10119
|
+
"path": "components/panel-header/panel-header.js",
|
|
10120
|
+
"declarations": [],
|
|
10121
|
+
"exports": [
|
|
10122
|
+
{
|
|
10123
|
+
"kind": "js",
|
|
10124
|
+
"name": "*",
|
|
10125
|
+
"declaration": {
|
|
10126
|
+
"name": "*",
|
|
10127
|
+
"package": "./panel-header.component.js"
|
|
10128
|
+
}
|
|
10129
|
+
},
|
|
10130
|
+
{
|
|
10131
|
+
"kind": "js",
|
|
10132
|
+
"name": "default",
|
|
10133
|
+
"declaration": {
|
|
10134
|
+
"name": "FlowPanelHeader",
|
|
10135
|
+
"module": "components/panel-header/panel-header.js"
|
|
10136
|
+
}
|
|
10137
|
+
}
|
|
10138
|
+
]
|
|
10139
|
+
},
|
|
10140
|
+
{
|
|
10141
|
+
"kind": "javascript-module",
|
|
10142
|
+
"path": "components/popup/popup.js",
|
|
10143
|
+
"declarations": [
|
|
10144
|
+
{
|
|
10145
|
+
"kind": "class",
|
|
10146
|
+
"description": "",
|
|
10147
|
+
"name": "FlowPopup",
|
|
9584
10148
|
"cssProperties": [
|
|
9585
10149
|
{
|
|
9586
10150
|
"description": "The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used.",
|
|
@@ -10404,266 +10968,41 @@
|
|
|
10404
10968
|
},
|
|
10405
10969
|
{
|
|
10406
10970
|
"kind": "javascript-module",
|
|
10407
|
-
"path": "components/
|
|
10971
|
+
"path": "components/radio/radio.js",
|
|
10408
10972
|
"declarations": [
|
|
10409
10973
|
{
|
|
10410
10974
|
"kind": "class",
|
|
10411
|
-
"description": "",
|
|
10412
|
-
"name": "
|
|
10975
|
+
"description": "fdfd",
|
|
10976
|
+
"name": "FlowRadio",
|
|
10413
10977
|
"cssParts": [
|
|
10414
10978
|
{
|
|
10415
10979
|
"description": "The component's base wrapper.",
|
|
10416
10980
|
"name": "base"
|
|
10417
10981
|
},
|
|
10418
10982
|
{
|
|
10419
|
-
"description": "The container that wraps the
|
|
10420
|
-
"name": "
|
|
10983
|
+
"description": "The circular container that wraps the radio's checked state.",
|
|
10984
|
+
"name": "control"
|
|
10421
10985
|
},
|
|
10422
10986
|
{
|
|
10423
|
-
"description": "The
|
|
10424
|
-
"name": "
|
|
10987
|
+
"description": "The radio control when the radio is checked.",
|
|
10988
|
+
"name": "control--checked"
|
|
10425
10989
|
},
|
|
10426
10990
|
{
|
|
10427
|
-
"description": "The
|
|
10428
|
-
"name": "
|
|
10991
|
+
"description": "The checked icon, an `<flow-ui-icon>` element.",
|
|
10992
|
+
"name": "checked-icon"
|
|
10429
10993
|
},
|
|
10430
10994
|
{
|
|
10431
|
-
"description": "The container that wraps the
|
|
10432
|
-
"name": "
|
|
10995
|
+
"description": "The container that wraps the radio's label.",
|
|
10996
|
+
"name": "label"
|
|
10433
10997
|
}
|
|
10434
10998
|
],
|
|
10435
10999
|
"slots": [
|
|
10436
11000
|
{
|
|
10437
|
-
"description": "The
|
|
10438
|
-
"name": "
|
|
10439
|
-
}
|
|
10440
|
-
|
|
10441
|
-
|
|
10442
|
-
"name": "prefix"
|
|
10443
|
-
},
|
|
10444
|
-
{
|
|
10445
|
-
"description": "The panel header's suffix content.",
|
|
10446
|
-
"name": "suffix"
|
|
10447
|
-
},
|
|
10448
|
-
{
|
|
10449
|
-
"description": "Specify an alternative `<flow-ui-icon>` to use for the expand icon.",
|
|
10450
|
-
"name": "expand-icon"
|
|
10451
|
-
},
|
|
10452
|
-
{
|
|
10453
|
-
"description": "Specify an alternative `<flow-ui-icon>` to use for the collapse icon.",
|
|
10454
|
-
"name": "collapse-icon"
|
|
10455
|
-
}
|
|
10456
|
-
],
|
|
10457
|
-
"members": [
|
|
10458
|
-
{
|
|
10459
|
-
"kind": "field",
|
|
10460
|
-
"name": "hasSlotController",
|
|
10461
|
-
"privacy": "private",
|
|
10462
|
-
"readonly": true,
|
|
10463
|
-
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
10464
|
-
},
|
|
10465
|
-
{
|
|
10466
|
-
"kind": "field",
|
|
10467
|
-
"name": "header",
|
|
10468
|
-
"type": {
|
|
10469
|
-
"text": "HTMLElement"
|
|
10470
|
-
},
|
|
10471
|
-
"privacy": "private"
|
|
10472
|
-
},
|
|
10473
|
-
{
|
|
10474
|
-
"kind": "field",
|
|
10475
|
-
"name": "closed",
|
|
10476
|
-
"type": {
|
|
10477
|
-
"text": "boolean"
|
|
10478
|
-
},
|
|
10479
|
-
"default": "false",
|
|
10480
|
-
"description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
|
|
10481
|
-
"attribute": "closed",
|
|
10482
|
-
"reflects": true
|
|
10483
|
-
},
|
|
10484
|
-
{
|
|
10485
|
-
"kind": "field",
|
|
10486
|
-
"name": "title",
|
|
10487
|
-
"type": {
|
|
10488
|
-
"text": "string"
|
|
10489
|
-
},
|
|
10490
|
-
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
10491
|
-
"attribute": "title"
|
|
10492
|
-
},
|
|
10493
|
-
{
|
|
10494
|
-
"kind": "field",
|
|
10495
|
-
"name": "fixed",
|
|
10496
|
-
"type": {
|
|
10497
|
-
"text": "boolean"
|
|
10498
|
-
},
|
|
10499
|
-
"default": "false",
|
|
10500
|
-
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
10501
|
-
"attribute": "fixed",
|
|
10502
|
-
"reflects": true
|
|
10503
|
-
},
|
|
10504
|
-
{
|
|
10505
|
-
"kind": "method",
|
|
10506
|
-
"name": "handleHeaderClick",
|
|
10507
|
-
"privacy": "private"
|
|
10508
|
-
},
|
|
10509
|
-
{
|
|
10510
|
-
"kind": "method",
|
|
10511
|
-
"name": "handleAccessoryClick",
|
|
10512
|
-
"privacy": "private",
|
|
10513
|
-
"parameters": [
|
|
10514
|
-
{
|
|
10515
|
-
"name": "event",
|
|
10516
|
-
"type": {
|
|
10517
|
-
"text": "MouseEvent"
|
|
10518
|
-
}
|
|
10519
|
-
}
|
|
10520
|
-
]
|
|
10521
|
-
},
|
|
10522
|
-
{
|
|
10523
|
-
"kind": "method",
|
|
10524
|
-
"name": "handleHeaderKeyDown",
|
|
10525
|
-
"privacy": "private",
|
|
10526
|
-
"parameters": [
|
|
10527
|
-
{
|
|
10528
|
-
"name": "event",
|
|
10529
|
-
"type": {
|
|
10530
|
-
"text": "KeyboardEvent"
|
|
10531
|
-
}
|
|
10532
|
-
}
|
|
10533
|
-
]
|
|
10534
|
-
},
|
|
10535
|
-
{
|
|
10536
|
-
"kind": "method",
|
|
10537
|
-
"name": "handleToggleButtonExpandCollapse",
|
|
10538
|
-
"privacy": "private",
|
|
10539
|
-
"parameters": [
|
|
10540
|
-
{
|
|
10541
|
-
"name": "event",
|
|
10542
|
-
"type": {
|
|
10543
|
-
"text": "Event"
|
|
10544
|
-
}
|
|
10545
|
-
}
|
|
10546
|
-
]
|
|
10547
|
-
}
|
|
10548
|
-
],
|
|
10549
|
-
"events": [
|
|
10550
|
-
{
|
|
10551
|
-
"description": "Emitted when the header is collapsed by UI interaction.",
|
|
10552
|
-
"name": "flow-ui-collapse",
|
|
10553
|
-
"reactName": "onFlowUiCollapse"
|
|
10554
|
-
},
|
|
10555
|
-
{
|
|
10556
|
-
"description": "Emitted when the header is expanded by UI interaction.",
|
|
10557
|
-
"name": "flow-ui-expand",
|
|
10558
|
-
"reactName": "onFlowUiExpand"
|
|
10559
|
-
}
|
|
10560
|
-
],
|
|
10561
|
-
"attributes": [
|
|
10562
|
-
{
|
|
10563
|
-
"name": "closed",
|
|
10564
|
-
"type": {
|
|
10565
|
-
"text": "boolean"
|
|
10566
|
-
},
|
|
10567
|
-
"default": "false",
|
|
10568
|
-
"description": "Indicates whether or not the header is open or closed. Toggle this attribute to expand or collapse the header.\nAlternatively, call the `expand()` and `collapse()` methods.",
|
|
10569
|
-
"fieldName": "closed"
|
|
10570
|
-
},
|
|
10571
|
-
{
|
|
10572
|
-
"name": "title",
|
|
10573
|
-
"type": {
|
|
10574
|
-
"text": "string"
|
|
10575
|
-
},
|
|
10576
|
-
"description": "The header title text. Use the `title` slot instead to display HTML.",
|
|
10577
|
-
"fieldName": "title"
|
|
10578
|
-
},
|
|
10579
|
-
{
|
|
10580
|
-
"name": "fixed",
|
|
10581
|
-
"type": {
|
|
10582
|
-
"text": "boolean"
|
|
10583
|
-
},
|
|
10584
|
-
"default": "false",
|
|
10585
|
-
"description": "Set to `true` to hide the panel expand/collapse button.",
|
|
10586
|
-
"fieldName": "fixed"
|
|
10587
|
-
}
|
|
10588
|
-
],
|
|
10589
|
-
"superclass": {
|
|
10590
|
-
"name": "FlowRdfElement",
|
|
10591
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
10592
|
-
},
|
|
10593
|
-
"summary": "A panel header provides a title, optional accessory controls and expand/collapse behaviour for panels."
|
|
10594
|
-
}
|
|
10595
|
-
],
|
|
10596
|
-
"exports": [
|
|
10597
|
-
{
|
|
10598
|
-
"kind": "js",
|
|
10599
|
-
"name": "default",
|
|
10600
|
-
"declaration": {
|
|
10601
|
-
"name": "FlowPanelHeader",
|
|
10602
|
-
"module": "components/panel-header/panel-header.component.js"
|
|
10603
|
-
}
|
|
10604
|
-
}
|
|
10605
|
-
]
|
|
10606
|
-
},
|
|
10607
|
-
{
|
|
10608
|
-
"kind": "javascript-module",
|
|
10609
|
-
"path": "components/panel-header/panel-header.js",
|
|
10610
|
-
"declarations": [],
|
|
10611
|
-
"exports": [
|
|
10612
|
-
{
|
|
10613
|
-
"kind": "js",
|
|
10614
|
-
"name": "*",
|
|
10615
|
-
"declaration": {
|
|
10616
|
-
"name": "*",
|
|
10617
|
-
"package": "./panel-header.component.js"
|
|
10618
|
-
}
|
|
10619
|
-
},
|
|
10620
|
-
{
|
|
10621
|
-
"kind": "js",
|
|
10622
|
-
"name": "default",
|
|
10623
|
-
"declaration": {
|
|
10624
|
-
"name": "FlowPanelHeader",
|
|
10625
|
-
"module": "components/panel-header/panel-header.js"
|
|
10626
|
-
}
|
|
10627
|
-
}
|
|
10628
|
-
]
|
|
10629
|
-
},
|
|
10630
|
-
{
|
|
10631
|
-
"kind": "javascript-module",
|
|
10632
|
-
"path": "components/radio/radio.js",
|
|
10633
|
-
"declarations": [
|
|
10634
|
-
{
|
|
10635
|
-
"kind": "class",
|
|
10636
|
-
"description": "fdfd",
|
|
10637
|
-
"name": "FlowRadio",
|
|
10638
|
-
"cssParts": [
|
|
10639
|
-
{
|
|
10640
|
-
"description": "The component's base wrapper.",
|
|
10641
|
-
"name": "base"
|
|
10642
|
-
},
|
|
10643
|
-
{
|
|
10644
|
-
"description": "The circular container that wraps the radio's checked state.",
|
|
10645
|
-
"name": "control"
|
|
10646
|
-
},
|
|
10647
|
-
{
|
|
10648
|
-
"description": "The radio control when the radio is checked.",
|
|
10649
|
-
"name": "control--checked"
|
|
10650
|
-
},
|
|
10651
|
-
{
|
|
10652
|
-
"description": "The checked icon, an `<flow-ui-icon>` element.",
|
|
10653
|
-
"name": "checked-icon"
|
|
10654
|
-
},
|
|
10655
|
-
{
|
|
10656
|
-
"description": "The container that wraps the radio's label.",
|
|
10657
|
-
"name": "label"
|
|
10658
|
-
}
|
|
10659
|
-
],
|
|
10660
|
-
"slots": [
|
|
10661
|
-
{
|
|
10662
|
-
"description": "The radio's label.",
|
|
10663
|
-
"name": ""
|
|
10664
|
-
}
|
|
10665
|
-
],
|
|
10666
|
-
"members": [
|
|
11001
|
+
"description": "The radio's label.",
|
|
11002
|
+
"name": ""
|
|
11003
|
+
}
|
|
11004
|
+
],
|
|
11005
|
+
"members": [
|
|
10667
11006
|
{
|
|
10668
11007
|
"kind": "field",
|
|
10669
11008
|
"name": "checked",
|
|
@@ -11260,236 +11599,20 @@
|
|
|
11260
11599
|
},
|
|
11261
11600
|
{
|
|
11262
11601
|
"kind": "javascript-module",
|
|
11263
|
-
"path": "components/
|
|
11602
|
+
"path": "components/range/range.js",
|
|
11264
11603
|
"declarations": [
|
|
11265
11604
|
{
|
|
11266
11605
|
"kind": "class",
|
|
11267
11606
|
"description": "",
|
|
11268
|
-
"name": "
|
|
11269
|
-
"
|
|
11607
|
+
"name": "FlowRange",
|
|
11608
|
+
"cssProperties": [
|
|
11270
11609
|
{
|
|
11271
|
-
"description": "The
|
|
11272
|
-
"name": ""
|
|
11273
|
-
}
|
|
11274
|
-
],
|
|
11275
|
-
"members": [
|
|
11610
|
+
"description": "The size of the thumb.",
|
|
11611
|
+
"name": "--thumb-size"
|
|
11612
|
+
},
|
|
11276
11613
|
{
|
|
11277
|
-
"
|
|
11278
|
-
"name": "
|
|
11279
|
-
"type": {
|
|
11280
|
-
"text": "MutationObserver"
|
|
11281
|
-
},
|
|
11282
|
-
"privacy": "private"
|
|
11283
|
-
},
|
|
11284
|
-
{
|
|
11285
|
-
"kind": "field",
|
|
11286
|
-
"name": "attr",
|
|
11287
|
-
"type": {
|
|
11288
|
-
"text": "string"
|
|
11289
|
-
},
|
|
11290
|
-
"description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
|
|
11291
|
-
"attribute": "attr",
|
|
11292
|
-
"reflects": true
|
|
11293
|
-
},
|
|
11294
|
-
{
|
|
11295
|
-
"kind": "field",
|
|
11296
|
-
"name": "attrOldValue",
|
|
11297
|
-
"type": {
|
|
11298
|
-
"text": "boolean"
|
|
11299
|
-
},
|
|
11300
|
-
"default": "false",
|
|
11301
|
-
"description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
|
|
11302
|
-
"attribute": "attr-old-value",
|
|
11303
|
-
"reflects": true
|
|
11304
|
-
},
|
|
11305
|
-
{
|
|
11306
|
-
"kind": "field",
|
|
11307
|
-
"name": "charData",
|
|
11308
|
-
"type": {
|
|
11309
|
-
"text": "boolean"
|
|
11310
|
-
},
|
|
11311
|
-
"default": "false",
|
|
11312
|
-
"description": "Watches for changes to the character data contained within the node.",
|
|
11313
|
-
"attribute": "char-data",
|
|
11314
|
-
"reflects": true
|
|
11315
|
-
},
|
|
11316
|
-
{
|
|
11317
|
-
"kind": "field",
|
|
11318
|
-
"name": "charDataOldValue",
|
|
11319
|
-
"type": {
|
|
11320
|
-
"text": "boolean"
|
|
11321
|
-
},
|
|
11322
|
-
"default": "false",
|
|
11323
|
-
"description": "Indicates whether or not the previous value of the node's text should be recorded.",
|
|
11324
|
-
"attribute": "char-data-old-value",
|
|
11325
|
-
"reflects": true
|
|
11326
|
-
},
|
|
11327
|
-
{
|
|
11328
|
-
"kind": "field",
|
|
11329
|
-
"name": "childList",
|
|
11330
|
-
"type": {
|
|
11331
|
-
"text": "boolean"
|
|
11332
|
-
},
|
|
11333
|
-
"default": "false",
|
|
11334
|
-
"description": "Watches for the addition or removal of new child nodes.",
|
|
11335
|
-
"attribute": "child-list",
|
|
11336
|
-
"reflects": true
|
|
11337
|
-
},
|
|
11338
|
-
{
|
|
11339
|
-
"kind": "field",
|
|
11340
|
-
"name": "disabled",
|
|
11341
|
-
"type": {
|
|
11342
|
-
"text": "boolean"
|
|
11343
|
-
},
|
|
11344
|
-
"default": "false",
|
|
11345
|
-
"description": "Disables the observer.",
|
|
11346
|
-
"attribute": "disabled",
|
|
11347
|
-
"reflects": true
|
|
11348
|
-
},
|
|
11349
|
-
{
|
|
11350
|
-
"kind": "method",
|
|
11351
|
-
"name": "handleMutation",
|
|
11352
|
-
"privacy": "private",
|
|
11353
|
-
"parameters": [
|
|
11354
|
-
{
|
|
11355
|
-
"name": "mutationList",
|
|
11356
|
-
"type": {
|
|
11357
|
-
"text": "MutationRecord[]"
|
|
11358
|
-
}
|
|
11359
|
-
}
|
|
11360
|
-
]
|
|
11361
|
-
},
|
|
11362
|
-
{
|
|
11363
|
-
"kind": "method",
|
|
11364
|
-
"name": "startObserver",
|
|
11365
|
-
"privacy": "private"
|
|
11366
|
-
},
|
|
11367
|
-
{
|
|
11368
|
-
"kind": "method",
|
|
11369
|
-
"name": "stopObserver",
|
|
11370
|
-
"privacy": "private"
|
|
11371
|
-
},
|
|
11372
|
-
{
|
|
11373
|
-
"kind": "method",
|
|
11374
|
-
"name": "handleDisabledChange"
|
|
11375
|
-
},
|
|
11376
|
-
{
|
|
11377
|
-
"kind": "method",
|
|
11378
|
-
"name": "handleChange"
|
|
11379
|
-
}
|
|
11380
|
-
],
|
|
11381
|
-
"events": [
|
|
11382
|
-
{
|
|
11383
|
-
"type": {
|
|
11384
|
-
"text": "{ mutationList: MutationRecord[] }"
|
|
11385
|
-
},
|
|
11386
|
-
"description": "Emitted when a mutation occurs.",
|
|
11387
|
-
"name": "flow-ui-mutation",
|
|
11388
|
-
"reactName": "onFlowUiMutation"
|
|
11389
|
-
}
|
|
11390
|
-
],
|
|
11391
|
-
"attributes": [
|
|
11392
|
-
{
|
|
11393
|
-
"name": "attr",
|
|
11394
|
-
"type": {
|
|
11395
|
-
"text": "string"
|
|
11396
|
-
},
|
|
11397
|
-
"description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
|
|
11398
|
-
"fieldName": "attr"
|
|
11399
|
-
},
|
|
11400
|
-
{
|
|
11401
|
-
"name": "attr-old-value",
|
|
11402
|
-
"type": {
|
|
11403
|
-
"text": "boolean"
|
|
11404
|
-
},
|
|
11405
|
-
"default": "false",
|
|
11406
|
-
"description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
|
|
11407
|
-
"fieldName": "attrOldValue"
|
|
11408
|
-
},
|
|
11409
|
-
{
|
|
11410
|
-
"name": "char-data",
|
|
11411
|
-
"type": {
|
|
11412
|
-
"text": "boolean"
|
|
11413
|
-
},
|
|
11414
|
-
"default": "false",
|
|
11415
|
-
"description": "Watches for changes to the character data contained within the node.",
|
|
11416
|
-
"fieldName": "charData"
|
|
11417
|
-
},
|
|
11418
|
-
{
|
|
11419
|
-
"name": "char-data-old-value",
|
|
11420
|
-
"type": {
|
|
11421
|
-
"text": "boolean"
|
|
11422
|
-
},
|
|
11423
|
-
"default": "false",
|
|
11424
|
-
"description": "Indicates whether or not the previous value of the node's text should be recorded.",
|
|
11425
|
-
"fieldName": "charDataOldValue"
|
|
11426
|
-
},
|
|
11427
|
-
{
|
|
11428
|
-
"name": "child-list",
|
|
11429
|
-
"type": {
|
|
11430
|
-
"text": "boolean"
|
|
11431
|
-
},
|
|
11432
|
-
"default": "false",
|
|
11433
|
-
"description": "Watches for the addition or removal of new child nodes.",
|
|
11434
|
-
"fieldName": "childList"
|
|
11435
|
-
},
|
|
11436
|
-
{
|
|
11437
|
-
"name": "disabled",
|
|
11438
|
-
"type": {
|
|
11439
|
-
"text": "boolean"
|
|
11440
|
-
},
|
|
11441
|
-
"default": "false",
|
|
11442
|
-
"description": "Disables the observer.",
|
|
11443
|
-
"fieldName": "disabled"
|
|
11444
|
-
}
|
|
11445
|
-
],
|
|
11446
|
-
"superclass": {
|
|
11447
|
-
"name": "FlowRdfElement",
|
|
11448
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
11449
|
-
},
|
|
11450
|
-
"summary": "The Mutation Observer component offers a thin, declarative interface to the [`MutationObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver).",
|
|
11451
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/mutation-observer",
|
|
11452
|
-
"status": "stable",
|
|
11453
|
-
"since": "2.0",
|
|
11454
|
-
"tagName": "flow-ui-mutation-observer",
|
|
11455
|
-
"customElement": true
|
|
11456
|
-
}
|
|
11457
|
-
],
|
|
11458
|
-
"exports": [
|
|
11459
|
-
{
|
|
11460
|
-
"kind": "js",
|
|
11461
|
-
"name": "default",
|
|
11462
|
-
"declaration": {
|
|
11463
|
-
"name": "FlowMutationObserver",
|
|
11464
|
-
"module": "components/mutation-observer/mutation-observer.js"
|
|
11465
|
-
}
|
|
11466
|
-
},
|
|
11467
|
-
{
|
|
11468
|
-
"kind": "custom-element-definition",
|
|
11469
|
-
"name": "flow-ui-mutation-observer",
|
|
11470
|
-
"declaration": {
|
|
11471
|
-
"name": "FlowMutationObserver",
|
|
11472
|
-
"module": "components/mutation-observer/mutation-observer.js"
|
|
11473
|
-
}
|
|
11474
|
-
}
|
|
11475
|
-
]
|
|
11476
|
-
},
|
|
11477
|
-
{
|
|
11478
|
-
"kind": "javascript-module",
|
|
11479
|
-
"path": "components/range/range.js",
|
|
11480
|
-
"declarations": [
|
|
11481
|
-
{
|
|
11482
|
-
"kind": "class",
|
|
11483
|
-
"description": "",
|
|
11484
|
-
"name": "FlowRange",
|
|
11485
|
-
"cssProperties": [
|
|
11486
|
-
{
|
|
11487
|
-
"description": "The size of the thumb.",
|
|
11488
|
-
"name": "--thumb-size"
|
|
11489
|
-
},
|
|
11490
|
-
{
|
|
11491
|
-
"description": "The vertical distance the tooltip is offset from the track.",
|
|
11492
|
-
"name": "--tooltip-offset"
|
|
11614
|
+
"description": "The vertical distance the tooltip is offset from the track.",
|
|
11615
|
+
"name": "--tooltip-offset"
|
|
11493
11616
|
},
|
|
11494
11617
|
{
|
|
11495
11618
|
"description": "The color of the portion of the track that represents the current value.",
|
|
@@ -12169,39 +12292,305 @@
|
|
|
12169
12292
|
},
|
|
12170
12293
|
{
|
|
12171
12294
|
"kind": "javascript-module",
|
|
12172
|
-
"path": "components/
|
|
12295
|
+
"path": "components/scroll-view/scroll-view.component.js",
|
|
12173
12296
|
"declarations": [
|
|
12297
|
+
{
|
|
12298
|
+
"kind": "function",
|
|
12299
|
+
"name": "configureScrollViews",
|
|
12300
|
+
"parameters": [
|
|
12301
|
+
{
|
|
12302
|
+
"name": "options",
|
|
12303
|
+
"type": {
|
|
12304
|
+
"text": "ScrollViewOptions"
|
|
12305
|
+
}
|
|
12306
|
+
}
|
|
12307
|
+
]
|
|
12308
|
+
},
|
|
12174
12309
|
{
|
|
12175
12310
|
"kind": "class",
|
|
12176
12311
|
"description": "",
|
|
12177
|
-
"name": "
|
|
12178
|
-
"
|
|
12312
|
+
"name": "FlowScrollView",
|
|
12313
|
+
"cssProperties": [
|
|
12179
12314
|
{
|
|
12180
|
-
"description": "The
|
|
12181
|
-
"name": "
|
|
12315
|
+
"description": "The width of the visible divider.",
|
|
12316
|
+
"name": "--divider-width",
|
|
12317
|
+
"default": "4px"
|
|
12182
12318
|
},
|
|
12183
12319
|
{
|
|
12184
|
-
"description": "The
|
|
12185
|
-
"name": "
|
|
12320
|
+
"description": "The invisible region around the divider where dragging can occur. This is usually wider than the divider to facilitate easier dragging.",
|
|
12321
|
+
"name": "--divider-hit-area",
|
|
12322
|
+
"default": "12px"
|
|
12186
12323
|
},
|
|
12187
12324
|
{
|
|
12188
|
-
"description": "The
|
|
12189
|
-
"name": "
|
|
12325
|
+
"description": "The minimum allowed size of the primary panel.",
|
|
12326
|
+
"name": "--min",
|
|
12327
|
+
"default": "0"
|
|
12190
12328
|
},
|
|
12191
12329
|
{
|
|
12192
|
-
"description": "The
|
|
12193
|
-
"name": "
|
|
12330
|
+
"description": "The maximum allowed size of the primary panel.",
|
|
12331
|
+
"name": "--max",
|
|
12332
|
+
"default": "100%"
|
|
12333
|
+
}
|
|
12334
|
+
],
|
|
12335
|
+
"cssParts": [
|
|
12336
|
+
{
|
|
12337
|
+
"description": "The start panel.",
|
|
12338
|
+
"name": "start"
|
|
12194
12339
|
},
|
|
12195
12340
|
{
|
|
12196
|
-
"description": "The
|
|
12197
|
-
"name": "
|
|
12341
|
+
"description": "The end panel.",
|
|
12342
|
+
"name": "end"
|
|
12198
12343
|
},
|
|
12199
12344
|
{
|
|
12200
|
-
"description": "
|
|
12201
|
-
"name": "
|
|
12345
|
+
"description": "Targets both the start and end panels.",
|
|
12346
|
+
"name": "panel"
|
|
12202
12347
|
},
|
|
12203
12348
|
{
|
|
12204
|
-
"description": "The
|
|
12349
|
+
"description": "The divider that separates the start and end panels.",
|
|
12350
|
+
"name": "divider"
|
|
12351
|
+
}
|
|
12352
|
+
],
|
|
12353
|
+
"slots": [
|
|
12354
|
+
{
|
|
12355
|
+
"description": "Content to place in the start panel.",
|
|
12356
|
+
"name": "start"
|
|
12357
|
+
},
|
|
12358
|
+
{
|
|
12359
|
+
"description": "Content to place in the end panel.",
|
|
12360
|
+
"name": "end"
|
|
12361
|
+
},
|
|
12362
|
+
{
|
|
12363
|
+
"description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
|
|
12364
|
+
"name": "divider"
|
|
12365
|
+
}
|
|
12366
|
+
],
|
|
12367
|
+
"members": [
|
|
12368
|
+
{
|
|
12369
|
+
"kind": "field",
|
|
12370
|
+
"name": "_scrollHost",
|
|
12371
|
+
"type": {
|
|
12372
|
+
"text": "HTMLElement"
|
|
12373
|
+
},
|
|
12374
|
+
"privacy": "private"
|
|
12375
|
+
},
|
|
12376
|
+
{
|
|
12377
|
+
"kind": "field",
|
|
12378
|
+
"name": "_scrollViewport",
|
|
12379
|
+
"type": {
|
|
12380
|
+
"text": "HTMLElement"
|
|
12381
|
+
},
|
|
12382
|
+
"privacy": "private"
|
|
12383
|
+
},
|
|
12384
|
+
{
|
|
12385
|
+
"kind": "field",
|
|
12386
|
+
"name": "_overlayScrollbars",
|
|
12387
|
+
"type": {
|
|
12388
|
+
"text": "OverlayScrollbars | undefined"
|
|
12389
|
+
},
|
|
12390
|
+
"privacy": "private"
|
|
12391
|
+
},
|
|
12392
|
+
{
|
|
12393
|
+
"kind": "field",
|
|
12394
|
+
"name": "_componentId",
|
|
12395
|
+
"privacy": "private",
|
|
12396
|
+
"readonly": true,
|
|
12397
|
+
"default": "`flow-ui-scroll-view-${++id}`"
|
|
12398
|
+
},
|
|
12399
|
+
{
|
|
12400
|
+
"kind": "field",
|
|
12401
|
+
"name": "mode",
|
|
12402
|
+
"type": {
|
|
12403
|
+
"text": "'native' | 'overlay' | undefined"
|
|
12404
|
+
},
|
|
12405
|
+
"attribute": "mode"
|
|
12406
|
+
},
|
|
12407
|
+
{
|
|
12408
|
+
"kind": "field",
|
|
12409
|
+
"name": "overflowX",
|
|
12410
|
+
"type": {
|
|
12411
|
+
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
12412
|
+
},
|
|
12413
|
+
"default": "'scroll'",
|
|
12414
|
+
"attribute": "overflow-x"
|
|
12415
|
+
},
|
|
12416
|
+
{
|
|
12417
|
+
"kind": "field",
|
|
12418
|
+
"name": "overflowY",
|
|
12419
|
+
"type": {
|
|
12420
|
+
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
12421
|
+
},
|
|
12422
|
+
"default": "'scroll'",
|
|
12423
|
+
"attribute": "overflow-y"
|
|
12424
|
+
},
|
|
12425
|
+
{
|
|
12426
|
+
"kind": "field",
|
|
12427
|
+
"name": "autoHide",
|
|
12428
|
+
"type": {
|
|
12429
|
+
"text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
|
|
12430
|
+
},
|
|
12431
|
+
"attribute": "auto-hide"
|
|
12432
|
+
},
|
|
12433
|
+
{
|
|
12434
|
+
"kind": "field",
|
|
12435
|
+
"name": "autoHideDelay",
|
|
12436
|
+
"type": {
|
|
12437
|
+
"text": "number | undefined"
|
|
12438
|
+
},
|
|
12439
|
+
"attribute": "auto-hide-delay"
|
|
12440
|
+
},
|
|
12441
|
+
{
|
|
12442
|
+
"kind": "field",
|
|
12443
|
+
"name": "autoHideSuspend",
|
|
12444
|
+
"type": {
|
|
12445
|
+
"text": "boolean | undefined"
|
|
12446
|
+
},
|
|
12447
|
+
"attribute": "auto-hide-suspend"
|
|
12448
|
+
},
|
|
12449
|
+
{
|
|
12450
|
+
"kind": "method",
|
|
12451
|
+
"name": "updateScrollBars"
|
|
12452
|
+
}
|
|
12453
|
+
],
|
|
12454
|
+
"events": [
|
|
12455
|
+
{
|
|
12456
|
+
"description": "Emitted when the divider's position changes.",
|
|
12457
|
+
"name": "flow-ui-reposition",
|
|
12458
|
+
"reactName": "onFlowUiReposition"
|
|
12459
|
+
}
|
|
12460
|
+
],
|
|
12461
|
+
"attributes": [
|
|
12462
|
+
{
|
|
12463
|
+
"name": "mode",
|
|
12464
|
+
"type": {
|
|
12465
|
+
"text": "'native' | 'overlay' | undefined"
|
|
12466
|
+
},
|
|
12467
|
+
"fieldName": "mode"
|
|
12468
|
+
},
|
|
12469
|
+
{
|
|
12470
|
+
"name": "overflow-x",
|
|
12471
|
+
"type": {
|
|
12472
|
+
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
12473
|
+
},
|
|
12474
|
+
"default": "'scroll'",
|
|
12475
|
+
"fieldName": "overflowX"
|
|
12476
|
+
},
|
|
12477
|
+
{
|
|
12478
|
+
"name": "overflow-y",
|
|
12479
|
+
"type": {
|
|
12480
|
+
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
12481
|
+
},
|
|
12482
|
+
"default": "'scroll'",
|
|
12483
|
+
"fieldName": "overflowY"
|
|
12484
|
+
},
|
|
12485
|
+
{
|
|
12486
|
+
"name": "auto-hide",
|
|
12487
|
+
"type": {
|
|
12488
|
+
"text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
|
|
12489
|
+
},
|
|
12490
|
+
"fieldName": "autoHide"
|
|
12491
|
+
},
|
|
12492
|
+
{
|
|
12493
|
+
"name": "auto-hide-delay",
|
|
12494
|
+
"type": {
|
|
12495
|
+
"text": "number | undefined"
|
|
12496
|
+
},
|
|
12497
|
+
"fieldName": "autoHideDelay"
|
|
12498
|
+
},
|
|
12499
|
+
{
|
|
12500
|
+
"name": "auto-hide-suspend",
|
|
12501
|
+
"type": {
|
|
12502
|
+
"text": "boolean | undefined"
|
|
12503
|
+
},
|
|
12504
|
+
"fieldName": "autoHideSuspend"
|
|
12505
|
+
}
|
|
12506
|
+
],
|
|
12507
|
+
"superclass": {
|
|
12508
|
+
"name": "FlowRdfElement",
|
|
12509
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
12510
|
+
},
|
|
12511
|
+
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
12512
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
12513
|
+
"status": "stable",
|
|
12514
|
+
"since": "2.0"
|
|
12515
|
+
}
|
|
12516
|
+
],
|
|
12517
|
+
"exports": [
|
|
12518
|
+
{
|
|
12519
|
+
"kind": "js",
|
|
12520
|
+
"name": "configureScrollViews",
|
|
12521
|
+
"declaration": {
|
|
12522
|
+
"name": "configureScrollViews",
|
|
12523
|
+
"module": "components/scroll-view/scroll-view.component.js"
|
|
12524
|
+
}
|
|
12525
|
+
},
|
|
12526
|
+
{
|
|
12527
|
+
"kind": "js",
|
|
12528
|
+
"name": "default",
|
|
12529
|
+
"declaration": {
|
|
12530
|
+
"name": "FlowScrollView",
|
|
12531
|
+
"module": "components/scroll-view/scroll-view.component.js"
|
|
12532
|
+
}
|
|
12533
|
+
}
|
|
12534
|
+
]
|
|
12535
|
+
},
|
|
12536
|
+
{
|
|
12537
|
+
"kind": "javascript-module",
|
|
12538
|
+
"path": "components/scroll-view/scroll-view.js",
|
|
12539
|
+
"declarations": [],
|
|
12540
|
+
"exports": [
|
|
12541
|
+
{
|
|
12542
|
+
"kind": "js",
|
|
12543
|
+
"name": "*",
|
|
12544
|
+
"declaration": {
|
|
12545
|
+
"name": "*",
|
|
12546
|
+
"package": "./scroll-view.component.js"
|
|
12547
|
+
}
|
|
12548
|
+
},
|
|
12549
|
+
{
|
|
12550
|
+
"kind": "js",
|
|
12551
|
+
"name": "default",
|
|
12552
|
+
"declaration": {
|
|
12553
|
+
"name": "FlowScrollView",
|
|
12554
|
+
"module": "components/scroll-view/scroll-view.js"
|
|
12555
|
+
}
|
|
12556
|
+
}
|
|
12557
|
+
]
|
|
12558
|
+
},
|
|
12559
|
+
{
|
|
12560
|
+
"kind": "javascript-module",
|
|
12561
|
+
"path": "components/select/select.js",
|
|
12562
|
+
"declarations": [
|
|
12563
|
+
{
|
|
12564
|
+
"kind": "class",
|
|
12565
|
+
"description": "",
|
|
12566
|
+
"name": "FlowSelect",
|
|
12567
|
+
"cssParts": [
|
|
12568
|
+
{
|
|
12569
|
+
"description": "The form control that wraps the label, input, and help text.",
|
|
12570
|
+
"name": "form-control"
|
|
12571
|
+
},
|
|
12572
|
+
{
|
|
12573
|
+
"description": "The label's wrapper.",
|
|
12574
|
+
"name": "form-control-label"
|
|
12575
|
+
},
|
|
12576
|
+
{
|
|
12577
|
+
"description": "The select's wrapper.",
|
|
12578
|
+
"name": "form-control-input"
|
|
12579
|
+
},
|
|
12580
|
+
{
|
|
12581
|
+
"description": "The help text's wrapper.",
|
|
12582
|
+
"name": "form-control-help-text"
|
|
12583
|
+
},
|
|
12584
|
+
{
|
|
12585
|
+
"description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
|
|
12586
|
+
"name": "combobox"
|
|
12587
|
+
},
|
|
12588
|
+
{
|
|
12589
|
+
"description": "The container that wraps the prefix slot.",
|
|
12590
|
+
"name": "prefix"
|
|
12591
|
+
},
|
|
12592
|
+
{
|
|
12593
|
+
"description": "The element that displays the selected option's label, an `<input>` element.",
|
|
12205
12594
|
"name": "display-input"
|
|
12206
12595
|
},
|
|
12207
12596
|
{
|
|
@@ -13129,266 +13518,72 @@
|
|
|
13129
13518
|
},
|
|
13130
13519
|
{
|
|
13131
13520
|
"kind": "javascript-module",
|
|
13132
|
-
"path": "components/
|
|
13521
|
+
"path": "components/spinner/spinner.js",
|
|
13133
13522
|
"declarations": [
|
|
13134
13523
|
{
|
|
13135
|
-
"kind": "
|
|
13136
|
-
"
|
|
13137
|
-
"
|
|
13524
|
+
"kind": "class",
|
|
13525
|
+
"description": "",
|
|
13526
|
+
"name": "FlowSpinner",
|
|
13527
|
+
"cssProperties": [
|
|
13138
13528
|
{
|
|
13139
|
-
"
|
|
13140
|
-
"
|
|
13141
|
-
"text": "ScrollViewOptions"
|
|
13142
|
-
}
|
|
13143
|
-
}
|
|
13144
|
-
]
|
|
13145
|
-
},
|
|
13146
|
-
{
|
|
13147
|
-
"kind": "class",
|
|
13148
|
-
"description": "",
|
|
13149
|
-
"name": "FlowScrollView",
|
|
13150
|
-
"cssProperties": [
|
|
13151
|
-
{
|
|
13152
|
-
"description": "The width of the visible divider.",
|
|
13153
|
-
"name": "--divider-width",
|
|
13154
|
-
"default": "4px"
|
|
13529
|
+
"description": "The width of the track.",
|
|
13530
|
+
"name": "--track-width"
|
|
13155
13531
|
},
|
|
13156
13532
|
{
|
|
13157
|
-
"description": "The
|
|
13158
|
-
"name": "--
|
|
13159
|
-
"default": "12px"
|
|
13533
|
+
"description": "The color of the track.",
|
|
13534
|
+
"name": "--track-color"
|
|
13160
13535
|
},
|
|
13161
13536
|
{
|
|
13162
|
-
"description": "The
|
|
13163
|
-
"name": "--
|
|
13164
|
-
"default": "0"
|
|
13537
|
+
"description": "The color of the spinner's indicator.",
|
|
13538
|
+
"name": "--indicator-color"
|
|
13165
13539
|
},
|
|
13166
13540
|
{
|
|
13167
|
-
"description": "The
|
|
13168
|
-
"name": "--
|
|
13169
|
-
"default": "100%"
|
|
13541
|
+
"description": "The time it takes for the spinner to complete one animation cycle.",
|
|
13542
|
+
"name": "--speed"
|
|
13170
13543
|
}
|
|
13171
13544
|
],
|
|
13172
13545
|
"cssParts": [
|
|
13173
13546
|
{
|
|
13174
|
-
"description": "The
|
|
13175
|
-
"name": "
|
|
13176
|
-
},
|
|
13177
|
-
{
|
|
13178
|
-
"description": "The end panel.",
|
|
13179
|
-
"name": "end"
|
|
13180
|
-
},
|
|
13181
|
-
{
|
|
13182
|
-
"description": "Targets both the start and end panels.",
|
|
13183
|
-
"name": "panel"
|
|
13184
|
-
},
|
|
13185
|
-
{
|
|
13186
|
-
"description": "The divider that separates the start and end panels.",
|
|
13187
|
-
"name": "divider"
|
|
13188
|
-
}
|
|
13189
|
-
],
|
|
13190
|
-
"slots": [
|
|
13191
|
-
{
|
|
13192
|
-
"description": "Content to place in the start panel.",
|
|
13193
|
-
"name": "start"
|
|
13194
|
-
},
|
|
13195
|
-
{
|
|
13196
|
-
"description": "Content to place in the end panel.",
|
|
13197
|
-
"name": "end"
|
|
13198
|
-
},
|
|
13199
|
-
{
|
|
13200
|
-
"description": "The divider. Useful for slotting in a custom icon that renders as a handle.",
|
|
13201
|
-
"name": "divider"
|
|
13547
|
+
"description": "The component's base wrapper.",
|
|
13548
|
+
"name": "base"
|
|
13202
13549
|
}
|
|
13203
13550
|
],
|
|
13204
13551
|
"members": [
|
|
13205
13552
|
{
|
|
13206
13553
|
"kind": "field",
|
|
13207
|
-
"name": "
|
|
13208
|
-
"type": {
|
|
13209
|
-
"text": "HTMLElement"
|
|
13210
|
-
},
|
|
13211
|
-
"privacy": "private"
|
|
13212
|
-
},
|
|
13213
|
-
{
|
|
13214
|
-
"kind": "field",
|
|
13215
|
-
"name": "_scrollViewport",
|
|
13216
|
-
"type": {
|
|
13217
|
-
"text": "HTMLElement"
|
|
13218
|
-
},
|
|
13219
|
-
"privacy": "private"
|
|
13220
|
-
},
|
|
13221
|
-
{
|
|
13222
|
-
"kind": "field",
|
|
13223
|
-
"name": "_overlayScrollbars",
|
|
13224
|
-
"type": {
|
|
13225
|
-
"text": "OverlayScrollbars | undefined"
|
|
13226
|
-
},
|
|
13227
|
-
"privacy": "private"
|
|
13228
|
-
},
|
|
13229
|
-
{
|
|
13230
|
-
"kind": "field",
|
|
13231
|
-
"name": "_componentId",
|
|
13554
|
+
"name": "localize",
|
|
13232
13555
|
"privacy": "private",
|
|
13233
13556
|
"readonly": true,
|
|
13234
|
-
"default": "
|
|
13235
|
-
},
|
|
13236
|
-
{
|
|
13237
|
-
"kind": "field",
|
|
13238
|
-
"name": "mode",
|
|
13239
|
-
"type": {
|
|
13240
|
-
"text": "'native' | 'overlay' | undefined"
|
|
13241
|
-
},
|
|
13242
|
-
"attribute": "mode"
|
|
13243
|
-
},
|
|
13244
|
-
{
|
|
13245
|
-
"kind": "field",
|
|
13246
|
-
"name": "overflowX",
|
|
13247
|
-
"type": {
|
|
13248
|
-
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
13249
|
-
},
|
|
13250
|
-
"default": "'scroll'",
|
|
13251
|
-
"attribute": "overflow-x"
|
|
13252
|
-
},
|
|
13253
|
-
{
|
|
13254
|
-
"kind": "field",
|
|
13255
|
-
"name": "overflowY",
|
|
13256
|
-
"type": {
|
|
13257
|
-
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
13258
|
-
},
|
|
13259
|
-
"default": "'scroll'",
|
|
13260
|
-
"attribute": "overflow-y"
|
|
13261
|
-
},
|
|
13262
|
-
{
|
|
13263
|
-
"kind": "field",
|
|
13264
|
-
"name": "autoHide",
|
|
13265
|
-
"type": {
|
|
13266
|
-
"text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
|
|
13267
|
-
},
|
|
13268
|
-
"attribute": "auto-hide"
|
|
13269
|
-
},
|
|
13270
|
-
{
|
|
13271
|
-
"kind": "field",
|
|
13272
|
-
"name": "autoHideDelay",
|
|
13273
|
-
"type": {
|
|
13274
|
-
"text": "number | undefined"
|
|
13275
|
-
},
|
|
13276
|
-
"attribute": "auto-hide-delay"
|
|
13277
|
-
},
|
|
13278
|
-
{
|
|
13279
|
-
"kind": "field",
|
|
13280
|
-
"name": "autoHideSuspend",
|
|
13281
|
-
"type": {
|
|
13282
|
-
"text": "boolean | undefined"
|
|
13283
|
-
},
|
|
13284
|
-
"attribute": "auto-hide-suspend"
|
|
13285
|
-
},
|
|
13286
|
-
{
|
|
13287
|
-
"kind": "method",
|
|
13288
|
-
"name": "updateScrollBars"
|
|
13289
|
-
}
|
|
13290
|
-
],
|
|
13291
|
-
"events": [
|
|
13292
|
-
{
|
|
13293
|
-
"description": "Emitted when the divider's position changes.",
|
|
13294
|
-
"name": "flow-ui-reposition",
|
|
13295
|
-
"reactName": "onFlowUiReposition"
|
|
13296
|
-
}
|
|
13297
|
-
],
|
|
13298
|
-
"attributes": [
|
|
13299
|
-
{
|
|
13300
|
-
"name": "mode",
|
|
13301
|
-
"type": {
|
|
13302
|
-
"text": "'native' | 'overlay' | undefined"
|
|
13303
|
-
},
|
|
13304
|
-
"fieldName": "mode"
|
|
13305
|
-
},
|
|
13306
|
-
{
|
|
13307
|
-
"name": "overflow-x",
|
|
13308
|
-
"type": {
|
|
13309
|
-
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
13310
|
-
},
|
|
13311
|
-
"default": "'scroll'",
|
|
13312
|
-
"fieldName": "overflowX"
|
|
13313
|
-
},
|
|
13314
|
-
{
|
|
13315
|
-
"name": "overflow-y",
|
|
13316
|
-
"type": {
|
|
13317
|
-
"text": "| 'hidden'\n | 'scroll'\n | 'visible'\n | 'visible-hidden'\n | 'visible-scroll' | undefined"
|
|
13318
|
-
},
|
|
13319
|
-
"default": "'scroll'",
|
|
13320
|
-
"fieldName": "overflowY"
|
|
13321
|
-
},
|
|
13322
|
-
{
|
|
13323
|
-
"name": "auto-hide",
|
|
13324
|
-
"type": {
|
|
13325
|
-
"text": "'never' | 'scroll' | 'leave' | 'move' | undefined"
|
|
13326
|
-
},
|
|
13327
|
-
"fieldName": "autoHide"
|
|
13328
|
-
},
|
|
13329
|
-
{
|
|
13330
|
-
"name": "auto-hide-delay",
|
|
13331
|
-
"type": {
|
|
13332
|
-
"text": "number | undefined"
|
|
13333
|
-
},
|
|
13334
|
-
"fieldName": "autoHideDelay"
|
|
13335
|
-
},
|
|
13336
|
-
{
|
|
13337
|
-
"name": "auto-hide-suspend",
|
|
13338
|
-
"type": {
|
|
13339
|
-
"text": "boolean | undefined"
|
|
13340
|
-
},
|
|
13341
|
-
"fieldName": "autoHideSuspend"
|
|
13557
|
+
"default": "new LocalizeController(this)"
|
|
13342
13558
|
}
|
|
13343
13559
|
],
|
|
13344
13560
|
"superclass": {
|
|
13345
13561
|
"name": "FlowRdfElement",
|
|
13346
13562
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
13347
13563
|
},
|
|
13348
|
-
"summary": "
|
|
13349
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
13564
|
+
"summary": "Spinners are used to show the progress of an indeterminate operation.",
|
|
13565
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
|
|
13350
13566
|
"status": "stable",
|
|
13351
|
-
"since": "2.0"
|
|
13567
|
+
"since": "2.0",
|
|
13568
|
+
"tagName": "flow-ui-spinner",
|
|
13569
|
+
"customElement": true
|
|
13352
13570
|
}
|
|
13353
13571
|
],
|
|
13354
13572
|
"exports": [
|
|
13355
|
-
{
|
|
13356
|
-
"kind": "js",
|
|
13357
|
-
"name": "configureScrollViews",
|
|
13358
|
-
"declaration": {
|
|
13359
|
-
"name": "configureScrollViews",
|
|
13360
|
-
"module": "components/scroll-view/scroll-view.component.js"
|
|
13361
|
-
}
|
|
13362
|
-
},
|
|
13363
13573
|
{
|
|
13364
13574
|
"kind": "js",
|
|
13365
13575
|
"name": "default",
|
|
13366
13576
|
"declaration": {
|
|
13367
|
-
"name": "
|
|
13368
|
-
"module": "components/
|
|
13369
|
-
}
|
|
13370
|
-
}
|
|
13371
|
-
]
|
|
13372
|
-
},
|
|
13373
|
-
{
|
|
13374
|
-
"kind": "javascript-module",
|
|
13375
|
-
"path": "components/scroll-view/scroll-view.js",
|
|
13376
|
-
"declarations": [],
|
|
13377
|
-
"exports": [
|
|
13378
|
-
{
|
|
13379
|
-
"kind": "js",
|
|
13380
|
-
"name": "*",
|
|
13381
|
-
"declaration": {
|
|
13382
|
-
"name": "*",
|
|
13383
|
-
"package": "./scroll-view.component.js"
|
|
13577
|
+
"name": "FlowSpinner",
|
|
13578
|
+
"module": "components/spinner/spinner.js"
|
|
13384
13579
|
}
|
|
13385
13580
|
},
|
|
13386
13581
|
{
|
|
13387
|
-
"kind": "
|
|
13388
|
-
"name": "
|
|
13582
|
+
"kind": "custom-element-definition",
|
|
13583
|
+
"name": "flow-ui-spinner",
|
|
13389
13584
|
"declaration": {
|
|
13390
|
-
"name": "
|
|
13391
|
-
"module": "components/
|
|
13585
|
+
"name": "FlowSpinner",
|
|
13586
|
+
"module": "components/spinner/spinner.js"
|
|
13392
13587
|
}
|
|
13393
13588
|
}
|
|
13394
13589
|
]
|
|
@@ -14018,38 +14213,180 @@
|
|
|
14018
14213
|
},
|
|
14019
14214
|
{
|
|
14020
14215
|
"kind": "javascript-module",
|
|
14021
|
-
"path": "components/split-view-
|
|
14216
|
+
"path": "components/split-view-divider/split-view-divider.component.js",
|
|
14022
14217
|
"declarations": [
|
|
14023
14218
|
{
|
|
14024
14219
|
"kind": "class",
|
|
14025
14220
|
"description": "",
|
|
14026
|
-
"name": "
|
|
14221
|
+
"name": "FlowPanelDivider",
|
|
14027
14222
|
"members": [
|
|
14028
14223
|
{
|
|
14029
14224
|
"kind": "field",
|
|
14030
|
-
"name": "
|
|
14225
|
+
"name": "dragCanceller",
|
|
14031
14226
|
"type": {
|
|
14032
|
-
"text": "
|
|
14227
|
+
"text": "(() => void) | undefined"
|
|
14033
14228
|
},
|
|
14034
14229
|
"privacy": "private"
|
|
14035
14230
|
},
|
|
14036
14231
|
{
|
|
14037
14232
|
"kind": "field",
|
|
14038
|
-
"name": "
|
|
14233
|
+
"name": "disabled",
|
|
14039
14234
|
"type": {
|
|
14040
14235
|
"text": "boolean"
|
|
14041
14236
|
},
|
|
14042
14237
|
"default": "false",
|
|
14043
|
-
"attribute": "
|
|
14238
|
+
"attribute": "disabled",
|
|
14044
14239
|
"reflects": true
|
|
14045
14240
|
},
|
|
14046
14241
|
{
|
|
14047
14242
|
"kind": "field",
|
|
14048
|
-
"name": "
|
|
14243
|
+
"name": "vertical",
|
|
14049
14244
|
"type": {
|
|
14050
|
-
"text": "
|
|
14245
|
+
"text": "boolean"
|
|
14051
14246
|
},
|
|
14052
|
-
"
|
|
14247
|
+
"default": "false",
|
|
14248
|
+
"attribute": "vertical",
|
|
14249
|
+
"reflects": true
|
|
14250
|
+
},
|
|
14251
|
+
{
|
|
14252
|
+
"kind": "method",
|
|
14253
|
+
"name": "cancelDrag"
|
|
14254
|
+
},
|
|
14255
|
+
{
|
|
14256
|
+
"kind": "method",
|
|
14257
|
+
"name": "handleDrag",
|
|
14258
|
+
"privacy": "private",
|
|
14259
|
+
"parameters": [
|
|
14260
|
+
{
|
|
14261
|
+
"name": "event",
|
|
14262
|
+
"type": {
|
|
14263
|
+
"text": "PointerEvent"
|
|
14264
|
+
}
|
|
14265
|
+
}
|
|
14266
|
+
]
|
|
14267
|
+
},
|
|
14268
|
+
{
|
|
14269
|
+
"kind": "method",
|
|
14270
|
+
"name": "closestElement",
|
|
14271
|
+
"privacy": "private",
|
|
14272
|
+
"return": {
|
|
14273
|
+
"type": {
|
|
14274
|
+
"text": "Element | null"
|
|
14275
|
+
}
|
|
14276
|
+
},
|
|
14277
|
+
"parameters": [
|
|
14278
|
+
{
|
|
14279
|
+
"name": "selector",
|
|
14280
|
+
"type": {
|
|
14281
|
+
"text": "string"
|
|
14282
|
+
}
|
|
14283
|
+
},
|
|
14284
|
+
{
|
|
14285
|
+
"name": "base",
|
|
14286
|
+
"default": "this",
|
|
14287
|
+
"type": {
|
|
14288
|
+
"text": "Element"
|
|
14289
|
+
}
|
|
14290
|
+
}
|
|
14291
|
+
]
|
|
14292
|
+
}
|
|
14293
|
+
],
|
|
14294
|
+
"attributes": [
|
|
14295
|
+
{
|
|
14296
|
+
"name": "disabled",
|
|
14297
|
+
"type": {
|
|
14298
|
+
"text": "boolean"
|
|
14299
|
+
},
|
|
14300
|
+
"default": "false",
|
|
14301
|
+
"fieldName": "disabled"
|
|
14302
|
+
},
|
|
14303
|
+
{
|
|
14304
|
+
"name": "vertical",
|
|
14305
|
+
"type": {
|
|
14306
|
+
"text": "boolean"
|
|
14307
|
+
},
|
|
14308
|
+
"default": "false",
|
|
14309
|
+
"fieldName": "vertical"
|
|
14310
|
+
}
|
|
14311
|
+
],
|
|
14312
|
+
"superclass": {
|
|
14313
|
+
"name": "FlowRdfElement",
|
|
14314
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
14315
|
+
},
|
|
14316
|
+
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
14317
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
14318
|
+
"status": "stable",
|
|
14319
|
+
"since": "2.0"
|
|
14320
|
+
}
|
|
14321
|
+
],
|
|
14322
|
+
"exports": [
|
|
14323
|
+
{
|
|
14324
|
+
"kind": "js",
|
|
14325
|
+
"name": "default",
|
|
14326
|
+
"declaration": {
|
|
14327
|
+
"name": "FlowPanelDivider",
|
|
14328
|
+
"module": "components/split-view-divider/split-view-divider.component.js"
|
|
14329
|
+
}
|
|
14330
|
+
}
|
|
14331
|
+
]
|
|
14332
|
+
},
|
|
14333
|
+
{
|
|
14334
|
+
"kind": "javascript-module",
|
|
14335
|
+
"path": "components/split-view-divider/split-view-divider.js",
|
|
14336
|
+
"declarations": [],
|
|
14337
|
+
"exports": [
|
|
14338
|
+
{
|
|
14339
|
+
"kind": "js",
|
|
14340
|
+
"name": "*",
|
|
14341
|
+
"declaration": {
|
|
14342
|
+
"name": "*",
|
|
14343
|
+
"package": "./split-view-divider.component.js"
|
|
14344
|
+
}
|
|
14345
|
+
},
|
|
14346
|
+
{
|
|
14347
|
+
"kind": "js",
|
|
14348
|
+
"name": "default",
|
|
14349
|
+
"declaration": {
|
|
14350
|
+
"name": "FlowSplitViewDivider",
|
|
14351
|
+
"module": "components/split-view-divider/split-view-divider.js"
|
|
14352
|
+
}
|
|
14353
|
+
}
|
|
14354
|
+
]
|
|
14355
|
+
},
|
|
14356
|
+
{
|
|
14357
|
+
"kind": "javascript-module",
|
|
14358
|
+
"path": "components/split-view-pane/split-view-pane.component.js",
|
|
14359
|
+
"declarations": [
|
|
14360
|
+
{
|
|
14361
|
+
"kind": "class",
|
|
14362
|
+
"description": "",
|
|
14363
|
+
"name": "FlowSplitViewPane",
|
|
14364
|
+
"members": [
|
|
14365
|
+
{
|
|
14366
|
+
"kind": "field",
|
|
14367
|
+
"name": "dividerComponent",
|
|
14368
|
+
"type": {
|
|
14369
|
+
"text": "FlowPanelDivider | undefined"
|
|
14370
|
+
},
|
|
14371
|
+
"privacy": "private"
|
|
14372
|
+
},
|
|
14373
|
+
{
|
|
14374
|
+
"kind": "field",
|
|
14375
|
+
"name": "vertical",
|
|
14376
|
+
"type": {
|
|
14377
|
+
"text": "boolean"
|
|
14378
|
+
},
|
|
14379
|
+
"default": "false",
|
|
14380
|
+
"attribute": "vertical",
|
|
14381
|
+
"reflects": true
|
|
14382
|
+
},
|
|
14383
|
+
{
|
|
14384
|
+
"kind": "field",
|
|
14385
|
+
"name": "size",
|
|
14386
|
+
"type": {
|
|
14387
|
+
"text": "string"
|
|
14388
|
+
},
|
|
14389
|
+
"attribute": "size",
|
|
14053
14390
|
"reflects": true
|
|
14054
14391
|
},
|
|
14055
14392
|
{
|
|
@@ -15321,20 +15658,112 @@
|
|
|
15321
15658
|
},
|
|
15322
15659
|
{
|
|
15323
15660
|
"kind": "javascript-module",
|
|
15324
|
-
"path": "components/
|
|
15661
|
+
"path": "components/switch/switch.js",
|
|
15325
15662
|
"declarations": [
|
|
15326
15663
|
{
|
|
15327
15664
|
"kind": "class",
|
|
15328
15665
|
"description": "",
|
|
15329
|
-
"name": "
|
|
15666
|
+
"name": "FlowSwitch",
|
|
15667
|
+
"cssProperties": [
|
|
15668
|
+
{
|
|
15669
|
+
"description": "The width of the switch.",
|
|
15670
|
+
"name": "--width"
|
|
15671
|
+
},
|
|
15672
|
+
{
|
|
15673
|
+
"description": "The height of the switch.",
|
|
15674
|
+
"name": "--height"
|
|
15675
|
+
},
|
|
15676
|
+
{
|
|
15677
|
+
"description": "The size of the thumb.",
|
|
15678
|
+
"name": "--thumb-size"
|
|
15679
|
+
}
|
|
15680
|
+
],
|
|
15681
|
+
"cssParts": [
|
|
15682
|
+
{
|
|
15683
|
+
"description": "The component's base wrapper.",
|
|
15684
|
+
"name": "base"
|
|
15685
|
+
},
|
|
15686
|
+
{
|
|
15687
|
+
"description": "The control that houses the switch's thumb.",
|
|
15688
|
+
"name": "control"
|
|
15689
|
+
},
|
|
15690
|
+
{
|
|
15691
|
+
"description": "The switch's thumb.",
|
|
15692
|
+
"name": "thumb"
|
|
15693
|
+
},
|
|
15694
|
+
{
|
|
15695
|
+
"description": "The switch's label.",
|
|
15696
|
+
"name": "label"
|
|
15697
|
+
}
|
|
15698
|
+
],
|
|
15699
|
+
"slots": [
|
|
15700
|
+
{
|
|
15701
|
+
"description": "The switch's label.",
|
|
15702
|
+
"name": ""
|
|
15703
|
+
}
|
|
15704
|
+
],
|
|
15330
15705
|
"members": [
|
|
15331
15706
|
{
|
|
15332
15707
|
"kind": "field",
|
|
15333
|
-
"name": "
|
|
15708
|
+
"name": "formControlController",
|
|
15709
|
+
"privacy": "private",
|
|
15710
|
+
"readonly": true,
|
|
15711
|
+
"default": "new FormControlController(this, {\n value: (control: FlowSwitch) => (control.checked ? control.value || 'on' : undefined),\n defaultValue: (control: FlowSwitch) => control.defaultChecked,\n setValue: (control: FlowSwitch, checked: boolean) => (control.checked = checked)\n })"
|
|
15712
|
+
},
|
|
15713
|
+
{
|
|
15714
|
+
"kind": "field",
|
|
15715
|
+
"name": "input",
|
|
15334
15716
|
"type": {
|
|
15335
|
-
"text": "
|
|
15717
|
+
"text": "HTMLInputElement"
|
|
15718
|
+
}
|
|
15719
|
+
},
|
|
15720
|
+
{
|
|
15721
|
+
"kind": "field",
|
|
15722
|
+
"name": "hasFocus",
|
|
15723
|
+
"type": {
|
|
15724
|
+
"text": "boolean"
|
|
15336
15725
|
},
|
|
15337
|
-
"privacy": "private"
|
|
15726
|
+
"privacy": "private",
|
|
15727
|
+
"default": "false"
|
|
15728
|
+
},
|
|
15729
|
+
{
|
|
15730
|
+
"kind": "field",
|
|
15731
|
+
"name": "title",
|
|
15732
|
+
"type": {
|
|
15733
|
+
"text": "string"
|
|
15734
|
+
},
|
|
15735
|
+
"default": "''",
|
|
15736
|
+
"attribute": "title"
|
|
15737
|
+
},
|
|
15738
|
+
{
|
|
15739
|
+
"kind": "field",
|
|
15740
|
+
"name": "name",
|
|
15741
|
+
"type": {
|
|
15742
|
+
"text": "string"
|
|
15743
|
+
},
|
|
15744
|
+
"default": "''",
|
|
15745
|
+
"description": "The name of the switch, submitted as a name/value pair with form data.",
|
|
15746
|
+
"attribute": "name"
|
|
15747
|
+
},
|
|
15748
|
+
{
|
|
15749
|
+
"kind": "field",
|
|
15750
|
+
"name": "value",
|
|
15751
|
+
"type": {
|
|
15752
|
+
"text": "string"
|
|
15753
|
+
},
|
|
15754
|
+
"description": "The current value of the switch, submitted as a name/value pair with form data.",
|
|
15755
|
+
"attribute": "value"
|
|
15756
|
+
},
|
|
15757
|
+
{
|
|
15758
|
+
"kind": "field",
|
|
15759
|
+
"name": "size",
|
|
15760
|
+
"type": {
|
|
15761
|
+
"text": "'small' | 'medium' | 'large'"
|
|
15762
|
+
},
|
|
15763
|
+
"default": "'medium'",
|
|
15764
|
+
"description": "The switch's size.",
|
|
15765
|
+
"attribute": "size",
|
|
15766
|
+
"reflects": true
|
|
15338
15767
|
},
|
|
15339
15768
|
{
|
|
15340
15769
|
"kind": "field",
|
|
@@ -15343,325 +15772,19 @@
|
|
|
15343
15772
|
"text": "boolean"
|
|
15344
15773
|
},
|
|
15345
15774
|
"default": "false",
|
|
15775
|
+
"description": "Disables the switch.",
|
|
15346
15776
|
"attribute": "disabled",
|
|
15347
15777
|
"reflects": true
|
|
15348
15778
|
},
|
|
15349
15779
|
{
|
|
15350
15780
|
"kind": "field",
|
|
15351
|
-
"name": "
|
|
15781
|
+
"name": "checked",
|
|
15352
15782
|
"type": {
|
|
15353
15783
|
"text": "boolean"
|
|
15354
15784
|
},
|
|
15355
15785
|
"default": "false",
|
|
15356
|
-
"
|
|
15357
|
-
"
|
|
15358
|
-
},
|
|
15359
|
-
{
|
|
15360
|
-
"kind": "method",
|
|
15361
|
-
"name": "cancelDrag"
|
|
15362
|
-
},
|
|
15363
|
-
{
|
|
15364
|
-
"kind": "method",
|
|
15365
|
-
"name": "handleDrag",
|
|
15366
|
-
"privacy": "private",
|
|
15367
|
-
"parameters": [
|
|
15368
|
-
{
|
|
15369
|
-
"name": "event",
|
|
15370
|
-
"type": {
|
|
15371
|
-
"text": "PointerEvent"
|
|
15372
|
-
}
|
|
15373
|
-
}
|
|
15374
|
-
]
|
|
15375
|
-
},
|
|
15376
|
-
{
|
|
15377
|
-
"kind": "method",
|
|
15378
|
-
"name": "closestElement",
|
|
15379
|
-
"privacy": "private",
|
|
15380
|
-
"return": {
|
|
15381
|
-
"type": {
|
|
15382
|
-
"text": "Element | null"
|
|
15383
|
-
}
|
|
15384
|
-
},
|
|
15385
|
-
"parameters": [
|
|
15386
|
-
{
|
|
15387
|
-
"name": "selector",
|
|
15388
|
-
"type": {
|
|
15389
|
-
"text": "string"
|
|
15390
|
-
}
|
|
15391
|
-
},
|
|
15392
|
-
{
|
|
15393
|
-
"name": "base",
|
|
15394
|
-
"default": "this",
|
|
15395
|
-
"type": {
|
|
15396
|
-
"text": "Element"
|
|
15397
|
-
}
|
|
15398
|
-
}
|
|
15399
|
-
]
|
|
15400
|
-
}
|
|
15401
|
-
],
|
|
15402
|
-
"attributes": [
|
|
15403
|
-
{
|
|
15404
|
-
"name": "disabled",
|
|
15405
|
-
"type": {
|
|
15406
|
-
"text": "boolean"
|
|
15407
|
-
},
|
|
15408
|
-
"default": "false",
|
|
15409
|
-
"fieldName": "disabled"
|
|
15410
|
-
},
|
|
15411
|
-
{
|
|
15412
|
-
"name": "vertical",
|
|
15413
|
-
"type": {
|
|
15414
|
-
"text": "boolean"
|
|
15415
|
-
},
|
|
15416
|
-
"default": "false",
|
|
15417
|
-
"fieldName": "vertical"
|
|
15418
|
-
}
|
|
15419
|
-
],
|
|
15420
|
-
"superclass": {
|
|
15421
|
-
"name": "FlowRdfElement",
|
|
15422
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
15423
|
-
},
|
|
15424
|
-
"summary": "Split panels display two adjacent panels, allowing the user to reposition them.",
|
|
15425
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/split-panel",
|
|
15426
|
-
"status": "stable",
|
|
15427
|
-
"since": "2.0"
|
|
15428
|
-
}
|
|
15429
|
-
],
|
|
15430
|
-
"exports": [
|
|
15431
|
-
{
|
|
15432
|
-
"kind": "js",
|
|
15433
|
-
"name": "default",
|
|
15434
|
-
"declaration": {
|
|
15435
|
-
"name": "FlowPanelDivider",
|
|
15436
|
-
"module": "components/split-view-divider/split-view-divider.component.js"
|
|
15437
|
-
}
|
|
15438
|
-
}
|
|
15439
|
-
]
|
|
15440
|
-
},
|
|
15441
|
-
{
|
|
15442
|
-
"kind": "javascript-module",
|
|
15443
|
-
"path": "components/split-view-divider/split-view-divider.js",
|
|
15444
|
-
"declarations": [],
|
|
15445
|
-
"exports": [
|
|
15446
|
-
{
|
|
15447
|
-
"kind": "js",
|
|
15448
|
-
"name": "*",
|
|
15449
|
-
"declaration": {
|
|
15450
|
-
"name": "*",
|
|
15451
|
-
"package": "./split-view-divider.component.js"
|
|
15452
|
-
}
|
|
15453
|
-
},
|
|
15454
|
-
{
|
|
15455
|
-
"kind": "js",
|
|
15456
|
-
"name": "default",
|
|
15457
|
-
"declaration": {
|
|
15458
|
-
"name": "FlowSplitViewDivider",
|
|
15459
|
-
"module": "components/split-view-divider/split-view-divider.js"
|
|
15460
|
-
}
|
|
15461
|
-
}
|
|
15462
|
-
]
|
|
15463
|
-
},
|
|
15464
|
-
{
|
|
15465
|
-
"kind": "javascript-module",
|
|
15466
|
-
"path": "components/spinner/spinner.js",
|
|
15467
|
-
"declarations": [
|
|
15468
|
-
{
|
|
15469
|
-
"kind": "class",
|
|
15470
|
-
"description": "",
|
|
15471
|
-
"name": "FlowSpinner",
|
|
15472
|
-
"cssProperties": [
|
|
15473
|
-
{
|
|
15474
|
-
"description": "The width of the track.",
|
|
15475
|
-
"name": "--track-width"
|
|
15476
|
-
},
|
|
15477
|
-
{
|
|
15478
|
-
"description": "The color of the track.",
|
|
15479
|
-
"name": "--track-color"
|
|
15480
|
-
},
|
|
15481
|
-
{
|
|
15482
|
-
"description": "The color of the spinner's indicator.",
|
|
15483
|
-
"name": "--indicator-color"
|
|
15484
|
-
},
|
|
15485
|
-
{
|
|
15486
|
-
"description": "The time it takes for the spinner to complete one animation cycle.",
|
|
15487
|
-
"name": "--speed"
|
|
15488
|
-
}
|
|
15489
|
-
],
|
|
15490
|
-
"cssParts": [
|
|
15491
|
-
{
|
|
15492
|
-
"description": "The component's base wrapper.",
|
|
15493
|
-
"name": "base"
|
|
15494
|
-
}
|
|
15495
|
-
],
|
|
15496
|
-
"members": [
|
|
15497
|
-
{
|
|
15498
|
-
"kind": "field",
|
|
15499
|
-
"name": "localize",
|
|
15500
|
-
"privacy": "private",
|
|
15501
|
-
"readonly": true,
|
|
15502
|
-
"default": "new LocalizeController(this)"
|
|
15503
|
-
}
|
|
15504
|
-
],
|
|
15505
|
-
"superclass": {
|
|
15506
|
-
"name": "FlowRdfElement",
|
|
15507
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
15508
|
-
},
|
|
15509
|
-
"summary": "Spinners are used to show the progress of an indeterminate operation.",
|
|
15510
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/spinner",
|
|
15511
|
-
"status": "stable",
|
|
15512
|
-
"since": "2.0",
|
|
15513
|
-
"tagName": "flow-ui-spinner",
|
|
15514
|
-
"customElement": true
|
|
15515
|
-
}
|
|
15516
|
-
],
|
|
15517
|
-
"exports": [
|
|
15518
|
-
{
|
|
15519
|
-
"kind": "js",
|
|
15520
|
-
"name": "default",
|
|
15521
|
-
"declaration": {
|
|
15522
|
-
"name": "FlowSpinner",
|
|
15523
|
-
"module": "components/spinner/spinner.js"
|
|
15524
|
-
}
|
|
15525
|
-
},
|
|
15526
|
-
{
|
|
15527
|
-
"kind": "custom-element-definition",
|
|
15528
|
-
"name": "flow-ui-spinner",
|
|
15529
|
-
"declaration": {
|
|
15530
|
-
"name": "FlowSpinner",
|
|
15531
|
-
"module": "components/spinner/spinner.js"
|
|
15532
|
-
}
|
|
15533
|
-
}
|
|
15534
|
-
]
|
|
15535
|
-
},
|
|
15536
|
-
{
|
|
15537
|
-
"kind": "javascript-module",
|
|
15538
|
-
"path": "components/switch/switch.js",
|
|
15539
|
-
"declarations": [
|
|
15540
|
-
{
|
|
15541
|
-
"kind": "class",
|
|
15542
|
-
"description": "",
|
|
15543
|
-
"name": "FlowSwitch",
|
|
15544
|
-
"cssProperties": [
|
|
15545
|
-
{
|
|
15546
|
-
"description": "The width of the switch.",
|
|
15547
|
-
"name": "--width"
|
|
15548
|
-
},
|
|
15549
|
-
{
|
|
15550
|
-
"description": "The height of the switch.",
|
|
15551
|
-
"name": "--height"
|
|
15552
|
-
},
|
|
15553
|
-
{
|
|
15554
|
-
"description": "The size of the thumb.",
|
|
15555
|
-
"name": "--thumb-size"
|
|
15556
|
-
}
|
|
15557
|
-
],
|
|
15558
|
-
"cssParts": [
|
|
15559
|
-
{
|
|
15560
|
-
"description": "The component's base wrapper.",
|
|
15561
|
-
"name": "base"
|
|
15562
|
-
},
|
|
15563
|
-
{
|
|
15564
|
-
"description": "The control that houses the switch's thumb.",
|
|
15565
|
-
"name": "control"
|
|
15566
|
-
},
|
|
15567
|
-
{
|
|
15568
|
-
"description": "The switch's thumb.",
|
|
15569
|
-
"name": "thumb"
|
|
15570
|
-
},
|
|
15571
|
-
{
|
|
15572
|
-
"description": "The switch's label.",
|
|
15573
|
-
"name": "label"
|
|
15574
|
-
}
|
|
15575
|
-
],
|
|
15576
|
-
"slots": [
|
|
15577
|
-
{
|
|
15578
|
-
"description": "The switch's label.",
|
|
15579
|
-
"name": ""
|
|
15580
|
-
}
|
|
15581
|
-
],
|
|
15582
|
-
"members": [
|
|
15583
|
-
{
|
|
15584
|
-
"kind": "field",
|
|
15585
|
-
"name": "formControlController",
|
|
15586
|
-
"privacy": "private",
|
|
15587
|
-
"readonly": true,
|
|
15588
|
-
"default": "new FormControlController(this, {\n value: (control: FlowSwitch) => (control.checked ? control.value || 'on' : undefined),\n defaultValue: (control: FlowSwitch) => control.defaultChecked,\n setValue: (control: FlowSwitch, checked: boolean) => (control.checked = checked)\n })"
|
|
15589
|
-
},
|
|
15590
|
-
{
|
|
15591
|
-
"kind": "field",
|
|
15592
|
-
"name": "input",
|
|
15593
|
-
"type": {
|
|
15594
|
-
"text": "HTMLInputElement"
|
|
15595
|
-
}
|
|
15596
|
-
},
|
|
15597
|
-
{
|
|
15598
|
-
"kind": "field",
|
|
15599
|
-
"name": "hasFocus",
|
|
15600
|
-
"type": {
|
|
15601
|
-
"text": "boolean"
|
|
15602
|
-
},
|
|
15603
|
-
"privacy": "private",
|
|
15604
|
-
"default": "false"
|
|
15605
|
-
},
|
|
15606
|
-
{
|
|
15607
|
-
"kind": "field",
|
|
15608
|
-
"name": "title",
|
|
15609
|
-
"type": {
|
|
15610
|
-
"text": "string"
|
|
15611
|
-
},
|
|
15612
|
-
"default": "''",
|
|
15613
|
-
"attribute": "title"
|
|
15614
|
-
},
|
|
15615
|
-
{
|
|
15616
|
-
"kind": "field",
|
|
15617
|
-
"name": "name",
|
|
15618
|
-
"type": {
|
|
15619
|
-
"text": "string"
|
|
15620
|
-
},
|
|
15621
|
-
"default": "''",
|
|
15622
|
-
"description": "The name of the switch, submitted as a name/value pair with form data.",
|
|
15623
|
-
"attribute": "name"
|
|
15624
|
-
},
|
|
15625
|
-
{
|
|
15626
|
-
"kind": "field",
|
|
15627
|
-
"name": "value",
|
|
15628
|
-
"type": {
|
|
15629
|
-
"text": "string"
|
|
15630
|
-
},
|
|
15631
|
-
"description": "The current value of the switch, submitted as a name/value pair with form data.",
|
|
15632
|
-
"attribute": "value"
|
|
15633
|
-
},
|
|
15634
|
-
{
|
|
15635
|
-
"kind": "field",
|
|
15636
|
-
"name": "size",
|
|
15637
|
-
"type": {
|
|
15638
|
-
"text": "'small' | 'medium' | 'large'"
|
|
15639
|
-
},
|
|
15640
|
-
"default": "'medium'",
|
|
15641
|
-
"description": "The switch's size.",
|
|
15642
|
-
"attribute": "size",
|
|
15643
|
-
"reflects": true
|
|
15644
|
-
},
|
|
15645
|
-
{
|
|
15646
|
-
"kind": "field",
|
|
15647
|
-
"name": "disabled",
|
|
15648
|
-
"type": {
|
|
15649
|
-
"text": "boolean"
|
|
15650
|
-
},
|
|
15651
|
-
"default": "false",
|
|
15652
|
-
"description": "Disables the switch.",
|
|
15653
|
-
"attribute": "disabled",
|
|
15654
|
-
"reflects": true
|
|
15655
|
-
},
|
|
15656
|
-
{
|
|
15657
|
-
"kind": "field",
|
|
15658
|
-
"name": "checked",
|
|
15659
|
-
"type": {
|
|
15660
|
-
"text": "boolean"
|
|
15661
|
-
},
|
|
15662
|
-
"default": "false",
|
|
15663
|
-
"description": "Draws the switch in a checked state.",
|
|
15664
|
-
"attribute": "checked",
|
|
15786
|
+
"description": "Draws the switch in a checked state.",
|
|
15787
|
+
"attribute": "checked",
|
|
15665
15788
|
"reflects": true
|
|
15666
15789
|
},
|
|
15667
15790
|
{
|
|
@@ -17737,125 +17860,102 @@
|
|
|
17737
17860
|
},
|
|
17738
17861
|
{
|
|
17739
17862
|
"kind": "javascript-module",
|
|
17740
|
-
"path": "components/tool-button
|
|
17863
|
+
"path": "components/tool-button/tool-button.component.js",
|
|
17741
17864
|
"declarations": [
|
|
17742
17865
|
{
|
|
17743
17866
|
"kind": "class",
|
|
17744
17867
|
"description": "",
|
|
17745
|
-
"name": "
|
|
17868
|
+
"name": "FlowToolButton",
|
|
17746
17869
|
"cssParts": [
|
|
17747
17870
|
{
|
|
17748
|
-
"description": "The
|
|
17749
|
-
"name": "
|
|
17750
|
-
},
|
|
17751
|
-
{
|
|
17752
|
-
"description": "The label's wrapper.",
|
|
17753
|
-
"name": "form-control-label"
|
|
17871
|
+
"description": "The component's base wrapper.",
|
|
17872
|
+
"name": "base"
|
|
17754
17873
|
},
|
|
17755
17874
|
{
|
|
17756
|
-
"description": "The
|
|
17757
|
-
"name": "
|
|
17875
|
+
"description": "The internal `<button>` element.",
|
|
17876
|
+
"name": "button"
|
|
17758
17877
|
},
|
|
17759
17878
|
{
|
|
17760
|
-
"description": "The
|
|
17761
|
-
"name": "
|
|
17879
|
+
"description": "The internal button element when the radio button is checked.",
|
|
17880
|
+
"name": "button--checked"
|
|
17762
17881
|
},
|
|
17763
17882
|
{
|
|
17764
|
-
"description": "The
|
|
17765
|
-
"name": "
|
|
17883
|
+
"description": "The container that wraps the prefix.",
|
|
17884
|
+
"name": "prefix"
|
|
17766
17885
|
},
|
|
17767
17886
|
{
|
|
17768
|
-
"description": "The button
|
|
17769
|
-
"name": "
|
|
17770
|
-
}
|
|
17771
|
-
],
|
|
17772
|
-
"slots": [
|
|
17773
|
-
{
|
|
17774
|
-
"description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
|
|
17775
|
-
"name": ""
|
|
17887
|
+
"description": "The container that wraps the radio button's label.",
|
|
17888
|
+
"name": "label"
|
|
17776
17889
|
},
|
|
17777
17890
|
{
|
|
17778
|
-
"description": "The
|
|
17779
|
-
"name": "
|
|
17891
|
+
"description": "The container that wraps the suffix.",
|
|
17892
|
+
"name": "suffix"
|
|
17780
17893
|
}
|
|
17781
17894
|
],
|
|
17782
|
-
"
|
|
17783
|
-
{
|
|
17784
|
-
"
|
|
17785
|
-
"name": "
|
|
17786
|
-
"privacy": "protected",
|
|
17787
|
-
"readonly": true,
|
|
17788
|
-
"default": "new FormControlController(this)"
|
|
17789
|
-
},
|
|
17790
|
-
{
|
|
17791
|
-
"kind": "field",
|
|
17792
|
-
"name": "customValidityMessage",
|
|
17793
|
-
"type": {
|
|
17794
|
-
"text": "string"
|
|
17795
|
-
},
|
|
17796
|
-
"privacy": "private",
|
|
17797
|
-
"default": "''"
|
|
17895
|
+
"slots": [
|
|
17896
|
+
{
|
|
17897
|
+
"description": "The radio button's label.",
|
|
17898
|
+
"name": ""
|
|
17798
17899
|
},
|
|
17799
17900
|
{
|
|
17800
|
-
"
|
|
17801
|
-
"name": "
|
|
17802
|
-
"type": {
|
|
17803
|
-
"text": "number"
|
|
17804
|
-
},
|
|
17805
|
-
"privacy": "private"
|
|
17901
|
+
"description": "A presentational prefix icon or similar element.",
|
|
17902
|
+
"name": "prefix"
|
|
17806
17903
|
},
|
|
17904
|
+
{
|
|
17905
|
+
"description": "A presentational suffix icon or similar element.",
|
|
17906
|
+
"name": "suffix"
|
|
17907
|
+
}
|
|
17908
|
+
],
|
|
17909
|
+
"members": [
|
|
17807
17910
|
{
|
|
17808
17911
|
"kind": "field",
|
|
17809
|
-
"name": "
|
|
17810
|
-
"
|
|
17811
|
-
|
|
17812
|
-
|
|
17912
|
+
"name": "hasSlotController",
|
|
17913
|
+
"privacy": "private",
|
|
17914
|
+
"readonly": true,
|
|
17915
|
+
"default": "new HasSlotController(this, '[default]', 'prefix', 'suffix', 'icon')"
|
|
17813
17916
|
},
|
|
17814
17917
|
{
|
|
17815
17918
|
"kind": "field",
|
|
17816
|
-
"name": "
|
|
17919
|
+
"name": "input",
|
|
17817
17920
|
"type": {
|
|
17818
17921
|
"text": "HTMLInputElement"
|
|
17819
17922
|
}
|
|
17820
17923
|
},
|
|
17821
17924
|
{
|
|
17822
17925
|
"kind": "field",
|
|
17823
|
-
"name": "
|
|
17926
|
+
"name": "hiddenInput",
|
|
17824
17927
|
"type": {
|
|
17825
|
-
"text": "
|
|
17826
|
-
}
|
|
17827
|
-
"privacy": "private",
|
|
17828
|
-
"default": "''"
|
|
17928
|
+
"text": "HTMLInputElement"
|
|
17929
|
+
}
|
|
17829
17930
|
},
|
|
17830
17931
|
{
|
|
17831
17932
|
"kind": "field",
|
|
17832
|
-
"name": "
|
|
17933
|
+
"name": "hasFocus",
|
|
17833
17934
|
"type": {
|
|
17834
|
-
"text": "
|
|
17935
|
+
"text": "boolean"
|
|
17835
17936
|
},
|
|
17836
|
-
"
|
|
17837
|
-
"
|
|
17838
|
-
"attribute": "label"
|
|
17937
|
+
"privacy": "protected",
|
|
17938
|
+
"default": "false"
|
|
17839
17939
|
},
|
|
17840
17940
|
{
|
|
17841
17941
|
"kind": "field",
|
|
17842
|
-
"name": "
|
|
17942
|
+
"name": "value",
|
|
17843
17943
|
"type": {
|
|
17844
17944
|
"text": "string"
|
|
17845
17945
|
},
|
|
17846
|
-
"
|
|
17847
|
-
"
|
|
17848
|
-
"attribute": "name"
|
|
17946
|
+
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
17947
|
+
"attribute": "value"
|
|
17849
17948
|
},
|
|
17850
17949
|
{
|
|
17851
17950
|
"kind": "field",
|
|
17852
|
-
"name": "
|
|
17951
|
+
"name": "disabled",
|
|
17853
17952
|
"type": {
|
|
17854
|
-
"text": "
|
|
17953
|
+
"text": "boolean"
|
|
17855
17954
|
},
|
|
17856
|
-
"default": "
|
|
17857
|
-
"description": "
|
|
17858
|
-
"attribute": "
|
|
17955
|
+
"default": "false",
|
|
17956
|
+
"description": "Disables the radio button.",
|
|
17957
|
+
"attribute": "disabled",
|
|
17958
|
+
"reflects": true
|
|
17859
17959
|
},
|
|
17860
17960
|
{
|
|
17861
17961
|
"kind": "field",
|
|
@@ -17864,7 +17964,7 @@
|
|
|
17864
17964
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
17865
17965
|
},
|
|
17866
17966
|
"default": "'medium'",
|
|
17867
|
-
"description": "The radio
|
|
17967
|
+
"description": "The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\nthis attribute can typically be omitted.",
|
|
17868
17968
|
"attribute": "size",
|
|
17869
17969
|
"reflects": true
|
|
17870
17970
|
},
|
|
@@ -17875,7 +17975,7 @@
|
|
|
17875
17975
|
"text": "boolean"
|
|
17876
17976
|
},
|
|
17877
17977
|
"default": "false",
|
|
17878
|
-
"description": "Draws pill-style
|
|
17978
|
+
"description": "Draws a pill-style radio button with rounded edges.",
|
|
17879
17979
|
"attribute": "pill",
|
|
17880
17980
|
"reflects": true
|
|
17881
17981
|
},
|
|
@@ -17886,208 +17986,167 @@
|
|
|
17886
17986
|
"text": "boolean"
|
|
17887
17987
|
},
|
|
17888
17988
|
"default": "false",
|
|
17889
|
-
"description": "Draws
|
|
17989
|
+
"description": "Draws an tool button with with an outline.",
|
|
17890
17990
|
"attribute": "outline",
|
|
17891
17991
|
"reflects": true
|
|
17892
17992
|
},
|
|
17893
17993
|
{
|
|
17894
17994
|
"kind": "field",
|
|
17895
|
-
"name": "
|
|
17995
|
+
"name": "tooltip",
|
|
17896
17996
|
"type": {
|
|
17897
17997
|
"text": "string"
|
|
17898
17998
|
},
|
|
17899
17999
|
"default": "''",
|
|
17900
|
-
"description": "
|
|
17901
|
-
"attribute": "
|
|
17902
|
-
"reflects": true
|
|
18000
|
+
"description": "Tooltip text that gets displayed when the user hovers over the button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
18001
|
+
"attribute": "tooltip"
|
|
17903
18002
|
},
|
|
17904
18003
|
{
|
|
17905
18004
|
"kind": "field",
|
|
17906
|
-
"name": "
|
|
18005
|
+
"name": "tooltipPlacement",
|
|
17907
18006
|
"type": {
|
|
17908
|
-
"text": "
|
|
18007
|
+
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
17909
18008
|
},
|
|
17910
|
-
"default": "
|
|
17911
|
-
"description": "
|
|
17912
|
-
"attribute": "
|
|
17913
|
-
"reflects": true
|
|
18009
|
+
"default": "'top'",
|
|
18010
|
+
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
18011
|
+
"attribute": "tooltip-placement"
|
|
17914
18012
|
},
|
|
17915
18013
|
{
|
|
17916
18014
|
"kind": "field",
|
|
17917
|
-
"name": "
|
|
18015
|
+
"name": "tooltipDistance",
|
|
17918
18016
|
"type": {
|
|
17919
|
-
"text": "
|
|
18017
|
+
"text": "number"
|
|
17920
18018
|
},
|
|
17921
|
-
"default": "
|
|
17922
|
-
"
|
|
18019
|
+
"default": "8",
|
|
18020
|
+
"description": "The distance in pixels from which to offset the tooltip away from the button.",
|
|
18021
|
+
"attribute": "tooltip-distance"
|
|
17923
18022
|
},
|
|
17924
18023
|
{
|
|
17925
18024
|
"kind": "field",
|
|
17926
|
-
"name": "
|
|
17927
|
-
"
|
|
17928
|
-
|
|
18025
|
+
"name": "tooltipSkidding",
|
|
18026
|
+
"type": {
|
|
18027
|
+
"text": "number"
|
|
18028
|
+
},
|
|
18029
|
+
"default": "0",
|
|
18030
|
+
"description": "The distance in pixels from which to offset the tooltip along the button.",
|
|
18031
|
+
"attribute": "tooltip-skidding"
|
|
17929
18032
|
},
|
|
17930
18033
|
{
|
|
17931
18034
|
"kind": "field",
|
|
17932
|
-
"name": "
|
|
17933
|
-
"
|
|
17934
|
-
|
|
18035
|
+
"name": "icon",
|
|
18036
|
+
"type": {
|
|
18037
|
+
"text": "string | undefined"
|
|
18038
|
+
},
|
|
18039
|
+
"description": "Specify an icon by name to display above the tool button label. Available names depend on the icon library being used.",
|
|
18040
|
+
"attribute": "icon"
|
|
17935
18041
|
},
|
|
17936
18042
|
{
|
|
17937
|
-
"kind": "
|
|
17938
|
-
"name": "
|
|
17939
|
-
"
|
|
18043
|
+
"kind": "field",
|
|
18044
|
+
"name": "iconSrc",
|
|
18045
|
+
"type": {
|
|
18046
|
+
"text": "string | undefined"
|
|
18047
|
+
},
|
|
18048
|
+
"description": "Specify an external SVG file to display as an icon above the tool button label.",
|
|
18049
|
+
"attribute": "icon-src"
|
|
17940
18050
|
},
|
|
17941
18051
|
{
|
|
17942
|
-
"kind": "
|
|
17943
|
-
"name": "
|
|
17944
|
-
"
|
|
17945
|
-
|
|
17946
|
-
|
|
17947
|
-
|
|
17948
|
-
|
|
17949
|
-
|
|
17950
|
-
}
|
|
17951
|
-
}
|
|
17952
|
-
]
|
|
18052
|
+
"kind": "field",
|
|
18053
|
+
"name": "iconLibrary",
|
|
18054
|
+
"type": {
|
|
18055
|
+
"text": "string"
|
|
18056
|
+
},
|
|
18057
|
+
"default": "'default'",
|
|
18058
|
+
"description": "The name of a registered custom icon library.",
|
|
18059
|
+
"attribute": "icon-library"
|
|
17953
18060
|
},
|
|
17954
18061
|
{
|
|
17955
18062
|
"kind": "method",
|
|
17956
|
-
"name": "
|
|
17957
|
-
"privacy": "private"
|
|
17958
|
-
"parameters": [
|
|
17959
|
-
{
|
|
17960
|
-
"name": "event",
|
|
17961
|
-
"type": {
|
|
17962
|
-
"text": "KeyboardEvent"
|
|
17963
|
-
}
|
|
17964
|
-
}
|
|
17965
|
-
]
|
|
18063
|
+
"name": "handleBlur",
|
|
18064
|
+
"privacy": "private"
|
|
17966
18065
|
},
|
|
17967
18066
|
{
|
|
17968
18067
|
"kind": "method",
|
|
17969
|
-
"name": "
|
|
18068
|
+
"name": "handleClick",
|
|
17970
18069
|
"privacy": "private",
|
|
17971
18070
|
"parameters": [
|
|
17972
18071
|
{
|
|
17973
|
-
"name": "
|
|
18072
|
+
"name": "e",
|
|
17974
18073
|
"type": {
|
|
17975
|
-
"text": "
|
|
18074
|
+
"text": "MouseEvent"
|
|
17976
18075
|
}
|
|
17977
18076
|
}
|
|
17978
18077
|
]
|
|
17979
18078
|
},
|
|
17980
18079
|
{
|
|
17981
18080
|
"kind": "method",
|
|
17982
|
-
"name": "
|
|
17983
|
-
"privacy": "private"
|
|
17984
|
-
},
|
|
17985
|
-
{
|
|
17986
|
-
"kind": "method",
|
|
17987
|
-
"name": "updateCheckedButtons",
|
|
18081
|
+
"name": "handleFocus",
|
|
17988
18082
|
"privacy": "private"
|
|
17989
18083
|
},
|
|
17990
18084
|
{
|
|
17991
18085
|
"kind": "method",
|
|
17992
|
-
"name": "
|
|
17993
|
-
},
|
|
17994
|
-
{
|
|
17995
|
-
"kind": "method",
|
|
17996
|
-
"name": "handleOutlineChange"
|
|
17997
|
-
},
|
|
17998
|
-
{
|
|
17999
|
-
"kind": "method",
|
|
18000
|
-
"name": "handlePillChange"
|
|
18001
|
-
},
|
|
18002
|
-
{
|
|
18003
|
-
"kind": "method",
|
|
18004
|
-
"name": "handleValueChange"
|
|
18005
|
-
},
|
|
18006
|
-
{
|
|
18007
|
-
"kind": "method",
|
|
18008
|
-
"name": "updateTabbableState"
|
|
18009
|
-
},
|
|
18010
|
-
{
|
|
18011
|
-
"kind": "method",
|
|
18012
|
-
"name": "checkValidity",
|
|
18013
|
-
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
18086
|
+
"name": "handleDisabledChange"
|
|
18014
18087
|
},
|
|
18015
18088
|
{
|
|
18016
18089
|
"kind": "method",
|
|
18017
|
-
"name": "
|
|
18018
|
-
"
|
|
18019
|
-
|
|
18020
|
-
"
|
|
18090
|
+
"name": "focus",
|
|
18091
|
+
"parameters": [
|
|
18092
|
+
{
|
|
18093
|
+
"name": "options",
|
|
18094
|
+
"optional": true,
|
|
18095
|
+
"type": {
|
|
18096
|
+
"text": "FocusOptions"
|
|
18097
|
+
}
|
|
18021
18098
|
}
|
|
18022
|
-
|
|
18023
|
-
"description": "
|
|
18099
|
+
],
|
|
18100
|
+
"description": "Sets focus on the radio button."
|
|
18024
18101
|
},
|
|
18025
18102
|
{
|
|
18026
18103
|
"kind": "method",
|
|
18027
|
-
"name": "
|
|
18028
|
-
"
|
|
18029
|
-
"type": {
|
|
18030
|
-
"text": "boolean"
|
|
18031
|
-
}
|
|
18032
|
-
},
|
|
18033
|
-
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
18104
|
+
"name": "blur",
|
|
18105
|
+
"description": "Removes focus from the radio button."
|
|
18034
18106
|
},
|
|
18035
18107
|
{
|
|
18036
18108
|
"kind": "method",
|
|
18037
|
-
"name": "
|
|
18109
|
+
"name": "renderWithTooltip",
|
|
18110
|
+
"privacy": "private",
|
|
18038
18111
|
"parameters": [
|
|
18039
18112
|
{
|
|
18040
|
-
"name": "
|
|
18041
|
-
"
|
|
18113
|
+
"name": "content",
|
|
18114
|
+
"type": {
|
|
18115
|
+
"text": "TemplateResult"
|
|
18116
|
+
}
|
|
18042
18117
|
}
|
|
18043
|
-
]
|
|
18044
|
-
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
18118
|
+
]
|
|
18045
18119
|
}
|
|
18046
18120
|
],
|
|
18047
18121
|
"events": [
|
|
18048
18122
|
{
|
|
18049
|
-
"description": "Emitted when the
|
|
18050
|
-
"name": "flow-ui-
|
|
18051
|
-
"reactName": "
|
|
18052
|
-
},
|
|
18053
|
-
{
|
|
18054
|
-
"description": "Emitted when the radio group receives user input.",
|
|
18055
|
-
"name": "flow-ui-input",
|
|
18056
|
-
"reactName": "onFlowUiInput"
|
|
18057
|
-
},
|
|
18058
|
-
{
|
|
18059
|
-
"description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
|
|
18060
|
-
"name": "flow-ui-invalid",
|
|
18061
|
-
"reactName": "onFlowUiInvalid"
|
|
18062
|
-
}
|
|
18063
|
-
],
|
|
18064
|
-
"attributes": [
|
|
18065
|
-
{
|
|
18066
|
-
"name": "label",
|
|
18067
|
-
"type": {
|
|
18068
|
-
"text": "string"
|
|
18069
|
-
},
|
|
18070
|
-
"default": "''",
|
|
18071
|
-
"description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
|
|
18072
|
-
"fieldName": "label"
|
|
18123
|
+
"description": "Emitted when the button loses focus.",
|
|
18124
|
+
"name": "flow-ui-blur",
|
|
18125
|
+
"reactName": "onFlowUiBlur"
|
|
18073
18126
|
},
|
|
18074
18127
|
{
|
|
18075
|
-
"
|
|
18128
|
+
"description": "Emitted when the button gains focus.",
|
|
18129
|
+
"name": "flow-ui-focus",
|
|
18130
|
+
"reactName": "onFlowUiFocus"
|
|
18131
|
+
}
|
|
18132
|
+
],
|
|
18133
|
+
"attributes": [
|
|
18134
|
+
{
|
|
18135
|
+
"name": "value",
|
|
18076
18136
|
"type": {
|
|
18077
18137
|
"text": "string"
|
|
18078
18138
|
},
|
|
18079
|
-
"
|
|
18080
|
-
"
|
|
18081
|
-
"fieldName": "name"
|
|
18139
|
+
"description": "The radio's value. When selected, the radio group will receive this value.",
|
|
18140
|
+
"fieldName": "value"
|
|
18082
18141
|
},
|
|
18083
18142
|
{
|
|
18084
|
-
"name": "
|
|
18143
|
+
"name": "disabled",
|
|
18085
18144
|
"type": {
|
|
18086
|
-
"text": "
|
|
18145
|
+
"text": "boolean"
|
|
18087
18146
|
},
|
|
18088
|
-
"default": "
|
|
18089
|
-
"description": "
|
|
18090
|
-
"fieldName": "
|
|
18147
|
+
"default": "false",
|
|
18148
|
+
"description": "Disables the radio button.",
|
|
18149
|
+
"fieldName": "disabled"
|
|
18091
18150
|
},
|
|
18092
18151
|
{
|
|
18093
18152
|
"name": "size",
|
|
@@ -18095,7 +18154,7 @@
|
|
|
18095
18154
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
18096
18155
|
},
|
|
18097
18156
|
"default": "'medium'",
|
|
18098
|
-
"description": "The radio
|
|
18157
|
+
"description": "The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\nthis attribute can typically be omitted.",
|
|
18099
18158
|
"fieldName": "size"
|
|
18100
18159
|
},
|
|
18101
18160
|
{
|
|
@@ -18104,7 +18163,7 @@
|
|
|
18104
18163
|
"text": "boolean"
|
|
18105
18164
|
},
|
|
18106
18165
|
"default": "false",
|
|
18107
|
-
"description": "Draws pill-style
|
|
18166
|
+
"description": "Draws a pill-style radio button with rounded edges.",
|
|
18108
18167
|
"fieldName": "pill"
|
|
18109
18168
|
},
|
|
18110
18169
|
{
|
|
@@ -18113,47 +18172,79 @@
|
|
|
18113
18172
|
"text": "boolean"
|
|
18114
18173
|
},
|
|
18115
18174
|
"default": "false",
|
|
18116
|
-
"description": "Draws
|
|
18175
|
+
"description": "Draws an tool button with with an outline.",
|
|
18117
18176
|
"fieldName": "outline"
|
|
18118
18177
|
},
|
|
18119
18178
|
{
|
|
18120
|
-
"name": "
|
|
18179
|
+
"name": "tooltip",
|
|
18121
18180
|
"type": {
|
|
18122
18181
|
"text": "string"
|
|
18123
18182
|
},
|
|
18124
18183
|
"default": "''",
|
|
18125
|
-
"description": "
|
|
18126
|
-
"fieldName": "
|
|
18184
|
+
"description": "Tooltip text that gets displayed when the user hovers over the button. If you need to display HTML, use the\n`tooltip` slot instead.",
|
|
18185
|
+
"fieldName": "tooltip"
|
|
18127
18186
|
},
|
|
18128
18187
|
{
|
|
18129
|
-
"name": "
|
|
18188
|
+
"name": "tooltip-placement",
|
|
18130
18189
|
"type": {
|
|
18131
|
-
"text": "
|
|
18190
|
+
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
18132
18191
|
},
|
|
18133
|
-
"default": "
|
|
18134
|
-
"description": "
|
|
18135
|
-
"fieldName": "
|
|
18192
|
+
"default": "'top'",
|
|
18193
|
+
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
18194
|
+
"fieldName": "tooltipPlacement"
|
|
18136
18195
|
},
|
|
18137
18196
|
{
|
|
18138
|
-
"name": "
|
|
18197
|
+
"name": "tooltip-distance",
|
|
18139
18198
|
"type": {
|
|
18140
|
-
"text": "
|
|
18199
|
+
"text": "number"
|
|
18141
18200
|
},
|
|
18142
|
-
"default": "
|
|
18143
|
-
"
|
|
18201
|
+
"default": "8",
|
|
18202
|
+
"description": "The distance in pixels from which to offset the tooltip away from the button.",
|
|
18203
|
+
"fieldName": "tooltipDistance"
|
|
18204
|
+
},
|
|
18205
|
+
{
|
|
18206
|
+
"name": "tooltip-skidding",
|
|
18207
|
+
"type": {
|
|
18208
|
+
"text": "number"
|
|
18209
|
+
},
|
|
18210
|
+
"default": "0",
|
|
18211
|
+
"description": "The distance in pixels from which to offset the tooltip along the button.",
|
|
18212
|
+
"fieldName": "tooltipSkidding"
|
|
18213
|
+
},
|
|
18214
|
+
{
|
|
18215
|
+
"name": "icon",
|
|
18216
|
+
"type": {
|
|
18217
|
+
"text": "string | undefined"
|
|
18218
|
+
},
|
|
18219
|
+
"description": "Specify an icon by name to display above the tool button label. Available names depend on the icon library being used.",
|
|
18220
|
+
"fieldName": "icon"
|
|
18221
|
+
},
|
|
18222
|
+
{
|
|
18223
|
+
"name": "icon-src",
|
|
18224
|
+
"type": {
|
|
18225
|
+
"text": "string | undefined"
|
|
18226
|
+
},
|
|
18227
|
+
"description": "Specify an external SVG file to display as an icon above the tool button label.",
|
|
18228
|
+
"fieldName": "iconSrc"
|
|
18229
|
+
},
|
|
18230
|
+
{
|
|
18231
|
+
"name": "icon-library",
|
|
18232
|
+
"type": {
|
|
18233
|
+
"text": "string"
|
|
18234
|
+
},
|
|
18235
|
+
"default": "'default'",
|
|
18236
|
+
"description": "The name of a registered custom icon library.",
|
|
18237
|
+
"fieldName": "iconLibrary"
|
|
18144
18238
|
}
|
|
18145
18239
|
],
|
|
18146
18240
|
"superclass": {
|
|
18147
18241
|
"name": "FlowRdfElement",
|
|
18148
18242
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
18149
18243
|
},
|
|
18150
|
-
"summary": "
|
|
18151
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-
|
|
18244
|
+
"summary": "Radios buttons allow the user to select a single option from a group using a button-like control.",
|
|
18245
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-button",
|
|
18152
18246
|
"status": "stable",
|
|
18153
|
-
"since": "2.0"
|
|
18154
|
-
"dependencies": [
|
|
18155
|
-
"flow-ui-button-group"
|
|
18156
|
-
]
|
|
18247
|
+
"since": "2.0"
|
|
18157
18248
|
}
|
|
18158
18249
|
],
|
|
18159
18250
|
"exports": [
|
|
@@ -18161,15 +18252,15 @@
|
|
|
18161
18252
|
"kind": "js",
|
|
18162
18253
|
"name": "default",
|
|
18163
18254
|
"declaration": {
|
|
18164
|
-
"name": "
|
|
18165
|
-
"module": "components/tool-button
|
|
18255
|
+
"name": "FlowToolButton",
|
|
18256
|
+
"module": "components/tool-button/tool-button.component.js"
|
|
18166
18257
|
}
|
|
18167
18258
|
}
|
|
18168
18259
|
]
|
|
18169
18260
|
},
|
|
18170
18261
|
{
|
|
18171
18262
|
"kind": "javascript-module",
|
|
18172
|
-
"path": "components/tool-button
|
|
18263
|
+
"path": "components/tool-button/tool-button.js",
|
|
18173
18264
|
"declarations": [],
|
|
18174
18265
|
"exports": [
|
|
18175
18266
|
{
|
|
@@ -18177,117 +18268,140 @@
|
|
|
18177
18268
|
"name": "*",
|
|
18178
18269
|
"declaration": {
|
|
18179
18270
|
"name": "*",
|
|
18180
|
-
"package": "./tool-button
|
|
18271
|
+
"package": "./tool-button.component"
|
|
18181
18272
|
}
|
|
18182
18273
|
},
|
|
18183
18274
|
{
|
|
18184
18275
|
"kind": "js",
|
|
18185
18276
|
"name": "default",
|
|
18186
18277
|
"declaration": {
|
|
18187
|
-
"name": "
|
|
18188
|
-
"module": "components/tool-button
|
|
18278
|
+
"name": "FlowToolButton",
|
|
18279
|
+
"module": "components/tool-button/tool-button.js"
|
|
18189
18280
|
}
|
|
18190
18281
|
}
|
|
18191
18282
|
]
|
|
18192
18283
|
},
|
|
18193
18284
|
{
|
|
18194
18285
|
"kind": "javascript-module",
|
|
18195
|
-
"path": "components/tool-button/tool-button.component.js",
|
|
18286
|
+
"path": "components/tool-button-group/tool-button-group.component.js",
|
|
18196
18287
|
"declarations": [
|
|
18197
18288
|
{
|
|
18198
18289
|
"kind": "class",
|
|
18199
18290
|
"description": "",
|
|
18200
|
-
"name": "
|
|
18291
|
+
"name": "FlowToolButtonGroup",
|
|
18201
18292
|
"cssParts": [
|
|
18202
18293
|
{
|
|
18203
|
-
"description": "The
|
|
18204
|
-
"name": "
|
|
18294
|
+
"description": "The form control that wraps the label, input, and help text.",
|
|
18295
|
+
"name": "form-control"
|
|
18205
18296
|
},
|
|
18206
18297
|
{
|
|
18207
|
-
"description": "The
|
|
18208
|
-
"name": "
|
|
18298
|
+
"description": "The label's wrapper.",
|
|
18299
|
+
"name": "form-control-label"
|
|
18209
18300
|
},
|
|
18210
18301
|
{
|
|
18211
|
-
"description": "The
|
|
18212
|
-
"name": "
|
|
18302
|
+
"description": "The input's wrapper.",
|
|
18303
|
+
"name": "form-control-input"
|
|
18213
18304
|
},
|
|
18214
18305
|
{
|
|
18215
|
-
"description": "The
|
|
18216
|
-
"name": "
|
|
18306
|
+
"description": "The help text's wrapper.",
|
|
18307
|
+
"name": "form-control-help-text"
|
|
18217
18308
|
},
|
|
18218
18309
|
{
|
|
18219
|
-
"description": "The
|
|
18220
|
-
"name": "
|
|
18310
|
+
"description": "The button group that wraps radio buttons.",
|
|
18311
|
+
"name": "button-group"
|
|
18221
18312
|
},
|
|
18222
18313
|
{
|
|
18223
|
-
"description": "The
|
|
18224
|
-
"name": "
|
|
18314
|
+
"description": "The button group's `base` part.",
|
|
18315
|
+
"name": "button-group__base"
|
|
18225
18316
|
}
|
|
18226
18317
|
],
|
|
18227
18318
|
"slots": [
|
|
18228
18319
|
{
|
|
18229
|
-
"description": "The radio button
|
|
18320
|
+
"description": "The default slot where `<flow-ui-radio>` or `<flow-ui-tool-button>` elements are placed.",
|
|
18230
18321
|
"name": ""
|
|
18231
18322
|
},
|
|
18232
18323
|
{
|
|
18233
|
-
"description": "
|
|
18234
|
-
"name": "
|
|
18235
|
-
},
|
|
18236
|
-
{
|
|
18237
|
-
"description": "A presentational suffix icon or similar element.",
|
|
18238
|
-
"name": "suffix"
|
|
18324
|
+
"description": "The radio group's label. Required for proper accessibility. Alternatively, you can use the `label` attribute.",
|
|
18325
|
+
"name": "label"
|
|
18239
18326
|
}
|
|
18240
18327
|
],
|
|
18241
18328
|
"members": [
|
|
18242
18329
|
{
|
|
18243
18330
|
"kind": "field",
|
|
18244
|
-
"name": "
|
|
18245
|
-
"privacy": "
|
|
18331
|
+
"name": "formControlController",
|
|
18332
|
+
"privacy": "protected",
|
|
18246
18333
|
"readonly": true,
|
|
18247
|
-
"default": "new
|
|
18334
|
+
"default": "new FormControlController(this)"
|
|
18248
18335
|
},
|
|
18249
18336
|
{
|
|
18250
18337
|
"kind": "field",
|
|
18251
|
-
"name": "
|
|
18338
|
+
"name": "customValidityMessage",
|
|
18252
18339
|
"type": {
|
|
18253
|
-
"text": "
|
|
18340
|
+
"text": "string"
|
|
18341
|
+
},
|
|
18342
|
+
"privacy": "private",
|
|
18343
|
+
"default": "''"
|
|
18344
|
+
},
|
|
18345
|
+
{
|
|
18346
|
+
"kind": "field",
|
|
18347
|
+
"name": "validationTimeout",
|
|
18348
|
+
"type": {
|
|
18349
|
+
"text": "number"
|
|
18350
|
+
},
|
|
18351
|
+
"privacy": "private"
|
|
18352
|
+
},
|
|
18353
|
+
{
|
|
18354
|
+
"kind": "field",
|
|
18355
|
+
"name": "defaultSlot",
|
|
18356
|
+
"type": {
|
|
18357
|
+
"text": "HTMLSlotElement"
|
|
18254
18358
|
}
|
|
18255
18359
|
},
|
|
18256
18360
|
{
|
|
18257
18361
|
"kind": "field",
|
|
18258
|
-
"name": "
|
|
18362
|
+
"name": "validationInput",
|
|
18259
18363
|
"type": {
|
|
18260
18364
|
"text": "HTMLInputElement"
|
|
18261
18365
|
}
|
|
18262
18366
|
},
|
|
18263
18367
|
{
|
|
18264
18368
|
"kind": "field",
|
|
18265
|
-
"name": "
|
|
18369
|
+
"name": "errorMessage",
|
|
18266
18370
|
"type": {
|
|
18267
|
-
"text": "
|
|
18371
|
+
"text": "string"
|
|
18268
18372
|
},
|
|
18269
|
-
"privacy": "
|
|
18270
|
-
"default": "
|
|
18373
|
+
"privacy": "private",
|
|
18374
|
+
"default": "''"
|
|
18271
18375
|
},
|
|
18272
18376
|
{
|
|
18273
18377
|
"kind": "field",
|
|
18274
|
-
"name": "
|
|
18378
|
+
"name": "label",
|
|
18275
18379
|
"type": {
|
|
18276
18380
|
"text": "string"
|
|
18277
18381
|
},
|
|
18278
|
-
"
|
|
18279
|
-
"
|
|
18382
|
+
"default": "''",
|
|
18383
|
+
"description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
|
|
18384
|
+
"attribute": "label"
|
|
18280
18385
|
},
|
|
18281
18386
|
{
|
|
18282
18387
|
"kind": "field",
|
|
18283
|
-
"name": "
|
|
18388
|
+
"name": "name",
|
|
18284
18389
|
"type": {
|
|
18285
|
-
"text": "
|
|
18390
|
+
"text": "string"
|
|
18286
18391
|
},
|
|
18287
|
-
"default": "
|
|
18288
|
-
"description": "
|
|
18289
|
-
"attribute": "
|
|
18290
|
-
|
|
18392
|
+
"default": "'option'",
|
|
18393
|
+
"description": "The name of the radio group, submitted as a name/value pair with form data.",
|
|
18394
|
+
"attribute": "name"
|
|
18395
|
+
},
|
|
18396
|
+
{
|
|
18397
|
+
"kind": "field",
|
|
18398
|
+
"name": "value",
|
|
18399
|
+
"type": {
|
|
18400
|
+
"text": "string | string[]"
|
|
18401
|
+
},
|
|
18402
|
+
"default": "''",
|
|
18403
|
+
"description": "The current value of the tool button group, submitted as a name/value pair with form data. When `checkbox` mode is enabled, the\nvalue will be a space-delimited list of values based on the checked tool buttons.",
|
|
18404
|
+
"attribute": "value"
|
|
18291
18405
|
},
|
|
18292
18406
|
{
|
|
18293
18407
|
"kind": "field",
|
|
@@ -18296,7 +18410,7 @@
|
|
|
18296
18410
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
18297
18411
|
},
|
|
18298
18412
|
"default": "'medium'",
|
|
18299
|
-
"description": "The radio
|
|
18413
|
+
"description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
|
|
18300
18414
|
"attribute": "size",
|
|
18301
18415
|
"reflects": true
|
|
18302
18416
|
},
|
|
@@ -18307,7 +18421,7 @@
|
|
|
18307
18421
|
"text": "boolean"
|
|
18308
18422
|
},
|
|
18309
18423
|
"default": "false",
|
|
18310
|
-
"description": "Draws
|
|
18424
|
+
"description": "Draws pill-style tool buttons. This style will be applied to all child tool buttons.",
|
|
18311
18425
|
"attribute": "pill",
|
|
18312
18426
|
"reflects": true
|
|
18313
18427
|
},
|
|
@@ -18318,90 +18432,65 @@
|
|
|
18318
18432
|
"text": "boolean"
|
|
18319
18433
|
},
|
|
18320
18434
|
"default": "false",
|
|
18321
|
-
"description": "Draws
|
|
18435
|
+
"description": "Draws outline-style tool buttons. This style will be applied to all child tool buttons.",
|
|
18322
18436
|
"attribute": "outline",
|
|
18323
18437
|
"reflects": true
|
|
18324
18438
|
},
|
|
18325
18439
|
{
|
|
18326
18440
|
"kind": "field",
|
|
18327
|
-
"name": "
|
|
18441
|
+
"name": "form",
|
|
18328
18442
|
"type": {
|
|
18329
18443
|
"text": "string"
|
|
18330
18444
|
},
|
|
18331
18445
|
"default": "''",
|
|
18332
|
-
"description": "
|
|
18333
|
-
"attribute": "
|
|
18334
|
-
|
|
18335
|
-
{
|
|
18336
|
-
"kind": "field",
|
|
18337
|
-
"name": "tooltipPlacement",
|
|
18338
|
-
"type": {
|
|
18339
|
-
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
18340
|
-
},
|
|
18341
|
-
"default": "'top'",
|
|
18342
|
-
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
18343
|
-
"attribute": "tooltip-placement"
|
|
18344
|
-
},
|
|
18345
|
-
{
|
|
18346
|
-
"kind": "field",
|
|
18347
|
-
"name": "tooltipDistance",
|
|
18348
|
-
"type": {
|
|
18349
|
-
"text": "number"
|
|
18350
|
-
},
|
|
18351
|
-
"default": "8",
|
|
18352
|
-
"description": "The distance in pixels from which to offset the tooltip away from the button.",
|
|
18353
|
-
"attribute": "tooltip-distance"
|
|
18446
|
+
"description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
|
|
18447
|
+
"attribute": "form",
|
|
18448
|
+
"reflects": true
|
|
18354
18449
|
},
|
|
18355
18450
|
{
|
|
18356
18451
|
"kind": "field",
|
|
18357
|
-
"name": "
|
|
18452
|
+
"name": "vertical",
|
|
18358
18453
|
"type": {
|
|
18359
|
-
"text": "
|
|
18454
|
+
"text": "boolean"
|
|
18360
18455
|
},
|
|
18361
|
-
"default": "
|
|
18362
|
-
"description": "
|
|
18363
|
-
"attribute": "
|
|
18456
|
+
"default": "false",
|
|
18457
|
+
"description": "Use vertical layout for the radio group.",
|
|
18458
|
+
"attribute": "vertical",
|
|
18459
|
+
"reflects": true
|
|
18364
18460
|
},
|
|
18365
18461
|
{
|
|
18366
18462
|
"kind": "field",
|
|
18367
|
-
"name": "
|
|
18463
|
+
"name": "mode",
|
|
18368
18464
|
"type": {
|
|
18369
|
-
"text": "
|
|
18465
|
+
"text": "'radio' | 'checkbox'"
|
|
18370
18466
|
},
|
|
18371
|
-
"
|
|
18372
|
-
"attribute": "
|
|
18467
|
+
"default": "'radio'",
|
|
18468
|
+
"attribute": "mode"
|
|
18373
18469
|
},
|
|
18374
18470
|
{
|
|
18375
18471
|
"kind": "field",
|
|
18376
|
-
"name": "
|
|
18377
|
-
"
|
|
18378
|
-
|
|
18379
|
-
},
|
|
18380
|
-
"description": "Specify an external SVG file to display as an icon above the tool button label.",
|
|
18381
|
-
"attribute": "icon-src"
|
|
18472
|
+
"name": "validity",
|
|
18473
|
+
"description": "Gets the validity state object",
|
|
18474
|
+
"readonly": true
|
|
18382
18475
|
},
|
|
18383
18476
|
{
|
|
18384
18477
|
"kind": "field",
|
|
18385
|
-
"name": "
|
|
18386
|
-
"
|
|
18387
|
-
|
|
18388
|
-
},
|
|
18389
|
-
"default": "'default'",
|
|
18390
|
-
"description": "The name of a registered custom icon library.",
|
|
18391
|
-
"attribute": "icon-library"
|
|
18478
|
+
"name": "validationMessage",
|
|
18479
|
+
"description": "Gets the validation message",
|
|
18480
|
+
"readonly": true
|
|
18392
18481
|
},
|
|
18393
18482
|
{
|
|
18394
18483
|
"kind": "method",
|
|
18395
|
-
"name": "
|
|
18484
|
+
"name": "getAllToolButtons",
|
|
18396
18485
|
"privacy": "private"
|
|
18397
18486
|
},
|
|
18398
18487
|
{
|
|
18399
18488
|
"kind": "method",
|
|
18400
|
-
"name": "
|
|
18489
|
+
"name": "handleButtonClick",
|
|
18401
18490
|
"privacy": "private",
|
|
18402
18491
|
"parameters": [
|
|
18403
18492
|
{
|
|
18404
|
-
"name": "
|
|
18493
|
+
"name": "event",
|
|
18405
18494
|
"type": {
|
|
18406
18495
|
"text": "MouseEvent"
|
|
18407
18496
|
}
|
|
@@ -18410,75 +18499,141 @@
|
|
|
18410
18499
|
},
|
|
18411
18500
|
{
|
|
18412
18501
|
"kind": "method",
|
|
18413
|
-
"name": "
|
|
18414
|
-
"privacy": "private"
|
|
18415
|
-
|
|
18416
|
-
|
|
18417
|
-
|
|
18418
|
-
|
|
18502
|
+
"name": "handleKeyDown",
|
|
18503
|
+
"privacy": "private",
|
|
18504
|
+
"parameters": [
|
|
18505
|
+
{
|
|
18506
|
+
"name": "event",
|
|
18507
|
+
"type": {
|
|
18508
|
+
"text": "KeyboardEvent"
|
|
18509
|
+
}
|
|
18510
|
+
}
|
|
18511
|
+
]
|
|
18419
18512
|
},
|
|
18420
18513
|
{
|
|
18421
18514
|
"kind": "method",
|
|
18422
|
-
"name": "
|
|
18515
|
+
"name": "handleInvalid",
|
|
18516
|
+
"privacy": "private",
|
|
18423
18517
|
"parameters": [
|
|
18424
18518
|
{
|
|
18425
|
-
"name": "
|
|
18426
|
-
"optional": true,
|
|
18519
|
+
"name": "event",
|
|
18427
18520
|
"type": {
|
|
18428
|
-
"text": "
|
|
18521
|
+
"text": "Event"
|
|
18429
18522
|
}
|
|
18430
18523
|
}
|
|
18431
|
-
]
|
|
18432
|
-
"description": "Sets focus on the radio button."
|
|
18524
|
+
]
|
|
18433
18525
|
},
|
|
18434
18526
|
{
|
|
18435
18527
|
"kind": "method",
|
|
18436
|
-
"name": "
|
|
18437
|
-
"
|
|
18528
|
+
"name": "syncButtons",
|
|
18529
|
+
"privacy": "private"
|
|
18438
18530
|
},
|
|
18439
18531
|
{
|
|
18440
18532
|
"kind": "method",
|
|
18441
|
-
"name": "
|
|
18442
|
-
"privacy": "private"
|
|
18533
|
+
"name": "updateCheckedButtons",
|
|
18534
|
+
"privacy": "private"
|
|
18535
|
+
},
|
|
18536
|
+
{
|
|
18537
|
+
"kind": "method",
|
|
18538
|
+
"name": "handleSizeChange"
|
|
18539
|
+
},
|
|
18540
|
+
{
|
|
18541
|
+
"kind": "method",
|
|
18542
|
+
"name": "handleOutlineChange"
|
|
18543
|
+
},
|
|
18544
|
+
{
|
|
18545
|
+
"kind": "method",
|
|
18546
|
+
"name": "handlePillChange"
|
|
18547
|
+
},
|
|
18548
|
+
{
|
|
18549
|
+
"kind": "method",
|
|
18550
|
+
"name": "handleValueChange"
|
|
18551
|
+
},
|
|
18552
|
+
{
|
|
18553
|
+
"kind": "method",
|
|
18554
|
+
"name": "updateTabbableState"
|
|
18555
|
+
},
|
|
18556
|
+
{
|
|
18557
|
+
"kind": "method",
|
|
18558
|
+
"name": "checkValidity",
|
|
18559
|
+
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
18560
|
+
},
|
|
18561
|
+
{
|
|
18562
|
+
"kind": "method",
|
|
18563
|
+
"name": "getForm",
|
|
18564
|
+
"return": {
|
|
18565
|
+
"type": {
|
|
18566
|
+
"text": "HTMLFormElement | null"
|
|
18567
|
+
}
|
|
18568
|
+
},
|
|
18569
|
+
"description": "Gets the associated form, if one exists."
|
|
18570
|
+
},
|
|
18571
|
+
{
|
|
18572
|
+
"kind": "method",
|
|
18573
|
+
"name": "reportValidity",
|
|
18574
|
+
"return": {
|
|
18575
|
+
"type": {
|
|
18576
|
+
"text": "boolean"
|
|
18577
|
+
}
|
|
18578
|
+
},
|
|
18579
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
18580
|
+
},
|
|
18581
|
+
{
|
|
18582
|
+
"kind": "method",
|
|
18583
|
+
"name": "setCustomValidity",
|
|
18443
18584
|
"parameters": [
|
|
18444
18585
|
{
|
|
18445
|
-
"name": "
|
|
18446
|
-
"
|
|
18447
|
-
"text": "TemplateResult"
|
|
18448
|
-
}
|
|
18586
|
+
"name": "message",
|
|
18587
|
+
"default": "''"
|
|
18449
18588
|
}
|
|
18450
|
-
]
|
|
18589
|
+
],
|
|
18590
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
18451
18591
|
}
|
|
18452
18592
|
],
|
|
18453
18593
|
"events": [
|
|
18454
18594
|
{
|
|
18455
|
-
"description": "Emitted when the
|
|
18456
|
-
"name": "flow-ui-
|
|
18457
|
-
"reactName": "
|
|
18595
|
+
"description": "Emitted when the radio group's selected value changes.",
|
|
18596
|
+
"name": "flow-ui-change",
|
|
18597
|
+
"reactName": "onFlowUiChange"
|
|
18458
18598
|
},
|
|
18459
18599
|
{
|
|
18460
|
-
"description": "Emitted when the
|
|
18461
|
-
"name": "flow-ui-
|
|
18462
|
-
"reactName": "
|
|
18600
|
+
"description": "Emitted when the radio group receives user input.",
|
|
18601
|
+
"name": "flow-ui-input",
|
|
18602
|
+
"reactName": "onFlowUiInput"
|
|
18603
|
+
},
|
|
18604
|
+
{
|
|
18605
|
+
"description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
|
|
18606
|
+
"name": "flow-ui-invalid",
|
|
18607
|
+
"reactName": "onFlowUiInvalid"
|
|
18463
18608
|
}
|
|
18464
18609
|
],
|
|
18465
18610
|
"attributes": [
|
|
18466
18611
|
{
|
|
18467
|
-
"name": "
|
|
18612
|
+
"name": "label",
|
|
18468
18613
|
"type": {
|
|
18469
18614
|
"text": "string"
|
|
18470
18615
|
},
|
|
18471
|
-
"
|
|
18472
|
-
"
|
|
18616
|
+
"default": "''",
|
|
18617
|
+
"description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
|
|
18618
|
+
"fieldName": "label"
|
|
18473
18619
|
},
|
|
18474
18620
|
{
|
|
18475
|
-
"name": "
|
|
18621
|
+
"name": "name",
|
|
18476
18622
|
"type": {
|
|
18477
|
-
"text": "
|
|
18623
|
+
"text": "string"
|
|
18478
18624
|
},
|
|
18479
|
-
"default": "
|
|
18480
|
-
"description": "
|
|
18481
|
-
"fieldName": "
|
|
18625
|
+
"default": "'option'",
|
|
18626
|
+
"description": "The name of the radio group, submitted as a name/value pair with form data.",
|
|
18627
|
+
"fieldName": "name"
|
|
18628
|
+
},
|
|
18629
|
+
{
|
|
18630
|
+
"name": "value",
|
|
18631
|
+
"type": {
|
|
18632
|
+
"text": "string | string[]"
|
|
18633
|
+
},
|
|
18634
|
+
"default": "''",
|
|
18635
|
+
"description": "The current value of the tool button group, submitted as a name/value pair with form data. When `checkbox` mode is enabled, the\nvalue will be a space-delimited list of values based on the checked tool buttons.",
|
|
18636
|
+
"fieldName": "value"
|
|
18482
18637
|
},
|
|
18483
18638
|
{
|
|
18484
18639
|
"name": "size",
|
|
@@ -18486,7 +18641,7 @@
|
|
|
18486
18641
|
"text": "'x-small' | 'small' | 'medium' | 'large'"
|
|
18487
18642
|
},
|
|
18488
18643
|
"default": "'medium'",
|
|
18489
|
-
"description": "The radio
|
|
18644
|
+
"description": "The radio group's size. This size will be applied to all child radios and radio buttons.",
|
|
18490
18645
|
"fieldName": "size"
|
|
18491
18646
|
},
|
|
18492
18647
|
{
|
|
@@ -18495,7 +18650,7 @@
|
|
|
18495
18650
|
"text": "boolean"
|
|
18496
18651
|
},
|
|
18497
18652
|
"default": "false",
|
|
18498
|
-
"description": "Draws
|
|
18653
|
+
"description": "Draws pill-style tool buttons. This style will be applied to all child tool buttons.",
|
|
18499
18654
|
"fieldName": "pill"
|
|
18500
18655
|
},
|
|
18501
18656
|
{
|
|
@@ -18504,79 +18659,47 @@
|
|
|
18504
18659
|
"text": "boolean"
|
|
18505
18660
|
},
|
|
18506
18661
|
"default": "false",
|
|
18507
|
-
"description": "Draws
|
|
18662
|
+
"description": "Draws outline-style tool buttons. This style will be applied to all child tool buttons.",
|
|
18508
18663
|
"fieldName": "outline"
|
|
18509
18664
|
},
|
|
18510
18665
|
{
|
|
18511
|
-
"name": "
|
|
18666
|
+
"name": "form",
|
|
18512
18667
|
"type": {
|
|
18513
18668
|
"text": "string"
|
|
18514
18669
|
},
|
|
18515
18670
|
"default": "''",
|
|
18516
|
-
"description": "
|
|
18517
|
-
"fieldName": "
|
|
18518
|
-
},
|
|
18519
|
-
{
|
|
18520
|
-
"name": "tooltip-placement",
|
|
18521
|
-
"type": {
|
|
18522
|
-
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
18523
|
-
},
|
|
18524
|
-
"default": "'top'",
|
|
18525
|
-
"description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
|
|
18526
|
-
"fieldName": "tooltipPlacement"
|
|
18527
|
-
},
|
|
18528
|
-
{
|
|
18529
|
-
"name": "tooltip-distance",
|
|
18530
|
-
"type": {
|
|
18531
|
-
"text": "number"
|
|
18532
|
-
},
|
|
18533
|
-
"default": "8",
|
|
18534
|
-
"description": "The distance in pixels from which to offset the tooltip away from the button.",
|
|
18535
|
-
"fieldName": "tooltipDistance"
|
|
18536
|
-
},
|
|
18537
|
-
{
|
|
18538
|
-
"name": "tooltip-skidding",
|
|
18539
|
-
"type": {
|
|
18540
|
-
"text": "number"
|
|
18541
|
-
},
|
|
18542
|
-
"default": "0",
|
|
18543
|
-
"description": "The distance in pixels from which to offset the tooltip along the button.",
|
|
18544
|
-
"fieldName": "tooltipSkidding"
|
|
18545
|
-
},
|
|
18546
|
-
{
|
|
18547
|
-
"name": "icon",
|
|
18548
|
-
"type": {
|
|
18549
|
-
"text": "string | undefined"
|
|
18550
|
-
},
|
|
18551
|
-
"description": "Specify an icon by name to display above the tool button label. Available names depend on the icon library being used.",
|
|
18552
|
-
"fieldName": "icon"
|
|
18671
|
+
"description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
|
|
18672
|
+
"fieldName": "form"
|
|
18553
18673
|
},
|
|
18554
18674
|
{
|
|
18555
|
-
"name": "
|
|
18675
|
+
"name": "vertical",
|
|
18556
18676
|
"type": {
|
|
18557
|
-
"text": "
|
|
18677
|
+
"text": "boolean"
|
|
18558
18678
|
},
|
|
18559
|
-
"
|
|
18560
|
-
"
|
|
18679
|
+
"default": "false",
|
|
18680
|
+
"description": "Use vertical layout for the radio group.",
|
|
18681
|
+
"fieldName": "vertical"
|
|
18561
18682
|
},
|
|
18562
18683
|
{
|
|
18563
|
-
"name": "
|
|
18684
|
+
"name": "mode",
|
|
18564
18685
|
"type": {
|
|
18565
|
-
"text": "
|
|
18686
|
+
"text": "'radio' | 'checkbox'"
|
|
18566
18687
|
},
|
|
18567
|
-
"default": "'
|
|
18568
|
-
"
|
|
18569
|
-
"fieldName": "iconLibrary"
|
|
18688
|
+
"default": "'radio'",
|
|
18689
|
+
"fieldName": "mode"
|
|
18570
18690
|
}
|
|
18571
18691
|
],
|
|
18572
18692
|
"superclass": {
|
|
18573
18693
|
"name": "FlowRdfElement",
|
|
18574
18694
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
18575
18695
|
},
|
|
18576
|
-
"summary": "
|
|
18577
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-
|
|
18696
|
+
"summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
|
|
18697
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/radio-group",
|
|
18578
18698
|
"status": "stable",
|
|
18579
|
-
"since": "2.0"
|
|
18699
|
+
"since": "2.0",
|
|
18700
|
+
"dependencies": [
|
|
18701
|
+
"flow-ui-button-group"
|
|
18702
|
+
]
|
|
18580
18703
|
}
|
|
18581
18704
|
],
|
|
18582
18705
|
"exports": [
|
|
@@ -18584,15 +18707,15 @@
|
|
|
18584
18707
|
"kind": "js",
|
|
18585
18708
|
"name": "default",
|
|
18586
18709
|
"declaration": {
|
|
18587
|
-
"name": "
|
|
18588
|
-
"module": "components/tool-button/tool-button.component.js"
|
|
18710
|
+
"name": "FlowToolButtonGroup",
|
|
18711
|
+
"module": "components/tool-button-group/tool-button-group.component.js"
|
|
18589
18712
|
}
|
|
18590
18713
|
}
|
|
18591
18714
|
]
|
|
18592
18715
|
},
|
|
18593
18716
|
{
|
|
18594
18717
|
"kind": "javascript-module",
|
|
18595
|
-
"path": "components/tool-button/tool-button.js",
|
|
18718
|
+
"path": "components/tool-button-group/tool-button-group.js",
|
|
18596
18719
|
"declarations": [],
|
|
18597
18720
|
"exports": [
|
|
18598
18721
|
{
|
|
@@ -18600,15 +18723,15 @@
|
|
|
18600
18723
|
"name": "*",
|
|
18601
18724
|
"declaration": {
|
|
18602
18725
|
"name": "*",
|
|
18603
|
-
"package": "./tool-button.component"
|
|
18726
|
+
"package": "./tool-button-group.component"
|
|
18604
18727
|
}
|
|
18605
18728
|
},
|
|
18606
18729
|
{
|
|
18607
18730
|
"kind": "js",
|
|
18608
18731
|
"name": "default",
|
|
18609
18732
|
"declaration": {
|
|
18610
|
-
"name": "
|
|
18611
|
-
"module": "components/tool-button/tool-button.js"
|
|
18733
|
+
"name": "FlowToolButtonGroup",
|
|
18734
|
+
"module": "components/tool-button-group/tool-button-group.js"
|
|
18612
18735
|
}
|
|
18613
18736
|
}
|
|
18614
18737
|
]
|
|
@@ -19769,6 +19892,6 @@
|
|
|
19769
19892
|
],
|
|
19770
19893
|
"package": {
|
|
19771
19894
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
19772
|
-
"version": "0.0.
|
|
19895
|
+
"version": "0.0.18-alpha.1"
|
|
19773
19896
|
}
|
|
19774
19897
|
}
|