@emuanalytics/flow-rdf-ui 0.0.31 → 0.0.32
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 +1454 -1454
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/dist/vscode.html-custom-data.json +119 -119
- package/package.json +1 -1
|
@@ -697,121 +697,6 @@
|
|
|
697
697
|
}
|
|
698
698
|
]
|
|
699
699
|
},
|
|
700
|
-
{
|
|
701
|
-
"kind": "javascript-module",
|
|
702
|
-
"path": "components/badge/badge.js",
|
|
703
|
-
"declarations": [
|
|
704
|
-
{
|
|
705
|
-
"kind": "class",
|
|
706
|
-
"description": "",
|
|
707
|
-
"name": "FlowBadge",
|
|
708
|
-
"cssParts": [
|
|
709
|
-
{
|
|
710
|
-
"description": "The component's base wrapper.",
|
|
711
|
-
"name": "base"
|
|
712
|
-
}
|
|
713
|
-
],
|
|
714
|
-
"slots": [
|
|
715
|
-
{
|
|
716
|
-
"description": "The badge's content.",
|
|
717
|
-
"name": ""
|
|
718
|
-
}
|
|
719
|
-
],
|
|
720
|
-
"members": [
|
|
721
|
-
{
|
|
722
|
-
"kind": "field",
|
|
723
|
-
"name": "variant",
|
|
724
|
-
"type": {
|
|
725
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
726
|
-
},
|
|
727
|
-
"default": "'primary'",
|
|
728
|
-
"description": "The badge's theme variant.",
|
|
729
|
-
"attribute": "variant",
|
|
730
|
-
"reflects": true
|
|
731
|
-
},
|
|
732
|
-
{
|
|
733
|
-
"kind": "field",
|
|
734
|
-
"name": "pill",
|
|
735
|
-
"type": {
|
|
736
|
-
"text": "boolean"
|
|
737
|
-
},
|
|
738
|
-
"default": "false",
|
|
739
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
740
|
-
"attribute": "pill",
|
|
741
|
-
"reflects": true
|
|
742
|
-
},
|
|
743
|
-
{
|
|
744
|
-
"kind": "field",
|
|
745
|
-
"name": "pulse",
|
|
746
|
-
"type": {
|
|
747
|
-
"text": "boolean"
|
|
748
|
-
},
|
|
749
|
-
"default": "false",
|
|
750
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
751
|
-
"attribute": "pulse",
|
|
752
|
-
"reflects": true
|
|
753
|
-
}
|
|
754
|
-
],
|
|
755
|
-
"attributes": [
|
|
756
|
-
{
|
|
757
|
-
"name": "variant",
|
|
758
|
-
"type": {
|
|
759
|
-
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
760
|
-
},
|
|
761
|
-
"default": "'primary'",
|
|
762
|
-
"description": "The badge's theme variant.",
|
|
763
|
-
"fieldName": "variant"
|
|
764
|
-
},
|
|
765
|
-
{
|
|
766
|
-
"name": "pill",
|
|
767
|
-
"type": {
|
|
768
|
-
"text": "boolean"
|
|
769
|
-
},
|
|
770
|
-
"default": "false",
|
|
771
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
772
|
-
"fieldName": "pill"
|
|
773
|
-
},
|
|
774
|
-
{
|
|
775
|
-
"name": "pulse",
|
|
776
|
-
"type": {
|
|
777
|
-
"text": "boolean"
|
|
778
|
-
},
|
|
779
|
-
"default": "false",
|
|
780
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
781
|
-
"fieldName": "pulse"
|
|
782
|
-
}
|
|
783
|
-
],
|
|
784
|
-
"superclass": {
|
|
785
|
-
"name": "FlowRdfElement",
|
|
786
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
787
|
-
},
|
|
788
|
-
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
789
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
790
|
-
"status": "stable",
|
|
791
|
-
"since": "2.0",
|
|
792
|
-
"tagName": "flow-ui-badge",
|
|
793
|
-
"customElement": true
|
|
794
|
-
}
|
|
795
|
-
],
|
|
796
|
-
"exports": [
|
|
797
|
-
{
|
|
798
|
-
"kind": "js",
|
|
799
|
-
"name": "default",
|
|
800
|
-
"declaration": {
|
|
801
|
-
"name": "FlowBadge",
|
|
802
|
-
"module": "components/badge/badge.js"
|
|
803
|
-
}
|
|
804
|
-
},
|
|
805
|
-
{
|
|
806
|
-
"kind": "custom-element-definition",
|
|
807
|
-
"name": "flow-ui-badge",
|
|
808
|
-
"declaration": {
|
|
809
|
-
"name": "FlowBadge",
|
|
810
|
-
"module": "components/badge/badge.js"
|
|
811
|
-
}
|
|
812
|
-
}
|
|
813
|
-
]
|
|
814
|
-
},
|
|
815
700
|
{
|
|
816
701
|
"kind": "javascript-module",
|
|
817
702
|
"path": "components/avatar/avatar.js",
|
|
@@ -999,12 +884,12 @@
|
|
|
999
884
|
},
|
|
1000
885
|
{
|
|
1001
886
|
"kind": "javascript-module",
|
|
1002
|
-
"path": "components/
|
|
887
|
+
"path": "components/badge/badge.js",
|
|
1003
888
|
"declarations": [
|
|
1004
889
|
{
|
|
1005
890
|
"kind": "class",
|
|
1006
891
|
"description": "",
|
|
1007
|
-
"name": "
|
|
892
|
+
"name": "FlowBadge",
|
|
1008
893
|
"cssParts": [
|
|
1009
894
|
{
|
|
1010
895
|
"description": "The component's base wrapper.",
|
|
@@ -1013,85 +898,83 @@
|
|
|
1013
898
|
],
|
|
1014
899
|
"slots": [
|
|
1015
900
|
{
|
|
1016
|
-
"description": "
|
|
901
|
+
"description": "The badge's content.",
|
|
1017
902
|
"name": ""
|
|
1018
|
-
},
|
|
1019
|
-
{
|
|
1020
|
-
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
1021
|
-
"name": "separator"
|
|
1022
903
|
}
|
|
1023
904
|
],
|
|
1024
905
|
"members": [
|
|
1025
906
|
{
|
|
1026
907
|
"kind": "field",
|
|
1027
|
-
"name": "
|
|
1028
|
-
"
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
"
|
|
1034
|
-
"
|
|
1035
|
-
"privacy": "private"
|
|
908
|
+
"name": "variant",
|
|
909
|
+
"type": {
|
|
910
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
911
|
+
},
|
|
912
|
+
"default": "'primary'",
|
|
913
|
+
"description": "The badge's theme variant.",
|
|
914
|
+
"attribute": "variant",
|
|
915
|
+
"reflects": true
|
|
1036
916
|
},
|
|
1037
917
|
{
|
|
1038
918
|
"kind": "field",
|
|
1039
|
-
"name": "
|
|
919
|
+
"name": "pill",
|
|
1040
920
|
"type": {
|
|
1041
|
-
"text": "
|
|
1042
|
-
}
|
|
921
|
+
"text": "boolean"
|
|
922
|
+
},
|
|
923
|
+
"default": "false",
|
|
924
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
925
|
+
"attribute": "pill",
|
|
926
|
+
"reflects": true
|
|
1043
927
|
},
|
|
1044
928
|
{
|
|
1045
929
|
"kind": "field",
|
|
1046
|
-
"name": "
|
|
930
|
+
"name": "pulse",
|
|
1047
931
|
"type": {
|
|
1048
|
-
"text": "
|
|
1049
|
-
}
|
|
1050
|
-
|
|
932
|
+
"text": "boolean"
|
|
933
|
+
},
|
|
934
|
+
"default": "false",
|
|
935
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
936
|
+
"attribute": "pulse",
|
|
937
|
+
"reflects": true
|
|
938
|
+
}
|
|
939
|
+
],
|
|
940
|
+
"attributes": [
|
|
1051
941
|
{
|
|
1052
|
-
"
|
|
1053
|
-
"name": "label",
|
|
942
|
+
"name": "variant",
|
|
1054
943
|
"type": {
|
|
1055
|
-
"text": "
|
|
944
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1056
945
|
},
|
|
1057
|
-
"default": "''",
|
|
1058
|
-
"description": "The
|
|
1059
|
-
"
|
|
946
|
+
"default": "'primary'",
|
|
947
|
+
"description": "The badge's theme variant.",
|
|
948
|
+
"fieldName": "variant"
|
|
1060
949
|
},
|
|
1061
950
|
{
|
|
1062
|
-
"
|
|
1063
|
-
"
|
|
1064
|
-
|
|
951
|
+
"name": "pill",
|
|
952
|
+
"type": {
|
|
953
|
+
"text": "boolean"
|
|
954
|
+
},
|
|
955
|
+
"default": "false",
|
|
956
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
957
|
+
"fieldName": "pill"
|
|
1065
958
|
},
|
|
1066
959
|
{
|
|
1067
|
-
"
|
|
1068
|
-
"name": "handleSlotChange",
|
|
1069
|
-
"privacy": "private"
|
|
1070
|
-
}
|
|
1071
|
-
],
|
|
1072
|
-
"attributes": [
|
|
1073
|
-
{
|
|
1074
|
-
"name": "label",
|
|
960
|
+
"name": "pulse",
|
|
1075
961
|
"type": {
|
|
1076
|
-
"text": "
|
|
962
|
+
"text": "boolean"
|
|
1077
963
|
},
|
|
1078
|
-
"default": "
|
|
1079
|
-
"description": "
|
|
1080
|
-
"fieldName": "
|
|
964
|
+
"default": "false",
|
|
965
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
966
|
+
"fieldName": "pulse"
|
|
1081
967
|
}
|
|
1082
968
|
],
|
|
1083
969
|
"superclass": {
|
|
1084
970
|
"name": "FlowRdfElement",
|
|
1085
971
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1086
972
|
},
|
|
1087
|
-
"summary": "
|
|
1088
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
973
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
974
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
1089
975
|
"status": "stable",
|
|
1090
976
|
"since": "2.0",
|
|
1091
|
-
"
|
|
1092
|
-
"flow-ui-icon"
|
|
1093
|
-
],
|
|
1094
|
-
"tagName": "flow-ui-breadcrumb",
|
|
977
|
+
"tagName": "flow-ui-badge",
|
|
1095
978
|
"customElement": true
|
|
1096
979
|
}
|
|
1097
980
|
],
|
|
@@ -1100,141 +983,166 @@
|
|
|
1100
983
|
"kind": "js",
|
|
1101
984
|
"name": "default",
|
|
1102
985
|
"declaration": {
|
|
1103
|
-
"name": "
|
|
1104
|
-
"module": "components/
|
|
986
|
+
"name": "FlowBadge",
|
|
987
|
+
"module": "components/badge/badge.js"
|
|
1105
988
|
}
|
|
1106
989
|
},
|
|
1107
990
|
{
|
|
1108
991
|
"kind": "custom-element-definition",
|
|
1109
|
-
"name": "flow-ui-
|
|
992
|
+
"name": "flow-ui-badge",
|
|
1110
993
|
"declaration": {
|
|
1111
|
-
"name": "
|
|
1112
|
-
"module": "components/
|
|
994
|
+
"name": "FlowBadge",
|
|
995
|
+
"module": "components/badge/badge.js"
|
|
1113
996
|
}
|
|
1114
997
|
}
|
|
1115
998
|
]
|
|
1116
999
|
},
|
|
1117
1000
|
{
|
|
1118
1001
|
"kind": "javascript-module",
|
|
1119
|
-
"path": "components/
|
|
1002
|
+
"path": "components/button-group/button-group.js",
|
|
1120
1003
|
"declarations": [
|
|
1121
1004
|
{
|
|
1122
1005
|
"kind": "class",
|
|
1123
1006
|
"description": "",
|
|
1124
|
-
"name": "
|
|
1007
|
+
"name": "FlowButtonGroup",
|
|
1125
1008
|
"cssParts": [
|
|
1126
1009
|
{
|
|
1127
1010
|
"description": "The component's base wrapper.",
|
|
1128
1011
|
"name": "base"
|
|
1129
|
-
},
|
|
1130
|
-
{
|
|
1131
|
-
"description": "The breadcrumb item's label.",
|
|
1132
|
-
"name": "label"
|
|
1133
|
-
},
|
|
1134
|
-
{
|
|
1135
|
-
"description": "The container that wraps the prefix.",
|
|
1136
|
-
"name": "prefix"
|
|
1137
|
-
},
|
|
1138
|
-
{
|
|
1139
|
-
"description": "The container that wraps the suffix.",
|
|
1140
|
-
"name": "suffix"
|
|
1141
|
-
},
|
|
1142
|
-
{
|
|
1143
|
-
"description": "The container that wraps the separator.",
|
|
1144
|
-
"name": "separator"
|
|
1145
1012
|
}
|
|
1146
1013
|
],
|
|
1147
1014
|
"slots": [
|
|
1148
1015
|
{
|
|
1149
|
-
"description": "
|
|
1016
|
+
"description": "One or more `<flow-ui-button>` elements to display in the button group.",
|
|
1150
1017
|
"name": ""
|
|
1151
|
-
}
|
|
1018
|
+
}
|
|
1019
|
+
],
|
|
1020
|
+
"members": [
|
|
1152
1021
|
{
|
|
1153
|
-
"
|
|
1154
|
-
"name": "
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
"name": "suffix"
|
|
1159
|
-
},
|
|
1160
|
-
{
|
|
1161
|
-
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
1162
|
-
"name": "separator"
|
|
1163
|
-
}
|
|
1164
|
-
],
|
|
1165
|
-
"members": [
|
|
1166
|
-
{
|
|
1167
|
-
"kind": "field",
|
|
1168
|
-
"name": "hasSlotController",
|
|
1169
|
-
"privacy": "private",
|
|
1170
|
-
"readonly": true,
|
|
1171
|
-
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
1022
|
+
"kind": "field",
|
|
1023
|
+
"name": "defaultSlot",
|
|
1024
|
+
"type": {
|
|
1025
|
+
"text": "HTMLSlotElement"
|
|
1026
|
+
}
|
|
1172
1027
|
},
|
|
1173
1028
|
{
|
|
1174
1029
|
"kind": "field",
|
|
1175
|
-
"name": "
|
|
1030
|
+
"name": "disableRole",
|
|
1176
1031
|
"type": {
|
|
1177
|
-
"text": "
|
|
1032
|
+
"text": "boolean"
|
|
1178
1033
|
},
|
|
1179
|
-
"
|
|
1180
|
-
"attribute": "href"
|
|
1034
|
+
"default": "false"
|
|
1181
1035
|
},
|
|
1182
1036
|
{
|
|
1183
1037
|
"kind": "field",
|
|
1184
|
-
"name": "
|
|
1038
|
+
"name": "label",
|
|
1185
1039
|
"type": {
|
|
1186
|
-
"text": "
|
|
1040
|
+
"text": "string"
|
|
1187
1041
|
},
|
|
1188
|
-
"
|
|
1189
|
-
"attribute": "
|
|
1042
|
+
"default": "''",
|
|
1043
|
+
"attribute": "label"
|
|
1190
1044
|
},
|
|
1191
1045
|
{
|
|
1192
1046
|
"kind": "field",
|
|
1193
|
-
"name": "
|
|
1047
|
+
"name": "vertical",
|
|
1194
1048
|
"type": {
|
|
1195
|
-
"text": "
|
|
1049
|
+
"text": "boolean"
|
|
1196
1050
|
},
|
|
1197
|
-
"default": "
|
|
1198
|
-
"description": "
|
|
1199
|
-
"attribute": "
|
|
1051
|
+
"default": "false",
|
|
1052
|
+
"description": "Use vertical layout for the button group.",
|
|
1053
|
+
"attribute": "vertical",
|
|
1054
|
+
"reflects": true
|
|
1055
|
+
},
|
|
1056
|
+
{
|
|
1057
|
+
"kind": "method",
|
|
1058
|
+
"name": "handleVerticalChange"
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"kind": "method",
|
|
1062
|
+
"name": "handleFocus",
|
|
1063
|
+
"privacy": "private",
|
|
1064
|
+
"parameters": [
|
|
1065
|
+
{
|
|
1066
|
+
"name": "event",
|
|
1067
|
+
"type": {
|
|
1068
|
+
"text": "Event"
|
|
1069
|
+
}
|
|
1070
|
+
}
|
|
1071
|
+
]
|
|
1072
|
+
},
|
|
1073
|
+
{
|
|
1074
|
+
"kind": "method",
|
|
1075
|
+
"name": "handleBlur",
|
|
1076
|
+
"privacy": "private",
|
|
1077
|
+
"parameters": [
|
|
1078
|
+
{
|
|
1079
|
+
"name": "event",
|
|
1080
|
+
"type": {
|
|
1081
|
+
"text": "Event"
|
|
1082
|
+
}
|
|
1083
|
+
}
|
|
1084
|
+
]
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
"kind": "method",
|
|
1088
|
+
"name": "handleMouseOver",
|
|
1089
|
+
"privacy": "private",
|
|
1090
|
+
"parameters": [
|
|
1091
|
+
{
|
|
1092
|
+
"name": "event",
|
|
1093
|
+
"type": {
|
|
1094
|
+
"text": "Event"
|
|
1095
|
+
}
|
|
1096
|
+
}
|
|
1097
|
+
]
|
|
1098
|
+
},
|
|
1099
|
+
{
|
|
1100
|
+
"kind": "method",
|
|
1101
|
+
"name": "handleMouseOut",
|
|
1102
|
+
"privacy": "private",
|
|
1103
|
+
"parameters": [
|
|
1104
|
+
{
|
|
1105
|
+
"name": "event",
|
|
1106
|
+
"type": {
|
|
1107
|
+
"text": "Event"
|
|
1108
|
+
}
|
|
1109
|
+
}
|
|
1110
|
+
]
|
|
1111
|
+
},
|
|
1112
|
+
{
|
|
1113
|
+
"kind": "method",
|
|
1114
|
+
"name": "handleSlotChange",
|
|
1115
|
+
"privacy": "private"
|
|
1200
1116
|
}
|
|
1201
1117
|
],
|
|
1202
1118
|
"attributes": [
|
|
1203
1119
|
{
|
|
1204
|
-
"name": "
|
|
1205
|
-
"type": {
|
|
1206
|
-
"text": "string | undefined"
|
|
1207
|
-
},
|
|
1208
|
-
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
1209
|
-
"fieldName": "href"
|
|
1210
|
-
},
|
|
1211
|
-
{
|
|
1212
|
-
"name": "target",
|
|
1120
|
+
"name": "label",
|
|
1213
1121
|
"type": {
|
|
1214
|
-
"text": "
|
|
1122
|
+
"text": "string"
|
|
1215
1123
|
},
|
|
1216
|
-
"
|
|
1217
|
-
"fieldName": "
|
|
1124
|
+
"default": "''",
|
|
1125
|
+
"fieldName": "label"
|
|
1218
1126
|
},
|
|
1219
1127
|
{
|
|
1220
|
-
"name": "
|
|
1128
|
+
"name": "vertical",
|
|
1221
1129
|
"type": {
|
|
1222
|
-
"text": "
|
|
1130
|
+
"text": "boolean"
|
|
1223
1131
|
},
|
|
1224
|
-
"default": "
|
|
1225
|
-
"description": "
|
|
1226
|
-
"fieldName": "
|
|
1132
|
+
"default": "false",
|
|
1133
|
+
"description": "Use vertical layout for the button group.",
|
|
1134
|
+
"fieldName": "vertical"
|
|
1227
1135
|
}
|
|
1228
1136
|
],
|
|
1229
1137
|
"superclass": {
|
|
1230
1138
|
"name": "FlowRdfElement",
|
|
1231
1139
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1232
1140
|
},
|
|
1233
|
-
"summary": "
|
|
1234
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
1141
|
+
"summary": "Button groups can be used to group related buttons into sections.",
|
|
1142
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/button-group",
|
|
1235
1143
|
"status": "stable",
|
|
1236
1144
|
"since": "2.0",
|
|
1237
|
-
"tagName": "flow-ui-
|
|
1145
|
+
"tagName": "flow-ui-button-group",
|
|
1238
1146
|
"customElement": true
|
|
1239
1147
|
}
|
|
1240
1148
|
],
|
|
@@ -1243,16 +1151,16 @@
|
|
|
1243
1151
|
"kind": "js",
|
|
1244
1152
|
"name": "default",
|
|
1245
1153
|
"declaration": {
|
|
1246
|
-
"name": "
|
|
1247
|
-
"module": "components/
|
|
1154
|
+
"name": "FlowButtonGroup",
|
|
1155
|
+
"module": "components/button-group/button-group.js"
|
|
1248
1156
|
}
|
|
1249
1157
|
},
|
|
1250
1158
|
{
|
|
1251
1159
|
"kind": "custom-element-definition",
|
|
1252
|
-
"name": "flow-ui-
|
|
1160
|
+
"name": "flow-ui-button-group",
|
|
1253
1161
|
"declaration": {
|
|
1254
|
-
"name": "
|
|
1255
|
-
"module": "components/
|
|
1162
|
+
"name": "FlowButtonGroup",
|
|
1163
|
+
"module": "components/button-group/button-group.js"
|
|
1256
1164
|
}
|
|
1257
1165
|
}
|
|
1258
1166
|
]
|
|
@@ -1936,115 +1844,212 @@
|
|
|
1936
1844
|
},
|
|
1937
1845
|
{
|
|
1938
1846
|
"kind": "javascript-module",
|
|
1939
|
-
"path": "components/
|
|
1847
|
+
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
1940
1848
|
"declarations": [
|
|
1941
1849
|
{
|
|
1942
1850
|
"kind": "class",
|
|
1943
1851
|
"description": "",
|
|
1944
|
-
"name": "
|
|
1852
|
+
"name": "FlowBreadcrumbItem",
|
|
1945
1853
|
"cssParts": [
|
|
1946
1854
|
{
|
|
1947
1855
|
"description": "The component's base wrapper.",
|
|
1948
1856
|
"name": "base"
|
|
1857
|
+
},
|
|
1858
|
+
{
|
|
1859
|
+
"description": "The breadcrumb item's label.",
|
|
1860
|
+
"name": "label"
|
|
1861
|
+
},
|
|
1862
|
+
{
|
|
1863
|
+
"description": "The container that wraps the prefix.",
|
|
1864
|
+
"name": "prefix"
|
|
1865
|
+
},
|
|
1866
|
+
{
|
|
1867
|
+
"description": "The container that wraps the suffix.",
|
|
1868
|
+
"name": "suffix"
|
|
1869
|
+
},
|
|
1870
|
+
{
|
|
1871
|
+
"description": "The container that wraps the separator.",
|
|
1872
|
+
"name": "separator"
|
|
1949
1873
|
}
|
|
1950
1874
|
],
|
|
1951
1875
|
"slots": [
|
|
1952
1876
|
{
|
|
1953
|
-
"description": "
|
|
1877
|
+
"description": "The breadcrumb item's label.",
|
|
1954
1878
|
"name": ""
|
|
1879
|
+
},
|
|
1880
|
+
{
|
|
1881
|
+
"description": "An optional prefix, usually an icon or icon button.",
|
|
1882
|
+
"name": "prefix"
|
|
1883
|
+
},
|
|
1884
|
+
{
|
|
1885
|
+
"description": "An optional suffix, usually an icon or icon button.",
|
|
1886
|
+
"name": "suffix"
|
|
1887
|
+
},
|
|
1888
|
+
{
|
|
1889
|
+
"description": "The separator to use for the breadcrumb item. This will only change the separator for this item. If you want to change it for all items in the group, set the separator on `<flow-ui-breadcrumb>` instead.",
|
|
1890
|
+
"name": "separator"
|
|
1955
1891
|
}
|
|
1956
1892
|
],
|
|
1957
1893
|
"members": [
|
|
1958
1894
|
{
|
|
1959
1895
|
"kind": "field",
|
|
1960
|
-
"name": "
|
|
1961
|
-
"
|
|
1962
|
-
|
|
1963
|
-
|
|
1896
|
+
"name": "hasSlotController",
|
|
1897
|
+
"privacy": "private",
|
|
1898
|
+
"readonly": true,
|
|
1899
|
+
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
1964
1900
|
},
|
|
1965
1901
|
{
|
|
1966
1902
|
"kind": "field",
|
|
1967
|
-
"name": "
|
|
1903
|
+
"name": "href",
|
|
1968
1904
|
"type": {
|
|
1969
|
-
"text": "
|
|
1905
|
+
"text": "string | undefined"
|
|
1970
1906
|
},
|
|
1971
|
-
"
|
|
1907
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
1908
|
+
"attribute": "href"
|
|
1972
1909
|
},
|
|
1973
1910
|
{
|
|
1974
1911
|
"kind": "field",
|
|
1975
|
-
"name": "
|
|
1912
|
+
"name": "target",
|
|
1976
1913
|
"type": {
|
|
1977
|
-
"text": "
|
|
1914
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
1978
1915
|
},
|
|
1979
|
-
"
|
|
1980
|
-
"attribute": "
|
|
1916
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1917
|
+
"attribute": "target"
|
|
1981
1918
|
},
|
|
1982
1919
|
{
|
|
1983
1920
|
"kind": "field",
|
|
1984
|
-
"name": "
|
|
1921
|
+
"name": "rel",
|
|
1985
1922
|
"type": {
|
|
1986
|
-
"text": "
|
|
1923
|
+
"text": "string"
|
|
1987
1924
|
},
|
|
1988
|
-
"default": "
|
|
1989
|
-
"description": "
|
|
1990
|
-
"attribute": "
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
"kind": "method",
|
|
1995
|
-
"name": "handleVerticalChange"
|
|
1996
|
-
},
|
|
1925
|
+
"default": "'noreferrer noopener'",
|
|
1926
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
1927
|
+
"attribute": "rel"
|
|
1928
|
+
}
|
|
1929
|
+
],
|
|
1930
|
+
"attributes": [
|
|
1997
1931
|
{
|
|
1998
|
-
"
|
|
1999
|
-
"
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
"type": {
|
|
2005
|
-
"text": "Event"
|
|
2006
|
-
}
|
|
2007
|
-
}
|
|
2008
|
-
]
|
|
1932
|
+
"name": "href",
|
|
1933
|
+
"type": {
|
|
1934
|
+
"text": "string | undefined"
|
|
1935
|
+
},
|
|
1936
|
+
"description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
|
|
1937
|
+
"fieldName": "href"
|
|
2009
1938
|
},
|
|
2010
1939
|
{
|
|
2011
|
-
"
|
|
2012
|
-
"
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
"type": {
|
|
2018
|
-
"text": "Event"
|
|
2019
|
-
}
|
|
2020
|
-
}
|
|
2021
|
-
]
|
|
1940
|
+
"name": "target",
|
|
1941
|
+
"type": {
|
|
1942
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
1943
|
+
},
|
|
1944
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
1945
|
+
"fieldName": "target"
|
|
2022
1946
|
},
|
|
2023
1947
|
{
|
|
2024
|
-
"
|
|
2025
|
-
"
|
|
1948
|
+
"name": "rel",
|
|
1949
|
+
"type": {
|
|
1950
|
+
"text": "string"
|
|
1951
|
+
},
|
|
1952
|
+
"default": "'noreferrer noopener'",
|
|
1953
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
1954
|
+
"fieldName": "rel"
|
|
1955
|
+
}
|
|
1956
|
+
],
|
|
1957
|
+
"superclass": {
|
|
1958
|
+
"name": "FlowRdfElement",
|
|
1959
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
1960
|
+
},
|
|
1961
|
+
"summary": "Breadcrumb Items are used inside [breadcrumbs](/components/breadcrumb) to represent different links.",
|
|
1962
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb-item",
|
|
1963
|
+
"status": "stable",
|
|
1964
|
+
"since": "2.0",
|
|
1965
|
+
"tagName": "flow-ui-breadcrumb-item",
|
|
1966
|
+
"customElement": true
|
|
1967
|
+
}
|
|
1968
|
+
],
|
|
1969
|
+
"exports": [
|
|
1970
|
+
{
|
|
1971
|
+
"kind": "js",
|
|
1972
|
+
"name": "default",
|
|
1973
|
+
"declaration": {
|
|
1974
|
+
"name": "FlowBreadcrumbItem",
|
|
1975
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
1976
|
+
}
|
|
1977
|
+
},
|
|
1978
|
+
{
|
|
1979
|
+
"kind": "custom-element-definition",
|
|
1980
|
+
"name": "flow-ui-breadcrumb-item",
|
|
1981
|
+
"declaration": {
|
|
1982
|
+
"name": "FlowBreadcrumbItem",
|
|
1983
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
1984
|
+
}
|
|
1985
|
+
}
|
|
1986
|
+
]
|
|
1987
|
+
},
|
|
1988
|
+
{
|
|
1989
|
+
"kind": "javascript-module",
|
|
1990
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
1991
|
+
"declarations": [
|
|
1992
|
+
{
|
|
1993
|
+
"kind": "class",
|
|
1994
|
+
"description": "",
|
|
1995
|
+
"name": "FlowBreadcrumb",
|
|
1996
|
+
"cssParts": [
|
|
1997
|
+
{
|
|
1998
|
+
"description": "The component's base wrapper.",
|
|
1999
|
+
"name": "base"
|
|
2000
|
+
}
|
|
2001
|
+
],
|
|
2002
|
+
"slots": [
|
|
2003
|
+
{
|
|
2004
|
+
"description": "One or more breadcrumb items to display.",
|
|
2005
|
+
"name": ""
|
|
2006
|
+
},
|
|
2007
|
+
{
|
|
2008
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
2009
|
+
"name": "separator"
|
|
2010
|
+
}
|
|
2011
|
+
],
|
|
2012
|
+
"members": [
|
|
2013
|
+
{
|
|
2014
|
+
"kind": "field",
|
|
2015
|
+
"name": "localize",
|
|
2026
2016
|
"privacy": "private",
|
|
2027
|
-
"
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2017
|
+
"readonly": true,
|
|
2018
|
+
"default": "new LocalizeController(this)"
|
|
2019
|
+
},
|
|
2020
|
+
{
|
|
2021
|
+
"kind": "field",
|
|
2022
|
+
"name": "separatorDir",
|
|
2023
|
+
"privacy": "private"
|
|
2024
|
+
},
|
|
2025
|
+
{
|
|
2026
|
+
"kind": "field",
|
|
2027
|
+
"name": "defaultSlot",
|
|
2028
|
+
"type": {
|
|
2029
|
+
"text": "HTMLSlotElement"
|
|
2030
|
+
}
|
|
2031
|
+
},
|
|
2032
|
+
{
|
|
2033
|
+
"kind": "field",
|
|
2034
|
+
"name": "separatorSlot",
|
|
2035
|
+
"type": {
|
|
2036
|
+
"text": "HTMLSlotElement"
|
|
2037
|
+
}
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"kind": "field",
|
|
2041
|
+
"name": "label",
|
|
2042
|
+
"type": {
|
|
2043
|
+
"text": "string"
|
|
2044
|
+
},
|
|
2045
|
+
"default": "''",
|
|
2046
|
+
"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.",
|
|
2047
|
+
"attribute": "label"
|
|
2035
2048
|
},
|
|
2036
2049
|
{
|
|
2037
2050
|
"kind": "method",
|
|
2038
|
-
"name": "
|
|
2039
|
-
"privacy": "private"
|
|
2040
|
-
"parameters": [
|
|
2041
|
-
{
|
|
2042
|
-
"name": "event",
|
|
2043
|
-
"type": {
|
|
2044
|
-
"text": "Event"
|
|
2045
|
-
}
|
|
2046
|
-
}
|
|
2047
|
-
]
|
|
2051
|
+
"name": "getSeparator",
|
|
2052
|
+
"privacy": "private"
|
|
2048
2053
|
},
|
|
2049
2054
|
{
|
|
2050
2055
|
"kind": "method",
|
|
@@ -2059,27 +2064,22 @@
|
|
|
2059
2064
|
"text": "string"
|
|
2060
2065
|
},
|
|
2061
2066
|
"default": "''",
|
|
2067
|
+
"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.",
|
|
2062
2068
|
"fieldName": "label"
|
|
2063
|
-
},
|
|
2064
|
-
{
|
|
2065
|
-
"name": "vertical",
|
|
2066
|
-
"type": {
|
|
2067
|
-
"text": "boolean"
|
|
2068
|
-
},
|
|
2069
|
-
"default": "false",
|
|
2070
|
-
"description": "Use vertical layout for the button group.",
|
|
2071
|
-
"fieldName": "vertical"
|
|
2072
2069
|
}
|
|
2073
2070
|
],
|
|
2074
2071
|
"superclass": {
|
|
2075
2072
|
"name": "FlowRdfElement",
|
|
2076
2073
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
2077
2074
|
},
|
|
2078
|
-
"summary": "
|
|
2079
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
2075
|
+
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
2076
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
|
|
2080
2077
|
"status": "stable",
|
|
2081
2078
|
"since": "2.0",
|
|
2082
|
-
"
|
|
2079
|
+
"dependencies": [
|
|
2080
|
+
"flow-ui-icon"
|
|
2081
|
+
],
|
|
2082
|
+
"tagName": "flow-ui-breadcrumb",
|
|
2083
2083
|
"customElement": true
|
|
2084
2084
|
}
|
|
2085
2085
|
],
|
|
@@ -2088,16 +2088,16 @@
|
|
|
2088
2088
|
"kind": "js",
|
|
2089
2089
|
"name": "default",
|
|
2090
2090
|
"declaration": {
|
|
2091
|
-
"name": "
|
|
2092
|
-
"module": "components/
|
|
2091
|
+
"name": "FlowBreadcrumb",
|
|
2092
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
2093
2093
|
}
|
|
2094
2094
|
},
|
|
2095
2095
|
{
|
|
2096
2096
|
"kind": "custom-element-definition",
|
|
2097
|
-
"name": "flow-ui-
|
|
2097
|
+
"name": "flow-ui-breadcrumb",
|
|
2098
2098
|
"declaration": {
|
|
2099
|
-
"name": "
|
|
2100
|
-
"module": "components/
|
|
2099
|
+
"name": "FlowBreadcrumb",
|
|
2100
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
2101
2101
|
}
|
|
2102
2102
|
}
|
|
2103
2103
|
]
|
|
@@ -4070,1504 +4070,1469 @@
|
|
|
4070
4070
|
},
|
|
4071
4071
|
{
|
|
4072
4072
|
"kind": "javascript-module",
|
|
4073
|
-
"path": "components/color-
|
|
4073
|
+
"path": "components/color-picker/color-picker.js",
|
|
4074
4074
|
"declarations": [
|
|
4075
4075
|
{
|
|
4076
4076
|
"kind": "class",
|
|
4077
4077
|
"description": "",
|
|
4078
|
-
"name": "
|
|
4079
|
-
"
|
|
4078
|
+
"name": "FlowColorPicker",
|
|
4079
|
+
"cssProperties": [
|
|
4080
4080
|
{
|
|
4081
|
-
"
|
|
4082
|
-
"name": "
|
|
4083
|
-
"type": {
|
|
4084
|
-
"text": "string | undefined"
|
|
4085
|
-
},
|
|
4086
|
-
"privacy": "private"
|
|
4081
|
+
"description": "The width of the color grid.",
|
|
4082
|
+
"name": "--grid-width"
|
|
4087
4083
|
},
|
|
4088
4084
|
{
|
|
4089
|
-
"
|
|
4090
|
-
"name": "
|
|
4091
|
-
"privacy": "private",
|
|
4092
|
-
"readonly": true,
|
|
4093
|
-
"default": "new HasSlotController(this, 'info')"
|
|
4085
|
+
"description": "The height of the color grid.",
|
|
4086
|
+
"name": "--grid-height"
|
|
4094
4087
|
},
|
|
4095
4088
|
{
|
|
4096
|
-
"
|
|
4097
|
-
"name": "
|
|
4098
|
-
"type": {
|
|
4099
|
-
"text": "FlowRadioGroup"
|
|
4100
|
-
}
|
|
4089
|
+
"description": "The size of the color grid's handle.",
|
|
4090
|
+
"name": "--grid-handle-size"
|
|
4101
4091
|
},
|
|
4102
4092
|
{
|
|
4103
|
-
"
|
|
4104
|
-
"name": "
|
|
4105
|
-
"type": {
|
|
4106
|
-
"text": "FlowColorPicker"
|
|
4107
|
-
}
|
|
4093
|
+
"description": "The height of the hue and alpha sliders.",
|
|
4094
|
+
"name": "--slider-height"
|
|
4108
4095
|
},
|
|
4109
4096
|
{
|
|
4110
|
-
"
|
|
4111
|
-
"name": "
|
|
4112
|
-
"type": {
|
|
4113
|
-
"text": "FlowSelect"
|
|
4114
|
-
}
|
|
4097
|
+
"description": "The diameter of the slider's handle.",
|
|
4098
|
+
"name": "--slider-handle-size"
|
|
4115
4099
|
},
|
|
4116
4100
|
{
|
|
4117
|
-
"
|
|
4118
|
-
"name": "
|
|
4119
|
-
|
|
4120
|
-
|
|
4121
|
-
|
|
4122
|
-
},
|
|
4101
|
+
"description": "The size of each predefined color swatch.",
|
|
4102
|
+
"name": "--swatch-size"
|
|
4103
|
+
}
|
|
4104
|
+
],
|
|
4105
|
+
"cssParts": [
|
|
4123
4106
|
{
|
|
4124
|
-
"
|
|
4125
|
-
"name": "
|
|
4126
|
-
"type": {
|
|
4127
|
-
"text": "string"
|
|
4128
|
-
},
|
|
4129
|
-
"attribute": "field"
|
|
4107
|
+
"description": "The component's base wrapper.",
|
|
4108
|
+
"name": "base"
|
|
4130
4109
|
},
|
|
4131
4110
|
{
|
|
4132
|
-
"
|
|
4133
|
-
"name": "
|
|
4134
|
-
"type": {
|
|
4135
|
-
"text": "ColorMapperOptions"
|
|
4136
|
-
},
|
|
4137
|
-
"attribute": "options"
|
|
4111
|
+
"description": "The color picker's dropdown trigger.",
|
|
4112
|
+
"name": "trigger"
|
|
4138
4113
|
},
|
|
4139
4114
|
{
|
|
4140
|
-
"
|
|
4141
|
-
"name": "
|
|
4142
|
-
"type": {
|
|
4143
|
-
"text": "ColorMapperValue"
|
|
4144
|
-
},
|
|
4145
|
-
"default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
|
|
4146
|
-
"attribute": "value"
|
|
4115
|
+
"description": "The container that holds the swatches.",
|
|
4116
|
+
"name": "swatches"
|
|
4147
4117
|
},
|
|
4148
4118
|
{
|
|
4149
|
-
"
|
|
4150
|
-
"name": "
|
|
4151
|
-
"type": {
|
|
4152
|
-
"text": "'small' | 'medium' | 'large'"
|
|
4153
|
-
},
|
|
4154
|
-
"default": "'small'",
|
|
4155
|
-
"attribute": "size"
|
|
4119
|
+
"description": "Each individual swatch.",
|
|
4120
|
+
"name": "swatch"
|
|
4156
4121
|
},
|
|
4157
4122
|
{
|
|
4158
|
-
"
|
|
4159
|
-
"name": "
|
|
4160
|
-
"type": {
|
|
4161
|
-
"text": "boolean"
|
|
4162
|
-
},
|
|
4163
|
-
"default": "false",
|
|
4164
|
-
"attribute": "defaultColorStop"
|
|
4123
|
+
"description": "The color grid.",
|
|
4124
|
+
"name": "grid"
|
|
4165
4125
|
},
|
|
4166
4126
|
{
|
|
4167
|
-
"
|
|
4168
|
-
"name": "
|
|
4169
|
-
"type": {
|
|
4170
|
-
"text": "string | string[]"
|
|
4171
|
-
},
|
|
4172
|
-
"default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
|
|
4173
|
-
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
4174
|
-
"attribute": "swatches"
|
|
4127
|
+
"description": "The color grid's handle.",
|
|
4128
|
+
"name": "grid-handle"
|
|
4175
4129
|
},
|
|
4176
4130
|
{
|
|
4177
|
-
"
|
|
4178
|
-
"name": "
|
|
4179
|
-
"privacy": "private",
|
|
4180
|
-
"parameters": [
|
|
4181
|
-
{
|
|
4182
|
-
"name": "event",
|
|
4183
|
-
"type": {
|
|
4184
|
-
"text": "MouseEvent"
|
|
4185
|
-
}
|
|
4186
|
-
}
|
|
4187
|
-
]
|
|
4131
|
+
"description": "Hue and opacity sliders.",
|
|
4132
|
+
"name": "slider"
|
|
4188
4133
|
},
|
|
4189
4134
|
{
|
|
4190
|
-
"
|
|
4191
|
-
"name": "
|
|
4192
|
-
"privacy": "private",
|
|
4193
|
-
"parameters": [
|
|
4194
|
-
{
|
|
4195
|
-
"name": "event",
|
|
4196
|
-
"type": {
|
|
4197
|
-
"text": "FlowChangeEvent"
|
|
4198
|
-
}
|
|
4199
|
-
}
|
|
4200
|
-
]
|
|
4135
|
+
"description": "Hue and opacity slider handles.",
|
|
4136
|
+
"name": "slider-handle"
|
|
4201
4137
|
},
|
|
4202
4138
|
{
|
|
4203
|
-
"
|
|
4204
|
-
"name": "
|
|
4205
|
-
"privacy": "private"
|
|
4139
|
+
"description": "The hue slider.",
|
|
4140
|
+
"name": "hue-slider"
|
|
4206
4141
|
},
|
|
4207
4142
|
{
|
|
4208
|
-
"
|
|
4209
|
-
"name": "
|
|
4210
|
-
"privacy": "private",
|
|
4211
|
-
"parameters": [
|
|
4212
|
-
{
|
|
4213
|
-
"name": "event",
|
|
4214
|
-
"type": {
|
|
4215
|
-
"text": "FlowRemoveEvent"
|
|
4216
|
-
}
|
|
4217
|
-
}
|
|
4218
|
-
]
|
|
4143
|
+
"description": "The hue slider's handle.",
|
|
4144
|
+
"name": "hue-slider-handle"
|
|
4219
4145
|
},
|
|
4220
4146
|
{
|
|
4221
|
-
"
|
|
4222
|
-
"name": "
|
|
4147
|
+
"description": "The opacity slider.",
|
|
4148
|
+
"name": "opacity-slider"
|
|
4223
4149
|
},
|
|
4224
4150
|
{
|
|
4225
|
-
"
|
|
4226
|
-
"name": "
|
|
4227
|
-
"privacy": "private"
|
|
4151
|
+
"description": "The opacity slider's handle.",
|
|
4152
|
+
"name": "opacity-slider-handle"
|
|
4228
4153
|
},
|
|
4229
4154
|
{
|
|
4230
|
-
"
|
|
4231
|
-
"name": "
|
|
4232
|
-
"privacy": "private"
|
|
4155
|
+
"description": "The preview color.",
|
|
4156
|
+
"name": "preview"
|
|
4233
4157
|
},
|
|
4234
4158
|
{
|
|
4235
|
-
"
|
|
4236
|
-
"name": "
|
|
4237
|
-
"privacy": "private"
|
|
4159
|
+
"description": "The text input.",
|
|
4160
|
+
"name": "input"
|
|
4238
4161
|
},
|
|
4239
4162
|
{
|
|
4240
|
-
"
|
|
4241
|
-
"name": "
|
|
4242
|
-
"privacy": "private"
|
|
4163
|
+
"description": "The eye dropper button.",
|
|
4164
|
+
"name": "eye-dropper-button"
|
|
4243
4165
|
},
|
|
4244
4166
|
{
|
|
4245
|
-
"
|
|
4246
|
-
"name": "
|
|
4247
|
-
"privacy": "private"
|
|
4167
|
+
"description": "The eye dropper button's exported `button` part.",
|
|
4168
|
+
"name": "eye-dropper-button__base"
|
|
4248
4169
|
},
|
|
4249
4170
|
{
|
|
4250
|
-
"
|
|
4251
|
-
"name": "
|
|
4252
|
-
|
|
4253
|
-
}
|
|
4254
|
-
],
|
|
4255
|
-
"attributes": [
|
|
4171
|
+
"description": "The eye dropper button's exported `prefix` part.",
|
|
4172
|
+
"name": "eye-dropper-button__prefix"
|
|
4173
|
+
},
|
|
4256
4174
|
{
|
|
4257
|
-
"
|
|
4258
|
-
"
|
|
4259
|
-
"text": "string"
|
|
4260
|
-
},
|
|
4261
|
-
"fieldName": "field"
|
|
4175
|
+
"description": "The eye dropper button's exported `label` part.",
|
|
4176
|
+
"name": "eye-dropper-button__label"
|
|
4262
4177
|
},
|
|
4263
4178
|
{
|
|
4264
|
-
"
|
|
4265
|
-
"
|
|
4266
|
-
"text": "ColorMapperOptions"
|
|
4267
|
-
},
|
|
4268
|
-
"fieldName": "options"
|
|
4179
|
+
"description": "The eye dropper button's exported `suffix` part.",
|
|
4180
|
+
"name": "eye-dropper-button__suffix"
|
|
4269
4181
|
},
|
|
4270
4182
|
{
|
|
4271
|
-
"
|
|
4272
|
-
"
|
|
4273
|
-
"text": "ColorMapperValue"
|
|
4274
|
-
},
|
|
4275
|
-
"default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
|
|
4276
|
-
"fieldName": "value"
|
|
4183
|
+
"description": "The eye dropper button's exported `caret` part.",
|
|
4184
|
+
"name": "eye-dropper-button__caret"
|
|
4277
4185
|
},
|
|
4278
4186
|
{
|
|
4279
|
-
"
|
|
4280
|
-
"
|
|
4281
|
-
"text": "'small' | 'medium' | 'large'"
|
|
4282
|
-
},
|
|
4283
|
-
"default": "'small'",
|
|
4284
|
-
"fieldName": "size"
|
|
4187
|
+
"description": "The format button.",
|
|
4188
|
+
"name": "format-button"
|
|
4285
4189
|
},
|
|
4286
4190
|
{
|
|
4287
|
-
"
|
|
4288
|
-
"
|
|
4289
|
-
"text": "boolean"
|
|
4290
|
-
},
|
|
4291
|
-
"default": "false",
|
|
4292
|
-
"fieldName": "defaultColorStop"
|
|
4191
|
+
"description": "The format button's exported `button` part.",
|
|
4192
|
+
"name": "format-button__base"
|
|
4293
4193
|
},
|
|
4294
4194
|
{
|
|
4295
|
-
"
|
|
4296
|
-
"
|
|
4297
|
-
|
|
4298
|
-
|
|
4299
|
-
"
|
|
4300
|
-
"
|
|
4301
|
-
|
|
4195
|
+
"description": "The format button's exported `prefix` part.",
|
|
4196
|
+
"name": "format-button__prefix"
|
|
4197
|
+
},
|
|
4198
|
+
{
|
|
4199
|
+
"description": "The format button's exported `label` part.",
|
|
4200
|
+
"name": "format-button__label"
|
|
4201
|
+
},
|
|
4202
|
+
{
|
|
4203
|
+
"description": "The format button's exported `suffix` part.",
|
|
4204
|
+
"name": "format-button__suffix"
|
|
4205
|
+
},
|
|
4206
|
+
{
|
|
4207
|
+
"description": "The format button's exported `caret` part.",
|
|
4208
|
+
"name": "format-button__caret"
|
|
4209
|
+
}
|
|
4210
|
+
],
|
|
4211
|
+
"slots": [
|
|
4212
|
+
{
|
|
4213
|
+
"description": "The color picker's form label. Alternatively, you can use the `label` attribute.",
|
|
4214
|
+
"name": "label"
|
|
4302
4215
|
}
|
|
4303
4216
|
],
|
|
4304
|
-
"superclass": {
|
|
4305
|
-
"name": "FlowRdfElement",
|
|
4306
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
4307
|
-
},
|
|
4308
|
-
"tagName": "flow-ui-color-mapper",
|
|
4309
|
-
"summary": "A component for defining mappings between data values and colors.",
|
|
4310
|
-
"customElement": true
|
|
4311
|
-
}
|
|
4312
|
-
],
|
|
4313
|
-
"exports": [
|
|
4314
|
-
{
|
|
4315
|
-
"kind": "js",
|
|
4316
|
-
"name": "default",
|
|
4317
|
-
"declaration": {
|
|
4318
|
-
"name": "FlowColorMapper",
|
|
4319
|
-
"module": "components/color-mapper/color-mapper.component.js"
|
|
4320
|
-
}
|
|
4321
|
-
},
|
|
4322
|
-
{
|
|
4323
|
-
"kind": "custom-element-definition",
|
|
4324
|
-
"name": "flow-ui-color-mapper",
|
|
4325
|
-
"declaration": {
|
|
4326
|
-
"name": "FlowColorMapper",
|
|
4327
|
-
"module": "components/color-mapper/color-mapper.component.js"
|
|
4328
|
-
}
|
|
4329
|
-
}
|
|
4330
|
-
]
|
|
4331
|
-
},
|
|
4332
|
-
{
|
|
4333
|
-
"kind": "javascript-module",
|
|
4334
|
-
"path": "components/color-mapper/color-stop.component.js",
|
|
4335
|
-
"declarations": [
|
|
4336
|
-
{
|
|
4337
|
-
"kind": "class",
|
|
4338
|
-
"description": "",
|
|
4339
|
-
"name": "FlowColorStopComponent",
|
|
4340
4217
|
"members": [
|
|
4341
4218
|
{
|
|
4342
4219
|
"kind": "field",
|
|
4343
4220
|
"name": "formControlController",
|
|
4344
4221
|
"privacy": "private",
|
|
4345
4222
|
"readonly": true,
|
|
4346
|
-
"default": "new FormControlController(this
|
|
4223
|
+
"default": "new FormControlController(this)"
|
|
4347
4224
|
},
|
|
4348
4225
|
{
|
|
4349
4226
|
"kind": "field",
|
|
4350
|
-
"name": "
|
|
4227
|
+
"name": "isSafeValue",
|
|
4351
4228
|
"type": {
|
|
4352
|
-
"text": "
|
|
4353
|
-
}
|
|
4229
|
+
"text": "boolean"
|
|
4230
|
+
},
|
|
4231
|
+
"privacy": "private",
|
|
4232
|
+
"default": "false"
|
|
4354
4233
|
},
|
|
4355
4234
|
{
|
|
4356
4235
|
"kind": "field",
|
|
4357
|
-
"name": "
|
|
4236
|
+
"name": "localize",
|
|
4237
|
+
"privacy": "private",
|
|
4238
|
+
"readonly": true,
|
|
4239
|
+
"default": "new LocalizeController(this)"
|
|
4240
|
+
},
|
|
4241
|
+
{
|
|
4242
|
+
"kind": "field",
|
|
4243
|
+
"name": "base",
|
|
4358
4244
|
"type": {
|
|
4359
|
-
"text": "
|
|
4245
|
+
"text": "HTMLElement"
|
|
4360
4246
|
}
|
|
4361
4247
|
},
|
|
4362
4248
|
{
|
|
4363
4249
|
"kind": "field",
|
|
4364
|
-
"name": "
|
|
4250
|
+
"name": "input",
|
|
4365
4251
|
"type": {
|
|
4366
|
-
"text": "
|
|
4252
|
+
"text": "FlowInput"
|
|
4367
4253
|
}
|
|
4368
4254
|
},
|
|
4369
4255
|
{
|
|
4370
4256
|
"kind": "field",
|
|
4371
|
-
"name": "
|
|
4257
|
+
"name": "dropdown",
|
|
4372
4258
|
"type": {
|
|
4373
|
-
"text": "
|
|
4259
|
+
"text": "FlowDropdown"
|
|
4374
4260
|
}
|
|
4375
4261
|
},
|
|
4376
4262
|
{
|
|
4377
4263
|
"kind": "field",
|
|
4378
|
-
"name": "
|
|
4264
|
+
"name": "previewButton",
|
|
4379
4265
|
"type": {
|
|
4380
|
-
"text": "
|
|
4381
|
-
}
|
|
4382
|
-
"default": "''",
|
|
4383
|
-
"description": "The name of the color stop, submitted as a name/value pair with form data.",
|
|
4384
|
-
"attribute": "name"
|
|
4266
|
+
"text": "HTMLButtonElement"
|
|
4267
|
+
}
|
|
4385
4268
|
},
|
|
4386
4269
|
{
|
|
4387
4270
|
"kind": "field",
|
|
4388
|
-
"name": "
|
|
4271
|
+
"name": "trigger",
|
|
4389
4272
|
"type": {
|
|
4390
|
-
"text": "
|
|
4391
|
-
}
|
|
4392
|
-
"default": "''",
|
|
4393
|
-
"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.",
|
|
4394
|
-
"attribute": "form",
|
|
4395
|
-
"reflects": true
|
|
4273
|
+
"text": "HTMLButtonElement"
|
|
4274
|
+
}
|
|
4396
4275
|
},
|
|
4397
4276
|
{
|
|
4398
4277
|
"kind": "field",
|
|
4399
|
-
"name": "
|
|
4278
|
+
"name": "hasFocus",
|
|
4400
4279
|
"type": {
|
|
4401
4280
|
"text": "boolean"
|
|
4402
4281
|
},
|
|
4403
|
-
"
|
|
4404
|
-
"
|
|
4405
|
-
"attribute": "required",
|
|
4406
|
-
"reflects": true
|
|
4282
|
+
"privacy": "private",
|
|
4283
|
+
"default": "false"
|
|
4407
4284
|
},
|
|
4408
4285
|
{
|
|
4409
4286
|
"kind": "field",
|
|
4410
|
-
"name": "
|
|
4287
|
+
"name": "isDraggingGridHandle",
|
|
4411
4288
|
"type": {
|
|
4412
|
-
"text": "
|
|
4289
|
+
"text": "boolean"
|
|
4413
4290
|
},
|
|
4414
|
-
"
|
|
4291
|
+
"privacy": "private",
|
|
4292
|
+
"default": "false"
|
|
4415
4293
|
},
|
|
4416
4294
|
{
|
|
4417
4295
|
"kind": "field",
|
|
4418
|
-
"name": "
|
|
4296
|
+
"name": "isEmpty",
|
|
4419
4297
|
"type": {
|
|
4420
|
-
"text": "
|
|
4298
|
+
"text": "boolean"
|
|
4421
4299
|
},
|
|
4422
|
-
"
|
|
4300
|
+
"privacy": "private",
|
|
4301
|
+
"default": "false"
|
|
4423
4302
|
},
|
|
4424
4303
|
{
|
|
4425
4304
|
"kind": "field",
|
|
4426
|
-
"name": "
|
|
4305
|
+
"name": "inputValue",
|
|
4427
4306
|
"type": {
|
|
4428
|
-
"text": "
|
|
4307
|
+
"text": "string"
|
|
4429
4308
|
},
|
|
4430
|
-
"
|
|
4431
|
-
"
|
|
4309
|
+
"privacy": "private",
|
|
4310
|
+
"default": "''"
|
|
4432
4311
|
},
|
|
4433
4312
|
{
|
|
4434
4313
|
"kind": "field",
|
|
4435
|
-
"name": "
|
|
4314
|
+
"name": "hue",
|
|
4436
4315
|
"type": {
|
|
4437
|
-
"text": "
|
|
4316
|
+
"text": "number"
|
|
4438
4317
|
},
|
|
4439
|
-
"
|
|
4440
|
-
"
|
|
4441
|
-
"reflects": true
|
|
4318
|
+
"privacy": "private",
|
|
4319
|
+
"default": "0"
|
|
4442
4320
|
},
|
|
4443
4321
|
{
|
|
4444
4322
|
"kind": "field",
|
|
4445
|
-
"name": "
|
|
4323
|
+
"name": "saturation",
|
|
4446
4324
|
"type": {
|
|
4447
|
-
"text": "
|
|
4325
|
+
"text": "number"
|
|
4448
4326
|
},
|
|
4449
|
-
"
|
|
4450
|
-
"
|
|
4451
|
-
"reflects": true
|
|
4327
|
+
"privacy": "private",
|
|
4328
|
+
"default": "100"
|
|
4452
4329
|
},
|
|
4453
4330
|
{
|
|
4454
4331
|
"kind": "field",
|
|
4455
|
-
"name": "
|
|
4332
|
+
"name": "brightness",
|
|
4456
4333
|
"type": {
|
|
4457
|
-
"text": "
|
|
4334
|
+
"text": "number"
|
|
4458
4335
|
},
|
|
4459
|
-
"
|
|
4460
|
-
"
|
|
4461
|
-
"attribute": "swatches"
|
|
4336
|
+
"privacy": "private",
|
|
4337
|
+
"default": "100"
|
|
4462
4338
|
},
|
|
4463
4339
|
{
|
|
4464
4340
|
"kind": "field",
|
|
4465
|
-
"name": "
|
|
4466
|
-
"
|
|
4341
|
+
"name": "alpha",
|
|
4342
|
+
"type": {
|
|
4343
|
+
"text": "number"
|
|
4344
|
+
},
|
|
4345
|
+
"privacy": "private",
|
|
4346
|
+
"default": "100"
|
|
4467
4347
|
},
|
|
4468
4348
|
{
|
|
4469
4349
|
"kind": "field",
|
|
4470
|
-
"name": "
|
|
4471
|
-
"
|
|
4472
|
-
|
|
4473
|
-
|
|
4474
|
-
"
|
|
4475
|
-
"
|
|
4476
|
-
|
|
4477
|
-
{
|
|
4478
|
-
"kind": "method",
|
|
4479
|
-
"name": "getForm",
|
|
4480
|
-
"return": {
|
|
4481
|
-
"type": {
|
|
4482
|
-
"text": "HTMLFormElement | null"
|
|
4483
|
-
}
|
|
4484
|
-
}
|
|
4485
|
-
},
|
|
4486
|
-
{
|
|
4487
|
-
"kind": "method",
|
|
4488
|
-
"name": "reportValidity"
|
|
4489
|
-
},
|
|
4490
|
-
{
|
|
4491
|
-
"kind": "method",
|
|
4492
|
-
"name": "setCustomValidity",
|
|
4493
|
-
"parameters": [
|
|
4494
|
-
{
|
|
4495
|
-
"name": "message",
|
|
4496
|
-
"type": {
|
|
4497
|
-
"text": "string"
|
|
4498
|
-
}
|
|
4499
|
-
}
|
|
4500
|
-
]
|
|
4501
|
-
},
|
|
4502
|
-
{
|
|
4503
|
-
"kind": "method",
|
|
4504
|
-
"name": "handleRemove",
|
|
4505
|
-
"privacy": "private"
|
|
4506
|
-
},
|
|
4507
|
-
{
|
|
4508
|
-
"kind": "method",
|
|
4509
|
-
"name": "handleChange",
|
|
4510
|
-
"privacy": "private",
|
|
4511
|
-
"parameters": [
|
|
4512
|
-
{
|
|
4513
|
-
"name": "event",
|
|
4514
|
-
"type": {
|
|
4515
|
-
"text": "Event"
|
|
4516
|
-
}
|
|
4517
|
-
}
|
|
4518
|
-
]
|
|
4350
|
+
"name": "value",
|
|
4351
|
+
"type": {
|
|
4352
|
+
"text": "string"
|
|
4353
|
+
},
|
|
4354
|
+
"default": "''",
|
|
4355
|
+
"description": "The current value of the color picker. The value's format will vary based the `format` attribute. To get the value\nin a specific format, use the `getFormattedValue()` method. The value is submitted as a name/value pair with form\ndata.",
|
|
4356
|
+
"attribute": "value"
|
|
4519
4357
|
},
|
|
4520
4358
|
{
|
|
4521
|
-
"kind": "
|
|
4522
|
-
"name": "
|
|
4523
|
-
"
|
|
4359
|
+
"kind": "field",
|
|
4360
|
+
"name": "defaultValue",
|
|
4361
|
+
"type": {
|
|
4362
|
+
"text": "string"
|
|
4363
|
+
},
|
|
4364
|
+
"default": "''",
|
|
4365
|
+
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
4524
4366
|
},
|
|
4525
4367
|
{
|
|
4526
|
-
"kind": "
|
|
4527
|
-
"name": "
|
|
4528
|
-
"
|
|
4529
|
-
|
|
4530
|
-
|
|
4531
|
-
|
|
4532
|
-
|
|
4533
|
-
|
|
4368
|
+
"kind": "field",
|
|
4369
|
+
"name": "label",
|
|
4370
|
+
"type": {
|
|
4371
|
+
"text": "string"
|
|
4372
|
+
},
|
|
4373
|
+
"default": "''",
|
|
4374
|
+
"description": "The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to\ndisplay HTML, you can use the `label` slot` instead.",
|
|
4375
|
+
"attribute": "label"
|
|
4534
4376
|
},
|
|
4535
4377
|
{
|
|
4536
|
-
"kind": "
|
|
4537
|
-
"name": "
|
|
4538
|
-
"
|
|
4378
|
+
"kind": "field",
|
|
4379
|
+
"name": "format",
|
|
4380
|
+
"type": {
|
|
4381
|
+
"text": "'hex' | 'rgb' | 'hsl' | 'hsv'"
|
|
4382
|
+
},
|
|
4383
|
+
"default": "'hex'",
|
|
4384
|
+
"description": "The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color\npicker will accept user input in any format (including CSS color names) and convert it to the desired format.",
|
|
4385
|
+
"attribute": "format"
|
|
4539
4386
|
},
|
|
4540
4387
|
{
|
|
4541
|
-
"kind": "
|
|
4542
|
-
"name": "
|
|
4543
|
-
"
|
|
4388
|
+
"kind": "field",
|
|
4389
|
+
"name": "inline",
|
|
4390
|
+
"type": {
|
|
4391
|
+
"text": "boolean"
|
|
4392
|
+
},
|
|
4393
|
+
"default": "false",
|
|
4394
|
+
"description": "Renders the color picker inline rather than in a dropdown.",
|
|
4395
|
+
"attribute": "inline",
|
|
4396
|
+
"reflects": true
|
|
4544
4397
|
},
|
|
4545
4398
|
{
|
|
4546
|
-
"kind": "
|
|
4547
|
-
"name": "
|
|
4548
|
-
"
|
|
4399
|
+
"kind": "field",
|
|
4400
|
+
"name": "size",
|
|
4401
|
+
"type": {
|
|
4402
|
+
"text": "'small' | 'medium' | 'large'"
|
|
4403
|
+
},
|
|
4404
|
+
"default": "'medium'",
|
|
4405
|
+
"description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
|
|
4406
|
+
"attribute": "size",
|
|
4407
|
+
"reflects": true
|
|
4549
4408
|
},
|
|
4550
4409
|
{
|
|
4551
|
-
"kind": "
|
|
4552
|
-
"name": "
|
|
4553
|
-
"privacy": "private"
|
|
4554
|
-
}
|
|
4555
|
-
],
|
|
4556
|
-
"attributes": [
|
|
4557
|
-
{
|
|
4558
|
-
"name": "name",
|
|
4410
|
+
"kind": "field",
|
|
4411
|
+
"name": "noFormatToggle",
|
|
4559
4412
|
"type": {
|
|
4560
|
-
"text": "
|
|
4413
|
+
"text": "boolean"
|
|
4561
4414
|
},
|
|
4562
|
-
"default": "
|
|
4563
|
-
"description": "
|
|
4564
|
-
"
|
|
4415
|
+
"default": "false",
|
|
4416
|
+
"description": "Removes the button that lets users toggle between format.",
|
|
4417
|
+
"attribute": "no-format-toggle"
|
|
4565
4418
|
},
|
|
4566
4419
|
{
|
|
4567
|
-
"
|
|
4420
|
+
"kind": "field",
|
|
4421
|
+
"name": "name",
|
|
4568
4422
|
"type": {
|
|
4569
4423
|
"text": "string"
|
|
4570
4424
|
},
|
|
4571
4425
|
"default": "''",
|
|
4572
|
-
"description": "
|
|
4573
|
-
"
|
|
4426
|
+
"description": "The name of the form control, submitted as a name/value pair with form data.",
|
|
4427
|
+
"attribute": "name"
|
|
4574
4428
|
},
|
|
4575
4429
|
{
|
|
4576
|
-
"
|
|
4430
|
+
"kind": "field",
|
|
4431
|
+
"name": "disabled",
|
|
4577
4432
|
"type": {
|
|
4578
4433
|
"text": "boolean"
|
|
4579
4434
|
},
|
|
4580
4435
|
"default": "false",
|
|
4581
|
-
"description": "
|
|
4582
|
-
"
|
|
4436
|
+
"description": "Disables the color picker.",
|
|
4437
|
+
"attribute": "disabled",
|
|
4438
|
+
"reflects": true
|
|
4583
4439
|
},
|
|
4584
4440
|
{
|
|
4585
|
-
"
|
|
4441
|
+
"kind": "field",
|
|
4442
|
+
"name": "placement",
|
|
4586
4443
|
"type": {
|
|
4587
|
-
"text": "
|
|
4444
|
+
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
4588
4445
|
},
|
|
4589
|
-
"
|
|
4446
|
+
"default": "'bottom-start'",
|
|
4447
|
+
"description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
|
|
4448
|
+
"attribute": "placement",
|
|
4449
|
+
"reflects": true
|
|
4590
4450
|
},
|
|
4591
4451
|
{
|
|
4592
|
-
"
|
|
4452
|
+
"kind": "field",
|
|
4453
|
+
"name": "distance",
|
|
4593
4454
|
"type": {
|
|
4594
|
-
"text": "
|
|
4455
|
+
"text": "number"
|
|
4595
4456
|
},
|
|
4596
|
-
"
|
|
4457
|
+
"default": "0",
|
|
4458
|
+
"description": "The distance in pixels from which to offset the panel away from its trigger.",
|
|
4459
|
+
"attribute": "distance"
|
|
4597
4460
|
},
|
|
4598
4461
|
{
|
|
4599
|
-
"
|
|
4462
|
+
"kind": "field",
|
|
4463
|
+
"name": "skidding",
|
|
4600
4464
|
"type": {
|
|
4601
|
-
"text": "
|
|
4465
|
+
"text": "number"
|
|
4602
4466
|
},
|
|
4603
|
-
"default": "
|
|
4604
|
-
"
|
|
4467
|
+
"default": "0",
|
|
4468
|
+
"description": "The distance in pixels from which to offset the panel along its trigger.",
|
|
4469
|
+
"attribute": "skidding"
|
|
4605
4470
|
},
|
|
4606
4471
|
{
|
|
4607
|
-
"
|
|
4472
|
+
"kind": "field",
|
|
4473
|
+
"name": "hoist",
|
|
4608
4474
|
"type": {
|
|
4609
4475
|
"text": "boolean"
|
|
4610
4476
|
},
|
|
4611
4477
|
"default": "false",
|
|
4612
|
-
"
|
|
4478
|
+
"description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
|
|
4479
|
+
"attribute": "hoist"
|
|
4613
4480
|
},
|
|
4614
4481
|
{
|
|
4615
|
-
"
|
|
4482
|
+
"kind": "field",
|
|
4483
|
+
"name": "opacity",
|
|
4616
4484
|
"type": {
|
|
4617
|
-
"text": "
|
|
4485
|
+
"text": "boolean"
|
|
4618
4486
|
},
|
|
4619
|
-
"default": "
|
|
4620
|
-
"
|
|
4621
|
-
|
|
4487
|
+
"default": "false",
|
|
4488
|
+
"description": "Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA.",
|
|
4489
|
+
"attribute": "opacity"
|
|
4490
|
+
},
|
|
4491
|
+
{
|
|
4492
|
+
"kind": "field",
|
|
4493
|
+
"name": "uppercase",
|
|
4494
|
+
"type": {
|
|
4495
|
+
"text": "boolean"
|
|
4622
4496
|
},
|
|
4623
|
-
"
|
|
4497
|
+
"default": "false",
|
|
4498
|
+
"description": "By default, values are lowercase. With this attribute, values will be uppercase instead.",
|
|
4499
|
+
"attribute": "uppercase"
|
|
4624
4500
|
},
|
|
4625
4501
|
{
|
|
4502
|
+
"kind": "field",
|
|
4626
4503
|
"name": "swatches",
|
|
4627
4504
|
"type": {
|
|
4628
4505
|
"text": "string | string[]"
|
|
4629
4506
|
},
|
|
4630
4507
|
"default": "''",
|
|
4631
4508
|
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
4632
|
-
"
|
|
4633
|
-
}
|
|
4634
|
-
],
|
|
4635
|
-
"superclass": {
|
|
4636
|
-
"name": "FlowRdfElement",
|
|
4637
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
4638
|
-
},
|
|
4639
|
-
"tagName": "flow-ui-color-stop",
|
|
4640
|
-
"summary": "A single color stop used by the `flow-ui-color-mapper` component.",
|
|
4641
|
-
"customElement": true
|
|
4642
|
-
}
|
|
4643
|
-
],
|
|
4644
|
-
"exports": [
|
|
4645
|
-
{
|
|
4646
|
-
"kind": "js",
|
|
4647
|
-
"name": "default",
|
|
4648
|
-
"declaration": {
|
|
4649
|
-
"name": "FlowColorStopComponent",
|
|
4650
|
-
"module": "components/color-mapper/color-stop.component.js"
|
|
4651
|
-
}
|
|
4652
|
-
},
|
|
4653
|
-
{
|
|
4654
|
-
"kind": "custom-element-definition",
|
|
4655
|
-
"name": "flow-ui-color-stop",
|
|
4656
|
-
"declaration": {
|
|
4657
|
-
"name": "FlowColorStopComponent",
|
|
4658
|
-
"module": "components/color-mapper/color-stop.component.js"
|
|
4659
|
-
}
|
|
4660
|
-
}
|
|
4661
|
-
]
|
|
4662
|
-
},
|
|
4663
|
-
{
|
|
4664
|
-
"kind": "javascript-module",
|
|
4665
|
-
"path": "components/color-mapper/helpers.js",
|
|
4666
|
-
"declarations": [
|
|
4667
|
-
{
|
|
4668
|
-
"kind": "function",
|
|
4669
|
-
"name": "colorMapperValueToMaplibreExpression",
|
|
4670
|
-
"return": {
|
|
4671
|
-
"type": {
|
|
4672
|
-
"text": "string"
|
|
4673
|
-
}
|
|
4674
|
-
},
|
|
4675
|
-
"parameters": [
|
|
4676
|
-
{
|
|
4677
|
-
"name": "value",
|
|
4678
|
-
"type": {
|
|
4679
|
-
"text": "ColorMapperValue"
|
|
4680
|
-
}
|
|
4681
|
-
}
|
|
4682
|
-
]
|
|
4683
|
-
},
|
|
4684
|
-
{
|
|
4685
|
-
"kind": "function",
|
|
4686
|
-
"name": "escapeMaplibreString",
|
|
4687
|
-
"parameters": [
|
|
4509
|
+
"attribute": "swatches"
|
|
4510
|
+
},
|
|
4688
4511
|
{
|
|
4689
|
-
"
|
|
4512
|
+
"kind": "field",
|
|
4513
|
+
"name": "form",
|
|
4690
4514
|
"type": {
|
|
4691
4515
|
"text": "string"
|
|
4692
|
-
}
|
|
4693
|
-
|
|
4694
|
-
|
|
4695
|
-
|
|
4696
|
-
|
|
4697
|
-
"exports": [
|
|
4698
|
-
{
|
|
4699
|
-
"kind": "js",
|
|
4700
|
-
"name": "colorMapperValueToMaplibreExpression",
|
|
4701
|
-
"declaration": {
|
|
4702
|
-
"name": "colorMapperValueToMaplibreExpression",
|
|
4703
|
-
"module": "components/color-mapper/helpers.js"
|
|
4704
|
-
}
|
|
4705
|
-
},
|
|
4706
|
-
{
|
|
4707
|
-
"kind": "js",
|
|
4708
|
-
"name": "escapeMaplibreString",
|
|
4709
|
-
"declaration": {
|
|
4710
|
-
"name": "escapeMaplibreString",
|
|
4711
|
-
"module": "components/color-mapper/helpers.js"
|
|
4712
|
-
}
|
|
4713
|
-
}
|
|
4714
|
-
]
|
|
4715
|
-
},
|
|
4716
|
-
{
|
|
4717
|
-
"kind": "javascript-module",
|
|
4718
|
-
"path": "components/color-mapper/index.js",
|
|
4719
|
-
"declarations": [],
|
|
4720
|
-
"exports": [
|
|
4721
|
-
{
|
|
4722
|
-
"kind": "js",
|
|
4723
|
-
"name": "FlowColorMapper",
|
|
4724
|
-
"declaration": {
|
|
4725
|
-
"name": "default",
|
|
4726
|
-
"module": "./color-mapper.component"
|
|
4727
|
-
}
|
|
4728
|
-
},
|
|
4729
|
-
{
|
|
4730
|
-
"kind": "js",
|
|
4731
|
-
"name": "FlowColorStop",
|
|
4732
|
-
"declaration": {
|
|
4733
|
-
"name": "default",
|
|
4734
|
-
"module": "./color-stop.component"
|
|
4735
|
-
}
|
|
4736
|
-
},
|
|
4737
|
-
{
|
|
4738
|
-
"kind": "js",
|
|
4739
|
-
"name": "*",
|
|
4740
|
-
"declaration": {
|
|
4741
|
-
"name": "*",
|
|
4742
|
-
"package": "./helpers"
|
|
4743
|
-
}
|
|
4744
|
-
},
|
|
4745
|
-
{
|
|
4746
|
-
"kind": "js",
|
|
4747
|
-
"name": "*",
|
|
4748
|
-
"declaration": {
|
|
4749
|
-
"name": "*",
|
|
4750
|
-
"package": "./types"
|
|
4751
|
-
}
|
|
4752
|
-
}
|
|
4753
|
-
]
|
|
4754
|
-
},
|
|
4755
|
-
{
|
|
4756
|
-
"kind": "javascript-module",
|
|
4757
|
-
"path": "components/color-mapper/types.js",
|
|
4758
|
-
"declarations": [],
|
|
4759
|
-
"exports": []
|
|
4760
|
-
},
|
|
4761
|
-
{
|
|
4762
|
-
"kind": "javascript-module",
|
|
4763
|
-
"path": "components/color-picker/color-picker.js",
|
|
4764
|
-
"declarations": [
|
|
4765
|
-
{
|
|
4766
|
-
"kind": "class",
|
|
4767
|
-
"description": "",
|
|
4768
|
-
"name": "FlowColorPicker",
|
|
4769
|
-
"cssProperties": [
|
|
4770
|
-
{
|
|
4771
|
-
"description": "The width of the color grid.",
|
|
4772
|
-
"name": "--grid-width"
|
|
4773
|
-
},
|
|
4774
|
-
{
|
|
4775
|
-
"description": "The height of the color grid.",
|
|
4776
|
-
"name": "--grid-height"
|
|
4777
|
-
},
|
|
4778
|
-
{
|
|
4779
|
-
"description": "The size of the color grid's handle.",
|
|
4780
|
-
"name": "--grid-handle-size"
|
|
4781
|
-
},
|
|
4782
|
-
{
|
|
4783
|
-
"description": "The height of the hue and alpha sliders.",
|
|
4784
|
-
"name": "--slider-height"
|
|
4785
|
-
},
|
|
4786
|
-
{
|
|
4787
|
-
"description": "The diameter of the slider's handle.",
|
|
4788
|
-
"name": "--slider-handle-size"
|
|
4789
|
-
},
|
|
4790
|
-
{
|
|
4791
|
-
"description": "The size of each predefined color swatch.",
|
|
4792
|
-
"name": "--swatch-size"
|
|
4793
|
-
}
|
|
4794
|
-
],
|
|
4795
|
-
"cssParts": [
|
|
4796
|
-
{
|
|
4797
|
-
"description": "The component's base wrapper.",
|
|
4798
|
-
"name": "base"
|
|
4516
|
+
},
|
|
4517
|
+
"default": "''",
|
|
4518
|
+
"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.",
|
|
4519
|
+
"attribute": "form",
|
|
4520
|
+
"reflects": true
|
|
4799
4521
|
},
|
|
4800
4522
|
{
|
|
4801
|
-
"
|
|
4802
|
-
"name": "
|
|
4523
|
+
"kind": "field",
|
|
4524
|
+
"name": "required",
|
|
4525
|
+
"type": {
|
|
4526
|
+
"text": "boolean"
|
|
4527
|
+
},
|
|
4528
|
+
"default": "false",
|
|
4529
|
+
"description": "Makes the color picker a required field.",
|
|
4530
|
+
"attribute": "required",
|
|
4531
|
+
"reflects": true
|
|
4803
4532
|
},
|
|
4804
4533
|
{
|
|
4805
|
-
"
|
|
4806
|
-
"name": "
|
|
4534
|
+
"kind": "field",
|
|
4535
|
+
"name": "validity",
|
|
4536
|
+
"description": "Gets the validity state object",
|
|
4537
|
+
"readonly": true
|
|
4807
4538
|
},
|
|
4808
4539
|
{
|
|
4809
|
-
"
|
|
4810
|
-
"name": "
|
|
4540
|
+
"kind": "field",
|
|
4541
|
+
"name": "validationMessage",
|
|
4542
|
+
"description": "Gets the validation message",
|
|
4543
|
+
"readonly": true
|
|
4811
4544
|
},
|
|
4812
4545
|
{
|
|
4813
|
-
"
|
|
4814
|
-
"name": "
|
|
4546
|
+
"kind": "method",
|
|
4547
|
+
"name": "handleCopy",
|
|
4548
|
+
"privacy": "private"
|
|
4815
4549
|
},
|
|
4816
4550
|
{
|
|
4817
|
-
"
|
|
4818
|
-
"name": "
|
|
4551
|
+
"kind": "method",
|
|
4552
|
+
"name": "handleFocusIn",
|
|
4553
|
+
"privacy": "private"
|
|
4819
4554
|
},
|
|
4820
4555
|
{
|
|
4821
|
-
"
|
|
4822
|
-
"name": "
|
|
4556
|
+
"kind": "method",
|
|
4557
|
+
"name": "handleFocusOut",
|
|
4558
|
+
"privacy": "private"
|
|
4823
4559
|
},
|
|
4824
4560
|
{
|
|
4825
|
-
"
|
|
4826
|
-
"name": "
|
|
4561
|
+
"kind": "method",
|
|
4562
|
+
"name": "handleFormatToggle",
|
|
4563
|
+
"privacy": "private"
|
|
4827
4564
|
},
|
|
4828
4565
|
{
|
|
4829
|
-
"
|
|
4830
|
-
"name": "
|
|
4566
|
+
"kind": "method",
|
|
4567
|
+
"name": "handleAlphaDrag",
|
|
4568
|
+
"privacy": "private",
|
|
4569
|
+
"parameters": [
|
|
4570
|
+
{
|
|
4571
|
+
"name": "event",
|
|
4572
|
+
"type": {
|
|
4573
|
+
"text": "PointerEvent"
|
|
4574
|
+
}
|
|
4575
|
+
}
|
|
4576
|
+
]
|
|
4831
4577
|
},
|
|
4832
4578
|
{
|
|
4833
|
-
"
|
|
4834
|
-
"name": "
|
|
4579
|
+
"kind": "method",
|
|
4580
|
+
"name": "handleHueDrag",
|
|
4581
|
+
"privacy": "private",
|
|
4582
|
+
"parameters": [
|
|
4583
|
+
{
|
|
4584
|
+
"name": "event",
|
|
4585
|
+
"type": {
|
|
4586
|
+
"text": "PointerEvent"
|
|
4587
|
+
}
|
|
4588
|
+
}
|
|
4589
|
+
]
|
|
4835
4590
|
},
|
|
4836
4591
|
{
|
|
4837
|
-
"
|
|
4838
|
-
"name": "
|
|
4592
|
+
"kind": "method",
|
|
4593
|
+
"name": "handleGridDrag",
|
|
4594
|
+
"privacy": "private",
|
|
4595
|
+
"parameters": [
|
|
4596
|
+
{
|
|
4597
|
+
"name": "event",
|
|
4598
|
+
"type": {
|
|
4599
|
+
"text": "PointerEvent"
|
|
4600
|
+
}
|
|
4601
|
+
}
|
|
4602
|
+
]
|
|
4839
4603
|
},
|
|
4840
4604
|
{
|
|
4841
|
-
"
|
|
4842
|
-
"name": "
|
|
4605
|
+
"kind": "method",
|
|
4606
|
+
"name": "handleAlphaKeyDown",
|
|
4607
|
+
"privacy": "private",
|
|
4608
|
+
"parameters": [
|
|
4609
|
+
{
|
|
4610
|
+
"name": "event",
|
|
4611
|
+
"type": {
|
|
4612
|
+
"text": "KeyboardEvent"
|
|
4613
|
+
}
|
|
4614
|
+
}
|
|
4615
|
+
]
|
|
4843
4616
|
},
|
|
4844
4617
|
{
|
|
4845
|
-
"
|
|
4846
|
-
"name": "
|
|
4618
|
+
"kind": "method",
|
|
4619
|
+
"name": "handleHueKeyDown",
|
|
4620
|
+
"privacy": "private",
|
|
4621
|
+
"parameters": [
|
|
4622
|
+
{
|
|
4623
|
+
"name": "event",
|
|
4624
|
+
"type": {
|
|
4625
|
+
"text": "KeyboardEvent"
|
|
4626
|
+
}
|
|
4627
|
+
}
|
|
4628
|
+
]
|
|
4847
4629
|
},
|
|
4848
4630
|
{
|
|
4849
|
-
"
|
|
4850
|
-
"name": "
|
|
4631
|
+
"kind": "method",
|
|
4632
|
+
"name": "handleGridKeyDown",
|
|
4633
|
+
"privacy": "private",
|
|
4634
|
+
"parameters": [
|
|
4635
|
+
{
|
|
4636
|
+
"name": "event",
|
|
4637
|
+
"type": {
|
|
4638
|
+
"text": "KeyboardEvent"
|
|
4639
|
+
}
|
|
4640
|
+
}
|
|
4641
|
+
]
|
|
4851
4642
|
},
|
|
4852
4643
|
{
|
|
4853
|
-
"
|
|
4854
|
-
"name": "
|
|
4644
|
+
"kind": "method",
|
|
4645
|
+
"name": "handleInputChange",
|
|
4646
|
+
"privacy": "private",
|
|
4647
|
+
"parameters": [
|
|
4648
|
+
{
|
|
4649
|
+
"name": "event",
|
|
4650
|
+
"type": {
|
|
4651
|
+
"text": "Event"
|
|
4652
|
+
}
|
|
4653
|
+
}
|
|
4654
|
+
]
|
|
4855
4655
|
},
|
|
4856
4656
|
{
|
|
4857
|
-
"
|
|
4858
|
-
"name": "
|
|
4657
|
+
"kind": "method",
|
|
4658
|
+
"name": "handleInputInput",
|
|
4659
|
+
"privacy": "private",
|
|
4660
|
+
"parameters": [
|
|
4661
|
+
{
|
|
4662
|
+
"name": "event",
|
|
4663
|
+
"type": {
|
|
4664
|
+
"text": "Event"
|
|
4665
|
+
}
|
|
4666
|
+
}
|
|
4667
|
+
]
|
|
4859
4668
|
},
|
|
4860
4669
|
{
|
|
4861
|
-
"
|
|
4862
|
-
"name": "
|
|
4670
|
+
"kind": "method",
|
|
4671
|
+
"name": "handleInputKeyDown",
|
|
4672
|
+
"privacy": "private",
|
|
4673
|
+
"parameters": [
|
|
4674
|
+
{
|
|
4675
|
+
"name": "event",
|
|
4676
|
+
"type": {
|
|
4677
|
+
"text": "KeyboardEvent"
|
|
4678
|
+
}
|
|
4679
|
+
}
|
|
4680
|
+
]
|
|
4863
4681
|
},
|
|
4864
4682
|
{
|
|
4865
|
-
"
|
|
4866
|
-
"name": "
|
|
4683
|
+
"kind": "method",
|
|
4684
|
+
"name": "handleInputInvalid",
|
|
4685
|
+
"privacy": "private",
|
|
4686
|
+
"parameters": [
|
|
4687
|
+
{
|
|
4688
|
+
"name": "event",
|
|
4689
|
+
"type": {
|
|
4690
|
+
"text": "Event"
|
|
4691
|
+
}
|
|
4692
|
+
}
|
|
4693
|
+
]
|
|
4867
4694
|
},
|
|
4868
4695
|
{
|
|
4869
|
-
"
|
|
4870
|
-
"name": "
|
|
4696
|
+
"kind": "method",
|
|
4697
|
+
"name": "handleTouchMove",
|
|
4698
|
+
"privacy": "private",
|
|
4699
|
+
"parameters": [
|
|
4700
|
+
{
|
|
4701
|
+
"name": "event",
|
|
4702
|
+
"type": {
|
|
4703
|
+
"text": "TouchEvent"
|
|
4704
|
+
}
|
|
4705
|
+
}
|
|
4706
|
+
]
|
|
4871
4707
|
},
|
|
4872
4708
|
{
|
|
4873
|
-
"
|
|
4874
|
-
"name": "
|
|
4709
|
+
"kind": "method",
|
|
4710
|
+
"name": "parseColor",
|
|
4711
|
+
"privacy": "private",
|
|
4712
|
+
"parameters": [
|
|
4713
|
+
{
|
|
4714
|
+
"name": "colorString",
|
|
4715
|
+
"type": {
|
|
4716
|
+
"text": "string"
|
|
4717
|
+
}
|
|
4718
|
+
}
|
|
4719
|
+
]
|
|
4875
4720
|
},
|
|
4876
4721
|
{
|
|
4877
|
-
"
|
|
4878
|
-
"name": "
|
|
4722
|
+
"kind": "method",
|
|
4723
|
+
"name": "setColor",
|
|
4724
|
+
"privacy": "private",
|
|
4725
|
+
"parameters": [
|
|
4726
|
+
{
|
|
4727
|
+
"name": "colorString",
|
|
4728
|
+
"type": {
|
|
4729
|
+
"text": "string"
|
|
4730
|
+
}
|
|
4731
|
+
}
|
|
4732
|
+
]
|
|
4879
4733
|
},
|
|
4880
4734
|
{
|
|
4881
|
-
"
|
|
4882
|
-
"name": "
|
|
4735
|
+
"kind": "method",
|
|
4736
|
+
"name": "setLetterCase",
|
|
4737
|
+
"privacy": "private",
|
|
4738
|
+
"parameters": [
|
|
4739
|
+
{
|
|
4740
|
+
"name": "string",
|
|
4741
|
+
"type": {
|
|
4742
|
+
"text": "string"
|
|
4743
|
+
}
|
|
4744
|
+
}
|
|
4745
|
+
]
|
|
4883
4746
|
},
|
|
4884
4747
|
{
|
|
4885
|
-
"
|
|
4886
|
-
"name": "
|
|
4748
|
+
"kind": "method",
|
|
4749
|
+
"name": "syncValues",
|
|
4750
|
+
"privacy": "private"
|
|
4887
4751
|
},
|
|
4888
4752
|
{
|
|
4889
|
-
"
|
|
4890
|
-
"name": "
|
|
4753
|
+
"kind": "method",
|
|
4754
|
+
"name": "handleAfterHide",
|
|
4755
|
+
"privacy": "private"
|
|
4891
4756
|
},
|
|
4892
4757
|
{
|
|
4893
|
-
"
|
|
4894
|
-
"name": "
|
|
4758
|
+
"kind": "method",
|
|
4759
|
+
"name": "handleEyeDropper",
|
|
4760
|
+
"privacy": "private"
|
|
4895
4761
|
},
|
|
4896
4762
|
{
|
|
4897
|
-
"
|
|
4898
|
-
"name": "
|
|
4899
|
-
}
|
|
4900
|
-
],
|
|
4901
|
-
"slots": [
|
|
4902
|
-
{
|
|
4903
|
-
"description": "The color picker's form label. Alternatively, you can use the `label` attribute.",
|
|
4904
|
-
"name": "label"
|
|
4905
|
-
}
|
|
4906
|
-
],
|
|
4907
|
-
"members": [
|
|
4908
|
-
{
|
|
4909
|
-
"kind": "field",
|
|
4910
|
-
"name": "formControlController",
|
|
4763
|
+
"kind": "method",
|
|
4764
|
+
"name": "selectSwatch",
|
|
4911
4765
|
"privacy": "private",
|
|
4912
|
-
"
|
|
4913
|
-
|
|
4766
|
+
"parameters": [
|
|
4767
|
+
{
|
|
4768
|
+
"name": "color",
|
|
4769
|
+
"type": {
|
|
4770
|
+
"text": "string"
|
|
4771
|
+
}
|
|
4772
|
+
}
|
|
4773
|
+
]
|
|
4914
4774
|
},
|
|
4915
4775
|
{
|
|
4916
|
-
"kind": "
|
|
4917
|
-
"name": "
|
|
4918
|
-
"type": {
|
|
4919
|
-
"text": "boolean"
|
|
4920
|
-
},
|
|
4776
|
+
"kind": "method",
|
|
4777
|
+
"name": "getHexString",
|
|
4921
4778
|
"privacy": "private",
|
|
4922
|
-
"
|
|
4779
|
+
"parameters": [
|
|
4780
|
+
{
|
|
4781
|
+
"name": "hue",
|
|
4782
|
+
"type": {
|
|
4783
|
+
"text": "number"
|
|
4784
|
+
}
|
|
4785
|
+
},
|
|
4786
|
+
{
|
|
4787
|
+
"name": "saturation",
|
|
4788
|
+
"type": {
|
|
4789
|
+
"text": "number"
|
|
4790
|
+
}
|
|
4791
|
+
},
|
|
4792
|
+
{
|
|
4793
|
+
"name": "brightness",
|
|
4794
|
+
"type": {
|
|
4795
|
+
"text": "number"
|
|
4796
|
+
}
|
|
4797
|
+
},
|
|
4798
|
+
{
|
|
4799
|
+
"name": "alpha",
|
|
4800
|
+
"default": "100"
|
|
4801
|
+
}
|
|
4802
|
+
],
|
|
4803
|
+
"description": "Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100."
|
|
4923
4804
|
},
|
|
4924
4805
|
{
|
|
4925
|
-
"kind": "
|
|
4926
|
-
"name": "
|
|
4806
|
+
"kind": "method",
|
|
4807
|
+
"name": "stopNestedEventPropagation",
|
|
4927
4808
|
"privacy": "private",
|
|
4928
|
-
"
|
|
4929
|
-
|
|
4809
|
+
"parameters": [
|
|
4810
|
+
{
|
|
4811
|
+
"name": "event",
|
|
4812
|
+
"type": {
|
|
4813
|
+
"text": "CustomEvent"
|
|
4814
|
+
}
|
|
4815
|
+
}
|
|
4816
|
+
]
|
|
4930
4817
|
},
|
|
4931
4818
|
{
|
|
4932
|
-
"kind": "
|
|
4933
|
-
"name": "
|
|
4934
|
-
"type": {
|
|
4935
|
-
"text": "HTMLElement"
|
|
4936
|
-
}
|
|
4819
|
+
"kind": "method",
|
|
4820
|
+
"name": "handleFormatChange"
|
|
4937
4821
|
},
|
|
4938
4822
|
{
|
|
4939
|
-
"kind": "
|
|
4940
|
-
"name": "
|
|
4941
|
-
"type": {
|
|
4942
|
-
"text": "FlowInput"
|
|
4943
|
-
}
|
|
4823
|
+
"kind": "method",
|
|
4824
|
+
"name": "handleOpacityChange"
|
|
4944
4825
|
},
|
|
4945
4826
|
{
|
|
4946
|
-
"kind": "
|
|
4947
|
-
"name": "
|
|
4948
|
-
"
|
|
4949
|
-
|
|
4950
|
-
|
|
4827
|
+
"kind": "method",
|
|
4828
|
+
"name": "handleValueChange",
|
|
4829
|
+
"parameters": [
|
|
4830
|
+
{
|
|
4831
|
+
"name": "oldValue",
|
|
4832
|
+
"type": {
|
|
4833
|
+
"text": "string | undefined"
|
|
4834
|
+
}
|
|
4835
|
+
},
|
|
4836
|
+
{
|
|
4837
|
+
"name": "newValue",
|
|
4838
|
+
"type": {
|
|
4839
|
+
"text": "string"
|
|
4840
|
+
}
|
|
4841
|
+
}
|
|
4842
|
+
]
|
|
4951
4843
|
},
|
|
4952
4844
|
{
|
|
4953
|
-
"kind": "
|
|
4954
|
-
"name": "
|
|
4955
|
-
"
|
|
4956
|
-
|
|
4957
|
-
|
|
4845
|
+
"kind": "method",
|
|
4846
|
+
"name": "focus",
|
|
4847
|
+
"parameters": [
|
|
4848
|
+
{
|
|
4849
|
+
"name": "options",
|
|
4850
|
+
"optional": true,
|
|
4851
|
+
"type": {
|
|
4852
|
+
"text": "FocusOptions"
|
|
4853
|
+
}
|
|
4854
|
+
}
|
|
4855
|
+
],
|
|
4856
|
+
"description": "Sets focus on the color picker."
|
|
4958
4857
|
},
|
|
4959
4858
|
{
|
|
4960
|
-
"kind": "
|
|
4961
|
-
"name": "
|
|
4962
|
-
"
|
|
4963
|
-
"text": "HTMLButtonElement"
|
|
4964
|
-
}
|
|
4859
|
+
"kind": "method",
|
|
4860
|
+
"name": "blur",
|
|
4861
|
+
"description": "Removes focus from the color picker."
|
|
4965
4862
|
},
|
|
4966
4863
|
{
|
|
4967
|
-
"kind": "
|
|
4968
|
-
"name": "
|
|
4969
|
-
"
|
|
4970
|
-
|
|
4971
|
-
|
|
4972
|
-
|
|
4973
|
-
|
|
4864
|
+
"kind": "method",
|
|
4865
|
+
"name": "getFormattedValue",
|
|
4866
|
+
"parameters": [
|
|
4867
|
+
{
|
|
4868
|
+
"name": "format",
|
|
4869
|
+
"default": "'hex'",
|
|
4870
|
+
"type": {
|
|
4871
|
+
"text": "'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva'"
|
|
4872
|
+
}
|
|
4873
|
+
}
|
|
4874
|
+
],
|
|
4875
|
+
"description": "Returns the current value as a string in the specified format."
|
|
4974
4876
|
},
|
|
4975
4877
|
{
|
|
4976
|
-
"kind": "
|
|
4977
|
-
"name": "
|
|
4978
|
-
"
|
|
4979
|
-
"text": "boolean"
|
|
4980
|
-
},
|
|
4981
|
-
"privacy": "private",
|
|
4982
|
-
"default": "false"
|
|
4878
|
+
"kind": "method",
|
|
4879
|
+
"name": "checkValidity",
|
|
4880
|
+
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
4983
4881
|
},
|
|
4984
4882
|
{
|
|
4985
|
-
"kind": "
|
|
4986
|
-
"name": "
|
|
4987
|
-
"
|
|
4988
|
-
"
|
|
4883
|
+
"kind": "method",
|
|
4884
|
+
"name": "getForm",
|
|
4885
|
+
"return": {
|
|
4886
|
+
"type": {
|
|
4887
|
+
"text": "HTMLFormElement | null"
|
|
4888
|
+
}
|
|
4989
4889
|
},
|
|
4990
|
-
"
|
|
4991
|
-
"default": "false"
|
|
4890
|
+
"description": "Gets the associated form, if one exists."
|
|
4992
4891
|
},
|
|
4993
4892
|
{
|
|
4994
|
-
"kind": "
|
|
4995
|
-
"name": "
|
|
4996
|
-
"
|
|
4997
|
-
"text": "string"
|
|
4998
|
-
},
|
|
4999
|
-
"privacy": "private",
|
|
5000
|
-
"default": "''"
|
|
4893
|
+
"kind": "method",
|
|
4894
|
+
"name": "reportValidity",
|
|
4895
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
5001
4896
|
},
|
|
5002
4897
|
{
|
|
5003
|
-
"kind": "
|
|
5004
|
-
"name": "
|
|
5005
|
-
"
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
5009
|
-
|
|
4898
|
+
"kind": "method",
|
|
4899
|
+
"name": "setCustomValidity",
|
|
4900
|
+
"parameters": [
|
|
4901
|
+
{
|
|
4902
|
+
"name": "message",
|
|
4903
|
+
"type": {
|
|
4904
|
+
"text": "string"
|
|
4905
|
+
}
|
|
4906
|
+
}
|
|
4907
|
+
],
|
|
4908
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
4909
|
+
}
|
|
4910
|
+
],
|
|
4911
|
+
"events": [
|
|
4912
|
+
{
|
|
4913
|
+
"description": "Emitted when the color picker loses focus.",
|
|
4914
|
+
"name": "flow-ui-blur",
|
|
4915
|
+
"reactName": "onFlowUiBlur"
|
|
5010
4916
|
},
|
|
5011
4917
|
{
|
|
5012
|
-
"
|
|
5013
|
-
"name": "
|
|
5014
|
-
"
|
|
5015
|
-
"text": "number"
|
|
5016
|
-
},
|
|
5017
|
-
"privacy": "private",
|
|
5018
|
-
"default": "100"
|
|
4918
|
+
"description": "Emitted when the color picker's value changes.",
|
|
4919
|
+
"name": "flow-ui-change",
|
|
4920
|
+
"reactName": "onFlowUiChange"
|
|
5019
4921
|
},
|
|
5020
4922
|
{
|
|
5021
|
-
"
|
|
5022
|
-
"name": "
|
|
5023
|
-
"
|
|
5024
|
-
"text": "number"
|
|
5025
|
-
},
|
|
5026
|
-
"privacy": "private",
|
|
5027
|
-
"default": "100"
|
|
4923
|
+
"description": "Emitted when the color picker receives focus.",
|
|
4924
|
+
"name": "flow-ui-focus",
|
|
4925
|
+
"reactName": "onFlowUiFocus"
|
|
5028
4926
|
},
|
|
5029
4927
|
{
|
|
5030
|
-
"
|
|
5031
|
-
"name": "
|
|
5032
|
-
"
|
|
5033
|
-
"text": "number"
|
|
5034
|
-
},
|
|
5035
|
-
"privacy": "private",
|
|
5036
|
-
"default": "100"
|
|
4928
|
+
"description": "Emitted when the color picker receives input.",
|
|
4929
|
+
"name": "flow-ui-input",
|
|
4930
|
+
"reactName": "onFlowUiInput"
|
|
5037
4931
|
},
|
|
5038
4932
|
{
|
|
5039
|
-
"
|
|
4933
|
+
"description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
|
|
4934
|
+
"name": "flow-ui-invalid",
|
|
4935
|
+
"reactName": "onFlowUiInvalid"
|
|
4936
|
+
}
|
|
4937
|
+
],
|
|
4938
|
+
"attributes": [
|
|
4939
|
+
{
|
|
5040
4940
|
"name": "value",
|
|
5041
4941
|
"type": {
|
|
5042
4942
|
"text": "string"
|
|
5043
4943
|
},
|
|
5044
4944
|
"default": "''",
|
|
5045
4945
|
"description": "The current value of the color picker. The value's format will vary based the `format` attribute. To get the value\nin a specific format, use the `getFormattedValue()` method. The value is submitted as a name/value pair with form\ndata.",
|
|
5046
|
-
"
|
|
5047
|
-
},
|
|
5048
|
-
{
|
|
5049
|
-
"kind": "field",
|
|
5050
|
-
"name": "defaultValue",
|
|
5051
|
-
"type": {
|
|
5052
|
-
"text": "string"
|
|
5053
|
-
},
|
|
5054
|
-
"default": "''",
|
|
5055
|
-
"description": "The default value of the form control. Primarily used for resetting the form control."
|
|
4946
|
+
"fieldName": "value"
|
|
5056
4947
|
},
|
|
5057
4948
|
{
|
|
5058
|
-
"kind": "field",
|
|
5059
4949
|
"name": "label",
|
|
5060
4950
|
"type": {
|
|
5061
4951
|
"text": "string"
|
|
5062
4952
|
},
|
|
5063
4953
|
"default": "''",
|
|
5064
4954
|
"description": "The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to\ndisplay HTML, you can use the `label` slot` instead.",
|
|
5065
|
-
"
|
|
4955
|
+
"fieldName": "label"
|
|
5066
4956
|
},
|
|
5067
4957
|
{
|
|
5068
|
-
"kind": "field",
|
|
5069
4958
|
"name": "format",
|
|
5070
4959
|
"type": {
|
|
5071
4960
|
"text": "'hex' | 'rgb' | 'hsl' | 'hsv'"
|
|
5072
4961
|
},
|
|
5073
4962
|
"default": "'hex'",
|
|
5074
4963
|
"description": "The format to use. If opacity is enabled, these will translate to HEXA, RGBA, HSLA, and HSVA respectively. The color\npicker will accept user input in any format (including CSS color names) and convert it to the desired format.",
|
|
5075
|
-
"
|
|
4964
|
+
"fieldName": "format"
|
|
5076
4965
|
},
|
|
5077
4966
|
{
|
|
5078
|
-
"kind": "field",
|
|
5079
4967
|
"name": "inline",
|
|
5080
4968
|
"type": {
|
|
5081
4969
|
"text": "boolean"
|
|
5082
4970
|
},
|
|
5083
4971
|
"default": "false",
|
|
5084
4972
|
"description": "Renders the color picker inline rather than in a dropdown.",
|
|
5085
|
-
"
|
|
5086
|
-
"reflects": true
|
|
4973
|
+
"fieldName": "inline"
|
|
5087
4974
|
},
|
|
5088
4975
|
{
|
|
5089
|
-
"kind": "field",
|
|
5090
4976
|
"name": "size",
|
|
5091
4977
|
"type": {
|
|
5092
4978
|
"text": "'small' | 'medium' | 'large'"
|
|
5093
4979
|
},
|
|
5094
4980
|
"default": "'medium'",
|
|
5095
4981
|
"description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
|
|
5096
|
-
"
|
|
5097
|
-
"reflects": true
|
|
4982
|
+
"fieldName": "size"
|
|
5098
4983
|
},
|
|
5099
4984
|
{
|
|
5100
|
-
"
|
|
5101
|
-
"name": "noFormatToggle",
|
|
4985
|
+
"name": "no-format-toggle",
|
|
5102
4986
|
"type": {
|
|
5103
4987
|
"text": "boolean"
|
|
5104
4988
|
},
|
|
5105
4989
|
"default": "false",
|
|
5106
4990
|
"description": "Removes the button that lets users toggle between format.",
|
|
5107
|
-
"
|
|
4991
|
+
"fieldName": "noFormatToggle"
|
|
5108
4992
|
},
|
|
5109
4993
|
{
|
|
5110
|
-
"kind": "field",
|
|
5111
4994
|
"name": "name",
|
|
5112
4995
|
"type": {
|
|
5113
4996
|
"text": "string"
|
|
5114
4997
|
},
|
|
5115
4998
|
"default": "''",
|
|
5116
4999
|
"description": "The name of the form control, submitted as a name/value pair with form data.",
|
|
5117
|
-
"
|
|
5000
|
+
"fieldName": "name"
|
|
5118
5001
|
},
|
|
5119
5002
|
{
|
|
5120
|
-
"kind": "field",
|
|
5121
5003
|
"name": "disabled",
|
|
5122
5004
|
"type": {
|
|
5123
5005
|
"text": "boolean"
|
|
5124
5006
|
},
|
|
5125
5007
|
"default": "false",
|
|
5126
5008
|
"description": "Disables the color picker.",
|
|
5127
|
-
"
|
|
5128
|
-
"reflects": true
|
|
5009
|
+
"fieldName": "disabled"
|
|
5129
5010
|
},
|
|
5130
5011
|
{
|
|
5131
|
-
"kind": "field",
|
|
5132
5012
|
"name": "placement",
|
|
5133
5013
|
"type": {
|
|
5134
5014
|
"text": "| 'top'\n | 'top-start'\n | 'top-end'\n | 'bottom'\n | 'bottom-start'\n | 'bottom-end'\n | 'right'\n | 'right-start'\n | 'right-end'\n | 'left'\n | 'left-start'\n | 'left-end'"
|
|
5135
5015
|
},
|
|
5136
5016
|
"default": "'bottom-start'",
|
|
5137
5017
|
"description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
|
|
5138
|
-
"
|
|
5139
|
-
"reflects": true
|
|
5018
|
+
"fieldName": "placement"
|
|
5140
5019
|
},
|
|
5141
5020
|
{
|
|
5142
|
-
"kind": "field",
|
|
5143
5021
|
"name": "distance",
|
|
5144
5022
|
"type": {
|
|
5145
5023
|
"text": "number"
|
|
5146
5024
|
},
|
|
5147
5025
|
"default": "0",
|
|
5148
5026
|
"description": "The distance in pixels from which to offset the panel away from its trigger.",
|
|
5149
|
-
"
|
|
5027
|
+
"fieldName": "distance"
|
|
5150
5028
|
},
|
|
5151
5029
|
{
|
|
5152
|
-
"kind": "field",
|
|
5153
5030
|
"name": "skidding",
|
|
5154
5031
|
"type": {
|
|
5155
5032
|
"text": "number"
|
|
5156
5033
|
},
|
|
5157
5034
|
"default": "0",
|
|
5158
5035
|
"description": "The distance in pixels from which to offset the panel along its trigger.",
|
|
5159
|
-
"
|
|
5036
|
+
"fieldName": "skidding"
|
|
5160
5037
|
},
|
|
5161
5038
|
{
|
|
5162
|
-
"kind": "field",
|
|
5163
5039
|
"name": "hoist",
|
|
5164
5040
|
"type": {
|
|
5165
5041
|
"text": "boolean"
|
|
5166
5042
|
},
|
|
5167
5043
|
"default": "false",
|
|
5168
5044
|
"description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
|
|
5169
|
-
"
|
|
5045
|
+
"fieldName": "hoist"
|
|
5170
5046
|
},
|
|
5171
5047
|
{
|
|
5172
|
-
"kind": "field",
|
|
5173
5048
|
"name": "opacity",
|
|
5174
5049
|
"type": {
|
|
5175
5050
|
"text": "boolean"
|
|
5176
5051
|
},
|
|
5177
5052
|
"default": "false",
|
|
5178
5053
|
"description": "Shows the opacity slider. Enabling this will cause the formatted value to be HEXA, RGBA, or HSLA.",
|
|
5179
|
-
"
|
|
5054
|
+
"fieldName": "opacity"
|
|
5180
5055
|
},
|
|
5181
5056
|
{
|
|
5182
|
-
"kind": "field",
|
|
5183
5057
|
"name": "uppercase",
|
|
5184
5058
|
"type": {
|
|
5185
5059
|
"text": "boolean"
|
|
5186
5060
|
},
|
|
5187
5061
|
"default": "false",
|
|
5188
5062
|
"description": "By default, values are lowercase. With this attribute, values will be uppercase instead.",
|
|
5189
|
-
"
|
|
5063
|
+
"fieldName": "uppercase"
|
|
5190
5064
|
},
|
|
5191
5065
|
{
|
|
5192
|
-
"kind": "field",
|
|
5193
5066
|
"name": "swatches",
|
|
5194
5067
|
"type": {
|
|
5195
5068
|
"text": "string | string[]"
|
|
5196
5069
|
},
|
|
5197
5070
|
"default": "''",
|
|
5198
5071
|
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
5199
|
-
"
|
|
5072
|
+
"fieldName": "swatches"
|
|
5200
5073
|
},
|
|
5201
5074
|
{
|
|
5202
|
-
"kind": "field",
|
|
5203
5075
|
"name": "form",
|
|
5204
5076
|
"type": {
|
|
5205
5077
|
"text": "string"
|
|
5206
5078
|
},
|
|
5207
5079
|
"default": "''",
|
|
5208
5080
|
"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.",
|
|
5209
|
-
"
|
|
5210
|
-
"reflects": true
|
|
5081
|
+
"fieldName": "form"
|
|
5211
5082
|
},
|
|
5212
5083
|
{
|
|
5213
|
-
"kind": "field",
|
|
5214
5084
|
"name": "required",
|
|
5215
5085
|
"type": {
|
|
5216
5086
|
"text": "boolean"
|
|
5217
5087
|
},
|
|
5218
5088
|
"default": "false",
|
|
5219
5089
|
"description": "Makes the color picker a required field.",
|
|
5220
|
-
"
|
|
5221
|
-
|
|
5090
|
+
"fieldName": "required"
|
|
5091
|
+
}
|
|
5092
|
+
],
|
|
5093
|
+
"superclass": {
|
|
5094
|
+
"name": "FlowRdfElement",
|
|
5095
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
5096
|
+
},
|
|
5097
|
+
"summary": "Color pickers allow the user to select a color.",
|
|
5098
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/color-picker",
|
|
5099
|
+
"status": "stable",
|
|
5100
|
+
"since": "2.0",
|
|
5101
|
+
"dependencies": [
|
|
5102
|
+
"flow-ui-button",
|
|
5103
|
+
"flow-ui-button-group",
|
|
5104
|
+
"flow-ui-dropdown",
|
|
5105
|
+
"flow-ui-input",
|
|
5106
|
+
"flow-ui-visually-hidden"
|
|
5107
|
+
],
|
|
5108
|
+
"tagName": "flow-ui-color-picker",
|
|
5109
|
+
"customElement": true
|
|
5110
|
+
}
|
|
5111
|
+
],
|
|
5112
|
+
"exports": [
|
|
5113
|
+
{
|
|
5114
|
+
"kind": "js",
|
|
5115
|
+
"name": "default",
|
|
5116
|
+
"declaration": {
|
|
5117
|
+
"name": "FlowColorPicker",
|
|
5118
|
+
"module": "components/color-picker/color-picker.js"
|
|
5119
|
+
}
|
|
5120
|
+
},
|
|
5121
|
+
{
|
|
5122
|
+
"kind": "custom-element-definition",
|
|
5123
|
+
"name": "flow-ui-color-picker",
|
|
5124
|
+
"declaration": {
|
|
5125
|
+
"name": "FlowColorPicker",
|
|
5126
|
+
"module": "components/color-picker/color-picker.js"
|
|
5127
|
+
}
|
|
5128
|
+
}
|
|
5129
|
+
]
|
|
5130
|
+
},
|
|
5131
|
+
{
|
|
5132
|
+
"kind": "javascript-module",
|
|
5133
|
+
"path": "components/color-mapper/color-mapper.component.js",
|
|
5134
|
+
"declarations": [
|
|
5135
|
+
{
|
|
5136
|
+
"kind": "class",
|
|
5137
|
+
"description": "",
|
|
5138
|
+
"name": "FlowColorMapper",
|
|
5139
|
+
"members": [
|
|
5140
|
+
{
|
|
5141
|
+
"kind": "field",
|
|
5142
|
+
"name": "currentField",
|
|
5143
|
+
"type": {
|
|
5144
|
+
"text": "string | undefined"
|
|
5145
|
+
},
|
|
5146
|
+
"privacy": "private"
|
|
5222
5147
|
},
|
|
5223
5148
|
{
|
|
5224
5149
|
"kind": "field",
|
|
5225
|
-
"name": "
|
|
5226
|
-
"
|
|
5227
|
-
"readonly": true
|
|
5150
|
+
"name": "hasSlotController",
|
|
5151
|
+
"privacy": "private",
|
|
5152
|
+
"readonly": true,
|
|
5153
|
+
"default": "new HasSlotController(this, 'info')"
|
|
5228
5154
|
},
|
|
5229
5155
|
{
|
|
5230
5156
|
"kind": "field",
|
|
5231
|
-
"name": "
|
|
5232
|
-
"
|
|
5233
|
-
|
|
5157
|
+
"name": "modeRadioGroup",
|
|
5158
|
+
"type": {
|
|
5159
|
+
"text": "FlowRadioGroup"
|
|
5160
|
+
}
|
|
5234
5161
|
},
|
|
5235
5162
|
{
|
|
5236
|
-
"kind": "
|
|
5237
|
-
"name": "
|
|
5238
|
-
"
|
|
5163
|
+
"kind": "field",
|
|
5164
|
+
"name": "fixedColorPicker",
|
|
5165
|
+
"type": {
|
|
5166
|
+
"text": "FlowColorPicker"
|
|
5167
|
+
}
|
|
5239
5168
|
},
|
|
5240
5169
|
{
|
|
5241
|
-
"kind": "
|
|
5242
|
-
"name": "
|
|
5243
|
-
"
|
|
5170
|
+
"kind": "field",
|
|
5171
|
+
"name": "fieldSelect",
|
|
5172
|
+
"type": {
|
|
5173
|
+
"text": "FlowSelect"
|
|
5174
|
+
}
|
|
5244
5175
|
},
|
|
5245
5176
|
{
|
|
5246
|
-
"kind": "
|
|
5247
|
-
"name": "
|
|
5248
|
-
"
|
|
5177
|
+
"kind": "field",
|
|
5178
|
+
"name": "infoDialog",
|
|
5179
|
+
"type": {
|
|
5180
|
+
"text": "FlowDialog"
|
|
5181
|
+
}
|
|
5249
5182
|
},
|
|
5250
5183
|
{
|
|
5251
|
-
"kind": "
|
|
5252
|
-
"name": "
|
|
5253
|
-
"
|
|
5184
|
+
"kind": "field",
|
|
5185
|
+
"name": "field",
|
|
5186
|
+
"type": {
|
|
5187
|
+
"text": "string"
|
|
5188
|
+
},
|
|
5189
|
+
"attribute": "field"
|
|
5190
|
+
},
|
|
5191
|
+
{
|
|
5192
|
+
"kind": "field",
|
|
5193
|
+
"name": "options",
|
|
5194
|
+
"type": {
|
|
5195
|
+
"text": "ColorMapperOptions"
|
|
5196
|
+
},
|
|
5197
|
+
"attribute": "options"
|
|
5198
|
+
},
|
|
5199
|
+
{
|
|
5200
|
+
"kind": "field",
|
|
5201
|
+
"name": "value",
|
|
5202
|
+
"type": {
|
|
5203
|
+
"text": "ColorMapperValue"
|
|
5204
|
+
},
|
|
5205
|
+
"default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
|
|
5206
|
+
"attribute": "value"
|
|
5207
|
+
},
|
|
5208
|
+
{
|
|
5209
|
+
"kind": "field",
|
|
5210
|
+
"name": "size",
|
|
5211
|
+
"type": {
|
|
5212
|
+
"text": "'small' | 'medium' | 'large'"
|
|
5213
|
+
},
|
|
5214
|
+
"default": "'small'",
|
|
5215
|
+
"attribute": "size"
|
|
5216
|
+
},
|
|
5217
|
+
{
|
|
5218
|
+
"kind": "field",
|
|
5219
|
+
"name": "defaultColorStop",
|
|
5220
|
+
"type": {
|
|
5221
|
+
"text": "boolean"
|
|
5222
|
+
},
|
|
5223
|
+
"default": "false",
|
|
5224
|
+
"attribute": "defaultColorStop"
|
|
5225
|
+
},
|
|
5226
|
+
{
|
|
5227
|
+
"kind": "field",
|
|
5228
|
+
"name": "swatches",
|
|
5229
|
+
"type": {
|
|
5230
|
+
"text": "string | string[]"
|
|
5231
|
+
},
|
|
5232
|
+
"default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
|
|
5233
|
+
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
5234
|
+
"attribute": "swatches"
|
|
5254
5235
|
},
|
|
5255
5236
|
{
|
|
5256
5237
|
"kind": "method",
|
|
5257
|
-
"name": "
|
|
5238
|
+
"name": "handleFixedPickerClick",
|
|
5258
5239
|
"privacy": "private",
|
|
5259
5240
|
"parameters": [
|
|
5260
5241
|
{
|
|
5261
5242
|
"name": "event",
|
|
5262
5243
|
"type": {
|
|
5263
|
-
"text": "
|
|
5244
|
+
"text": "MouseEvent"
|
|
5264
5245
|
}
|
|
5265
5246
|
}
|
|
5266
5247
|
]
|
|
5267
5248
|
},
|
|
5268
5249
|
{
|
|
5269
5250
|
"kind": "method",
|
|
5270
|
-
"name": "
|
|
5251
|
+
"name": "handleChange",
|
|
5271
5252
|
"privacy": "private",
|
|
5272
5253
|
"parameters": [
|
|
5273
5254
|
{
|
|
5274
5255
|
"name": "event",
|
|
5275
5256
|
"type": {
|
|
5276
|
-
"text": "
|
|
5257
|
+
"text": "FlowChangeEvent"
|
|
5277
5258
|
}
|
|
5278
5259
|
}
|
|
5279
5260
|
]
|
|
5280
5261
|
},
|
|
5281
5262
|
{
|
|
5282
5263
|
"kind": "method",
|
|
5283
|
-
"name": "
|
|
5284
|
-
"privacy": "private"
|
|
5285
|
-
"parameters": [
|
|
5286
|
-
{
|
|
5287
|
-
"name": "event",
|
|
5288
|
-
"type": {
|
|
5289
|
-
"text": "PointerEvent"
|
|
5290
|
-
}
|
|
5291
|
-
}
|
|
5292
|
-
]
|
|
5264
|
+
"name": "emitChange",
|
|
5265
|
+
"privacy": "private"
|
|
5293
5266
|
},
|
|
5294
5267
|
{
|
|
5295
5268
|
"kind": "method",
|
|
5296
|
-
"name": "
|
|
5269
|
+
"name": "handleColorStopRemove",
|
|
5297
5270
|
"privacy": "private",
|
|
5298
5271
|
"parameters": [
|
|
5299
5272
|
{
|
|
5300
5273
|
"name": "event",
|
|
5301
5274
|
"type": {
|
|
5302
|
-
"text": "
|
|
5275
|
+
"text": "FlowRemoveEvent"
|
|
5303
5276
|
}
|
|
5304
5277
|
}
|
|
5305
5278
|
]
|
|
5306
5279
|
},
|
|
5307
5280
|
{
|
|
5308
5281
|
"kind": "method",
|
|
5309
|
-
"name": "
|
|
5310
|
-
"privacy": "private",
|
|
5311
|
-
"parameters": [
|
|
5312
|
-
{
|
|
5313
|
-
"name": "event",
|
|
5314
|
-
"type": {
|
|
5315
|
-
"text": "KeyboardEvent"
|
|
5316
|
-
}
|
|
5317
|
-
}
|
|
5318
|
-
]
|
|
5282
|
+
"name": "handleInfoClick"
|
|
5319
5283
|
},
|
|
5320
5284
|
{
|
|
5321
5285
|
"kind": "method",
|
|
5322
|
-
"name": "
|
|
5323
|
-
"privacy": "private"
|
|
5324
|
-
"parameters": [
|
|
5325
|
-
{
|
|
5326
|
-
"name": "event",
|
|
5327
|
-
"type": {
|
|
5328
|
-
"text": "KeyboardEvent"
|
|
5329
|
-
}
|
|
5330
|
-
}
|
|
5331
|
-
]
|
|
5286
|
+
"name": "getAllColorStops",
|
|
5287
|
+
"privacy": "private"
|
|
5332
5288
|
},
|
|
5333
5289
|
{
|
|
5334
5290
|
"kind": "method",
|
|
5335
|
-
"name": "
|
|
5336
|
-
"privacy": "private"
|
|
5337
|
-
"parameters": [
|
|
5338
|
-
{
|
|
5339
|
-
"name": "event",
|
|
5340
|
-
"type": {
|
|
5341
|
-
"text": "Event"
|
|
5342
|
-
}
|
|
5343
|
-
}
|
|
5344
|
-
]
|
|
5291
|
+
"name": "getColorStopPlaceholder",
|
|
5292
|
+
"privacy": "private"
|
|
5345
5293
|
},
|
|
5346
5294
|
{
|
|
5347
5295
|
"kind": "method",
|
|
5348
|
-
"name": "
|
|
5349
|
-
"privacy": "private"
|
|
5350
|
-
"parameters": [
|
|
5351
|
-
{
|
|
5352
|
-
"name": "event",
|
|
5353
|
-
"type": {
|
|
5354
|
-
"text": "Event"
|
|
5355
|
-
}
|
|
5356
|
-
}
|
|
5357
|
-
]
|
|
5296
|
+
"name": "fixedColorTemplate",
|
|
5297
|
+
"privacy": "private"
|
|
5358
5298
|
},
|
|
5359
5299
|
{
|
|
5360
5300
|
"kind": "method",
|
|
5361
|
-
"name": "
|
|
5362
|
-
"privacy": "private"
|
|
5363
|
-
"parameters": [
|
|
5364
|
-
{
|
|
5365
|
-
"name": "event",
|
|
5366
|
-
"type": {
|
|
5367
|
-
"text": "KeyboardEvent"
|
|
5368
|
-
}
|
|
5369
|
-
}
|
|
5370
|
-
]
|
|
5301
|
+
"name": "dataDrivenColorTemplate",
|
|
5302
|
+
"privacy": "private"
|
|
5371
5303
|
},
|
|
5372
5304
|
{
|
|
5373
5305
|
"kind": "method",
|
|
5374
|
-
"name": "
|
|
5375
|
-
"privacy": "private"
|
|
5376
|
-
"parameters": [
|
|
5377
|
-
{
|
|
5378
|
-
"name": "event",
|
|
5379
|
-
"type": {
|
|
5380
|
-
"text": "Event"
|
|
5381
|
-
}
|
|
5382
|
-
}
|
|
5383
|
-
]
|
|
5306
|
+
"name": "colorStopsTemplate",
|
|
5307
|
+
"privacy": "private"
|
|
5384
5308
|
},
|
|
5385
5309
|
{
|
|
5386
5310
|
"kind": "method",
|
|
5387
|
-
"name": "
|
|
5388
|
-
"privacy": "private"
|
|
5389
|
-
|
|
5390
|
-
|
|
5391
|
-
|
|
5392
|
-
|
|
5393
|
-
|
|
5394
|
-
|
|
5395
|
-
|
|
5396
|
-
|
|
5311
|
+
"name": "infoDialogTemplate",
|
|
5312
|
+
"privacy": "private"
|
|
5313
|
+
}
|
|
5314
|
+
],
|
|
5315
|
+
"attributes": [
|
|
5316
|
+
{
|
|
5317
|
+
"name": "field",
|
|
5318
|
+
"type": {
|
|
5319
|
+
"text": "string"
|
|
5320
|
+
},
|
|
5321
|
+
"fieldName": "field"
|
|
5397
5322
|
},
|
|
5398
5323
|
{
|
|
5399
|
-
"
|
|
5400
|
-
"
|
|
5401
|
-
|
|
5402
|
-
|
|
5403
|
-
|
|
5404
|
-
"name": "colorString",
|
|
5405
|
-
"type": {
|
|
5406
|
-
"text": "string"
|
|
5407
|
-
}
|
|
5408
|
-
}
|
|
5409
|
-
]
|
|
5324
|
+
"name": "options",
|
|
5325
|
+
"type": {
|
|
5326
|
+
"text": "ColorMapperOptions"
|
|
5327
|
+
},
|
|
5328
|
+
"fieldName": "options"
|
|
5410
5329
|
},
|
|
5411
5330
|
{
|
|
5412
|
-
"
|
|
5413
|
-
"
|
|
5414
|
-
|
|
5415
|
-
|
|
5416
|
-
|
|
5417
|
-
|
|
5418
|
-
"type": {
|
|
5419
|
-
"text": "string"
|
|
5420
|
-
}
|
|
5421
|
-
}
|
|
5422
|
-
]
|
|
5331
|
+
"name": "value",
|
|
5332
|
+
"type": {
|
|
5333
|
+
"text": "ColorMapperValue"
|
|
5334
|
+
},
|
|
5335
|
+
"default": "{\n mode: 'fixed',\n field: undefined,\n defaultColor: 'gray',\n colorStops: []\n }",
|
|
5336
|
+
"fieldName": "value"
|
|
5423
5337
|
},
|
|
5424
5338
|
{
|
|
5425
|
-
"
|
|
5426
|
-
"
|
|
5339
|
+
"name": "size",
|
|
5340
|
+
"type": {
|
|
5341
|
+
"text": "'small' | 'medium' | 'large'"
|
|
5342
|
+
},
|
|
5343
|
+
"default": "'small'",
|
|
5344
|
+
"fieldName": "size"
|
|
5345
|
+
},
|
|
5346
|
+
{
|
|
5347
|
+
"name": "defaultColorStop",
|
|
5348
|
+
"type": {
|
|
5349
|
+
"text": "boolean"
|
|
5350
|
+
},
|
|
5351
|
+
"default": "false",
|
|
5352
|
+
"fieldName": "defaultColorStop"
|
|
5353
|
+
},
|
|
5354
|
+
{
|
|
5355
|
+
"name": "swatches",
|
|
5356
|
+
"type": {
|
|
5357
|
+
"text": "string | string[]"
|
|
5358
|
+
},
|
|
5359
|
+
"default": "[\n '#d7191c',\n '#ffa500',\n '#ffe909',\n '#a6d96a',\n '#1a9641',\n '#3c58fd',\n 'white',\n 'black'\n ]",
|
|
5360
|
+
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
5361
|
+
"fieldName": "swatches"
|
|
5362
|
+
}
|
|
5363
|
+
],
|
|
5364
|
+
"superclass": {
|
|
5365
|
+
"name": "FlowRdfElement",
|
|
5366
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
5367
|
+
},
|
|
5368
|
+
"tagName": "flow-ui-color-mapper",
|
|
5369
|
+
"summary": "A component for defining mappings between data values and colors.",
|
|
5370
|
+
"customElement": true
|
|
5371
|
+
}
|
|
5372
|
+
],
|
|
5373
|
+
"exports": [
|
|
5374
|
+
{
|
|
5375
|
+
"kind": "js",
|
|
5376
|
+
"name": "default",
|
|
5377
|
+
"declaration": {
|
|
5378
|
+
"name": "FlowColorMapper",
|
|
5379
|
+
"module": "components/color-mapper/color-mapper.component.js"
|
|
5380
|
+
}
|
|
5381
|
+
},
|
|
5382
|
+
{
|
|
5383
|
+
"kind": "custom-element-definition",
|
|
5384
|
+
"name": "flow-ui-color-mapper",
|
|
5385
|
+
"declaration": {
|
|
5386
|
+
"name": "FlowColorMapper",
|
|
5387
|
+
"module": "components/color-mapper/color-mapper.component.js"
|
|
5388
|
+
}
|
|
5389
|
+
}
|
|
5390
|
+
]
|
|
5391
|
+
},
|
|
5392
|
+
{
|
|
5393
|
+
"kind": "javascript-module",
|
|
5394
|
+
"path": "components/color-mapper/color-stop.component.js",
|
|
5395
|
+
"declarations": [
|
|
5396
|
+
{
|
|
5397
|
+
"kind": "class",
|
|
5398
|
+
"description": "",
|
|
5399
|
+
"name": "FlowColorStopComponent",
|
|
5400
|
+
"members": [
|
|
5401
|
+
{
|
|
5402
|
+
"kind": "field",
|
|
5403
|
+
"name": "formControlController",
|
|
5427
5404
|
"privacy": "private",
|
|
5428
|
-
"
|
|
5429
|
-
|
|
5430
|
-
|
|
5431
|
-
|
|
5432
|
-
|
|
5433
|
-
|
|
5434
|
-
|
|
5435
|
-
|
|
5405
|
+
"readonly": true,
|
|
5406
|
+
"default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-change']\n })"
|
|
5407
|
+
},
|
|
5408
|
+
{
|
|
5409
|
+
"kind": "field",
|
|
5410
|
+
"name": "input",
|
|
5411
|
+
"type": {
|
|
5412
|
+
"text": "HTMLInputElement"
|
|
5413
|
+
}
|
|
5414
|
+
},
|
|
5415
|
+
{
|
|
5416
|
+
"kind": "field",
|
|
5417
|
+
"name": "picker",
|
|
5418
|
+
"type": {
|
|
5419
|
+
"text": "FlowColorPicker"
|
|
5420
|
+
}
|
|
5421
|
+
},
|
|
5422
|
+
{
|
|
5423
|
+
"kind": "field",
|
|
5424
|
+
"name": "tooltip",
|
|
5425
|
+
"type": {
|
|
5426
|
+
"text": "FlowTooltip"
|
|
5427
|
+
}
|
|
5436
5428
|
},
|
|
5437
5429
|
{
|
|
5438
|
-
"kind": "
|
|
5439
|
-
"name": "
|
|
5440
|
-
"
|
|
5430
|
+
"kind": "field",
|
|
5431
|
+
"name": "textOptions",
|
|
5432
|
+
"type": {
|
|
5433
|
+
"text": "FlowToolButtonGroup"
|
|
5434
|
+
}
|
|
5441
5435
|
},
|
|
5442
5436
|
{
|
|
5443
|
-
"kind": "
|
|
5444
|
-
"name": "
|
|
5445
|
-
"
|
|
5437
|
+
"kind": "field",
|
|
5438
|
+
"name": "name",
|
|
5439
|
+
"type": {
|
|
5440
|
+
"text": "string"
|
|
5441
|
+
},
|
|
5442
|
+
"default": "''",
|
|
5443
|
+
"description": "The name of the color stop, submitted as a name/value pair with form data.",
|
|
5444
|
+
"attribute": "name"
|
|
5446
5445
|
},
|
|
5447
5446
|
{
|
|
5448
|
-
"kind": "
|
|
5449
|
-
"name": "
|
|
5450
|
-
"
|
|
5447
|
+
"kind": "field",
|
|
5448
|
+
"name": "form",
|
|
5449
|
+
"type": {
|
|
5450
|
+
"text": "string"
|
|
5451
|
+
},
|
|
5452
|
+
"default": "''",
|
|
5453
|
+
"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.",
|
|
5454
|
+
"attribute": "form",
|
|
5455
|
+
"reflects": true
|
|
5451
5456
|
},
|
|
5452
5457
|
{
|
|
5453
|
-
"kind": "
|
|
5454
|
-
"name": "
|
|
5455
|
-
"
|
|
5456
|
-
|
|
5457
|
-
|
|
5458
|
-
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
}
|
|
5463
|
-
]
|
|
5458
|
+
"kind": "field",
|
|
5459
|
+
"name": "required",
|
|
5460
|
+
"type": {
|
|
5461
|
+
"text": "boolean"
|
|
5462
|
+
},
|
|
5463
|
+
"default": "false",
|
|
5464
|
+
"description": "Makes the color stop as a required field.",
|
|
5465
|
+
"attribute": "required",
|
|
5466
|
+
"reflects": true
|
|
5464
5467
|
},
|
|
5465
5468
|
{
|
|
5466
|
-
"kind": "
|
|
5467
|
-
"name": "
|
|
5468
|
-
"
|
|
5469
|
-
|
|
5470
|
-
|
|
5471
|
-
|
|
5472
|
-
"type": {
|
|
5473
|
-
"text": "number"
|
|
5474
|
-
}
|
|
5475
|
-
},
|
|
5476
|
-
{
|
|
5477
|
-
"name": "saturation",
|
|
5478
|
-
"type": {
|
|
5479
|
-
"text": "number"
|
|
5480
|
-
}
|
|
5481
|
-
},
|
|
5482
|
-
{
|
|
5483
|
-
"name": "brightness",
|
|
5484
|
-
"type": {
|
|
5485
|
-
"text": "number"
|
|
5486
|
-
}
|
|
5487
|
-
},
|
|
5488
|
-
{
|
|
5489
|
-
"name": "alpha",
|
|
5490
|
-
"default": "100"
|
|
5491
|
-
}
|
|
5492
|
-
],
|
|
5493
|
-
"description": "Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100."
|
|
5469
|
+
"kind": "field",
|
|
5470
|
+
"name": "options",
|
|
5471
|
+
"type": {
|
|
5472
|
+
"text": "ColorStopOptions"
|
|
5473
|
+
},
|
|
5474
|
+
"attribute": "options"
|
|
5494
5475
|
},
|
|
5495
5476
|
{
|
|
5496
|
-
"kind": "
|
|
5497
|
-
"name": "
|
|
5498
|
-
"
|
|
5499
|
-
|
|
5500
|
-
|
|
5501
|
-
|
|
5502
|
-
"type": {
|
|
5503
|
-
"text": "CustomEvent"
|
|
5504
|
-
}
|
|
5505
|
-
}
|
|
5506
|
-
]
|
|
5477
|
+
"kind": "field",
|
|
5478
|
+
"name": "value",
|
|
5479
|
+
"type": {
|
|
5480
|
+
"text": "ColorStopValue"
|
|
5481
|
+
},
|
|
5482
|
+
"attribute": "value"
|
|
5507
5483
|
},
|
|
5508
5484
|
{
|
|
5509
|
-
"kind": "
|
|
5510
|
-
"name": "
|
|
5485
|
+
"kind": "field",
|
|
5486
|
+
"name": "size",
|
|
5487
|
+
"type": {
|
|
5488
|
+
"text": "'small' | 'medium' | 'large'"
|
|
5489
|
+
},
|
|
5490
|
+
"default": "'small'",
|
|
5491
|
+
"attribute": "size"
|
|
5511
5492
|
},
|
|
5512
5493
|
{
|
|
5513
|
-
"kind": "
|
|
5514
|
-
"name": "
|
|
5494
|
+
"kind": "field",
|
|
5495
|
+
"name": "placeholder",
|
|
5496
|
+
"type": {
|
|
5497
|
+
"text": "boolean"
|
|
5498
|
+
},
|
|
5499
|
+
"default": "false",
|
|
5500
|
+
"attribute": "placeholder",
|
|
5501
|
+
"reflects": true
|
|
5515
5502
|
},
|
|
5516
5503
|
{
|
|
5517
|
-
"kind": "
|
|
5518
|
-
"name": "
|
|
5519
|
-
"
|
|
5520
|
-
|
|
5521
|
-
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5525
|
-
},
|
|
5526
|
-
{
|
|
5527
|
-
"name": "newValue",
|
|
5528
|
-
"type": {
|
|
5529
|
-
"text": "string"
|
|
5530
|
-
}
|
|
5531
|
-
}
|
|
5532
|
-
]
|
|
5504
|
+
"kind": "field",
|
|
5505
|
+
"name": "fixed",
|
|
5506
|
+
"type": {
|
|
5507
|
+
"text": "string | undefined"
|
|
5508
|
+
},
|
|
5509
|
+
"default": "undefined",
|
|
5510
|
+
"attribute": "fixed",
|
|
5511
|
+
"reflects": true
|
|
5533
5512
|
},
|
|
5534
5513
|
{
|
|
5535
|
-
"kind": "
|
|
5536
|
-
"name": "
|
|
5537
|
-
"
|
|
5538
|
-
|
|
5539
|
-
|
|
5540
|
-
|
|
5541
|
-
|
|
5542
|
-
|
|
5543
|
-
}
|
|
5544
|
-
}
|
|
5545
|
-
],
|
|
5546
|
-
"description": "Sets focus on the color picker."
|
|
5514
|
+
"kind": "field",
|
|
5515
|
+
"name": "swatches",
|
|
5516
|
+
"type": {
|
|
5517
|
+
"text": "string | string[]"
|
|
5518
|
+
},
|
|
5519
|
+
"default": "''",
|
|
5520
|
+
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
5521
|
+
"attribute": "swatches"
|
|
5547
5522
|
},
|
|
5548
5523
|
{
|
|
5549
|
-
"kind": "
|
|
5550
|
-
"name": "
|
|
5551
|
-
"
|
|
5524
|
+
"kind": "field",
|
|
5525
|
+
"name": "validity",
|
|
5526
|
+
"readonly": true
|
|
5552
5527
|
},
|
|
5553
5528
|
{
|
|
5554
|
-
"kind": "
|
|
5555
|
-
"name": "
|
|
5556
|
-
"
|
|
5557
|
-
{
|
|
5558
|
-
"name": "format",
|
|
5559
|
-
"default": "'hex'",
|
|
5560
|
-
"type": {
|
|
5561
|
-
"text": "'hex' | 'hexa' | 'rgb' | 'rgba' | 'hsl' | 'hsla' | 'hsv' | 'hsva'"
|
|
5562
|
-
}
|
|
5563
|
-
}
|
|
5564
|
-
],
|
|
5565
|
-
"description": "Returns the current value as a string in the specified format."
|
|
5529
|
+
"kind": "field",
|
|
5530
|
+
"name": "validationMessage",
|
|
5531
|
+
"readonly": true
|
|
5566
5532
|
},
|
|
5567
5533
|
{
|
|
5568
5534
|
"kind": "method",
|
|
5569
|
-
"name": "checkValidity"
|
|
5570
|
-
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
5535
|
+
"name": "checkValidity"
|
|
5571
5536
|
},
|
|
5572
5537
|
{
|
|
5573
5538
|
"kind": "method",
|
|
@@ -5576,13 +5541,11 @@
|
|
|
5576
5541
|
"type": {
|
|
5577
5542
|
"text": "HTMLFormElement | null"
|
|
5578
5543
|
}
|
|
5579
|
-
}
|
|
5580
|
-
"description": "Gets the associated form, if one exists."
|
|
5544
|
+
}
|
|
5581
5545
|
},
|
|
5582
5546
|
{
|
|
5583
5547
|
"kind": "method",
|
|
5584
|
-
"name": "reportValidity"
|
|
5585
|
-
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
5548
|
+
"name": "reportValidity"
|
|
5586
5549
|
},
|
|
5587
5550
|
{
|
|
5588
5551
|
"kind": "method",
|
|
@@ -5594,163 +5557,130 @@
|
|
|
5594
5557
|
"text": "string"
|
|
5595
5558
|
}
|
|
5596
5559
|
}
|
|
5597
|
-
]
|
|
5598
|
-
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
5599
|
-
}
|
|
5600
|
-
],
|
|
5601
|
-
"events": [
|
|
5602
|
-
{
|
|
5603
|
-
"description": "Emitted when the color picker loses focus.",
|
|
5604
|
-
"name": "flow-ui-blur",
|
|
5605
|
-
"reactName": "onFlowUiBlur"
|
|
5606
|
-
},
|
|
5607
|
-
{
|
|
5608
|
-
"description": "Emitted when the color picker's value changes.",
|
|
5609
|
-
"name": "flow-ui-change",
|
|
5610
|
-
"reactName": "onFlowUiChange"
|
|
5611
|
-
},
|
|
5612
|
-
{
|
|
5613
|
-
"description": "Emitted when the color picker receives focus.",
|
|
5614
|
-
"name": "flow-ui-focus",
|
|
5615
|
-
"reactName": "onFlowUiFocus"
|
|
5560
|
+
]
|
|
5616
5561
|
},
|
|
5617
5562
|
{
|
|
5618
|
-
"
|
|
5619
|
-
"name": "
|
|
5620
|
-
"
|
|
5563
|
+
"kind": "method",
|
|
5564
|
+
"name": "handleRemove",
|
|
5565
|
+
"privacy": "private"
|
|
5621
5566
|
},
|
|
5622
5567
|
{
|
|
5623
|
-
"
|
|
5624
|
-
"name": "
|
|
5625
|
-
"
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
"default": "''",
|
|
5635
|
-
"description": "The current value of the color picker. The value's format will vary based the `format` attribute. To get the value\nin a specific format, use the `getFormattedValue()` method. The value is submitted as a name/value pair with form\ndata.",
|
|
5636
|
-
"fieldName": "value"
|
|
5568
|
+
"kind": "method",
|
|
5569
|
+
"name": "handleChange",
|
|
5570
|
+
"privacy": "private",
|
|
5571
|
+
"parameters": [
|
|
5572
|
+
{
|
|
5573
|
+
"name": "event",
|
|
5574
|
+
"type": {
|
|
5575
|
+
"text": "Event"
|
|
5576
|
+
}
|
|
5577
|
+
}
|
|
5578
|
+
]
|
|
5637
5579
|
},
|
|
5638
5580
|
{
|
|
5639
|
-
"
|
|
5640
|
-
"
|
|
5641
|
-
|
|
5642
|
-
},
|
|
5643
|
-
"default": "''",
|
|
5644
|
-
"description": "The color picker's label. This will not be displayed, but it will be announced by assistive devices. If you need to\ndisplay HTML, you can use the `label` slot` instead.",
|
|
5645
|
-
"fieldName": "label"
|
|
5581
|
+
"kind": "method",
|
|
5582
|
+
"name": "emitChange",
|
|
5583
|
+
"privacy": "private"
|
|
5646
5584
|
},
|
|
5647
5585
|
{
|
|
5648
|
-
"
|
|
5649
|
-
"
|
|
5650
|
-
|
|
5651
|
-
|
|
5652
|
-
|
|
5653
|
-
|
|
5654
|
-
|
|
5586
|
+
"kind": "method",
|
|
5587
|
+
"name": "validate",
|
|
5588
|
+
"privacy": "private",
|
|
5589
|
+
"return": {
|
|
5590
|
+
"type": {
|
|
5591
|
+
"text": "boolean"
|
|
5592
|
+
}
|
|
5593
|
+
}
|
|
5655
5594
|
},
|
|
5656
5595
|
{
|
|
5657
|
-
"
|
|
5658
|
-
"
|
|
5659
|
-
|
|
5660
|
-
},
|
|
5661
|
-
"default": "false",
|
|
5662
|
-
"description": "Renders the color picker inline rather than in a dropdown.",
|
|
5663
|
-
"fieldName": "inline"
|
|
5596
|
+
"kind": "method",
|
|
5597
|
+
"name": "textInputTemplate",
|
|
5598
|
+
"privacy": "private"
|
|
5664
5599
|
},
|
|
5665
5600
|
{
|
|
5666
|
-
"
|
|
5667
|
-
"
|
|
5668
|
-
|
|
5669
|
-
},
|
|
5670
|
-
"default": "'medium'",
|
|
5671
|
-
"description": "Determines the size of the color picker's trigger. This has no effect on inline color pickers.",
|
|
5672
|
-
"fieldName": "size"
|
|
5601
|
+
"kind": "method",
|
|
5602
|
+
"name": "numberInputTemplate",
|
|
5603
|
+
"privacy": "private"
|
|
5673
5604
|
},
|
|
5674
5605
|
{
|
|
5675
|
-
"
|
|
5676
|
-
"
|
|
5677
|
-
|
|
5678
|
-
},
|
|
5679
|
-
"default": "false",
|
|
5680
|
-
"description": "Removes the button that lets users toggle between format.",
|
|
5681
|
-
"fieldName": "noFormatToggle"
|
|
5606
|
+
"kind": "method",
|
|
5607
|
+
"name": "fixedInputTemplate",
|
|
5608
|
+
"privacy": "private"
|
|
5682
5609
|
},
|
|
5610
|
+
{
|
|
5611
|
+
"kind": "method",
|
|
5612
|
+
"name": "selectInputTemplate",
|
|
5613
|
+
"privacy": "private"
|
|
5614
|
+
}
|
|
5615
|
+
],
|
|
5616
|
+
"attributes": [
|
|
5683
5617
|
{
|
|
5684
5618
|
"name": "name",
|
|
5685
5619
|
"type": {
|
|
5686
5620
|
"text": "string"
|
|
5687
5621
|
},
|
|
5688
5622
|
"default": "''",
|
|
5689
|
-
"description": "The name of the
|
|
5623
|
+
"description": "The name of the color stop, submitted as a name/value pair with form data.",
|
|
5690
5624
|
"fieldName": "name"
|
|
5691
5625
|
},
|
|
5692
5626
|
{
|
|
5693
|
-
"name": "
|
|
5627
|
+
"name": "form",
|
|
5694
5628
|
"type": {
|
|
5695
|
-
"text": "
|
|
5629
|
+
"text": "string"
|
|
5696
5630
|
},
|
|
5697
|
-
"default": "
|
|
5698
|
-
"description": "
|
|
5699
|
-
"fieldName": "
|
|
5631
|
+
"default": "''",
|
|
5632
|
+
"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.",
|
|
5633
|
+
"fieldName": "form"
|
|
5700
5634
|
},
|
|
5701
5635
|
{
|
|
5702
|
-
"name": "
|
|
5636
|
+
"name": "required",
|
|
5703
5637
|
"type": {
|
|
5704
|
-
"text": "
|
|
5638
|
+
"text": "boolean"
|
|
5705
5639
|
},
|
|
5706
|
-
"default": "
|
|
5707
|
-
"description": "
|
|
5708
|
-
"fieldName": "
|
|
5640
|
+
"default": "false",
|
|
5641
|
+
"description": "Makes the color stop as a required field.",
|
|
5642
|
+
"fieldName": "required"
|
|
5709
5643
|
},
|
|
5710
5644
|
{
|
|
5711
|
-
"name": "
|
|
5645
|
+
"name": "options",
|
|
5712
5646
|
"type": {
|
|
5713
|
-
"text": "
|
|
5647
|
+
"text": "ColorStopOptions"
|
|
5714
5648
|
},
|
|
5715
|
-
"
|
|
5716
|
-
"description": "The distance in pixels from which to offset the panel away from its trigger.",
|
|
5717
|
-
"fieldName": "distance"
|
|
5649
|
+
"fieldName": "options"
|
|
5718
5650
|
},
|
|
5719
5651
|
{
|
|
5720
|
-
"name": "
|
|
5652
|
+
"name": "value",
|
|
5721
5653
|
"type": {
|
|
5722
|
-
"text": "
|
|
5654
|
+
"text": "ColorStopValue"
|
|
5723
5655
|
},
|
|
5724
|
-
"
|
|
5725
|
-
"description": "The distance in pixels from which to offset the panel along its trigger.",
|
|
5726
|
-
"fieldName": "skidding"
|
|
5656
|
+
"fieldName": "value"
|
|
5727
5657
|
},
|
|
5728
5658
|
{
|
|
5729
|
-
"name": "
|
|
5659
|
+
"name": "size",
|
|
5730
5660
|
"type": {
|
|
5731
|
-
"text": "
|
|
5661
|
+
"text": "'small' | 'medium' | 'large'"
|
|
5732
5662
|
},
|
|
5733
|
-
"default": "
|
|
5734
|
-
"
|
|
5735
|
-
"fieldName": "hoist"
|
|
5663
|
+
"default": "'small'",
|
|
5664
|
+
"fieldName": "size"
|
|
5736
5665
|
},
|
|
5737
5666
|
{
|
|
5738
|
-
"name": "
|
|
5667
|
+
"name": "placeholder",
|
|
5739
5668
|
"type": {
|
|
5740
5669
|
"text": "boolean"
|
|
5741
5670
|
},
|
|
5742
5671
|
"default": "false",
|
|
5743
|
-
"
|
|
5744
|
-
"fieldName": "opacity"
|
|
5672
|
+
"fieldName": "placeholder"
|
|
5745
5673
|
},
|
|
5746
5674
|
{
|
|
5747
|
-
"name": "
|
|
5675
|
+
"name": "fixed",
|
|
5748
5676
|
"type": {
|
|
5749
|
-
"text": "
|
|
5677
|
+
"text": "string | undefined"
|
|
5750
5678
|
},
|
|
5751
|
-
"default": "
|
|
5752
|
-
"
|
|
5753
|
-
|
|
5679
|
+
"default": "undefined",
|
|
5680
|
+
"resolveInitializer": {
|
|
5681
|
+
"module": "src/components/color-mapper/color-stop.component.ts"
|
|
5682
|
+
},
|
|
5683
|
+
"fieldName": "fixed"
|
|
5754
5684
|
},
|
|
5755
5685
|
{
|
|
5756
5686
|
"name": "swatches",
|
|
@@ -5760,42 +5690,14 @@
|
|
|
5760
5690
|
"default": "''",
|
|
5761
5691
|
"description": "One or more predefined color swatches to display as presets in the color picker. Can include any format the color\npicker can parse, including HEX(A), RGB(A), HSL(A), HSV(A), and CSS color names. Each color must be separated by a\nsemicolon (`;`). Alternatively, you can pass an array of color values to this property using JavaScript.",
|
|
5762
5692
|
"fieldName": "swatches"
|
|
5763
|
-
},
|
|
5764
|
-
{
|
|
5765
|
-
"name": "form",
|
|
5766
|
-
"type": {
|
|
5767
|
-
"text": "string"
|
|
5768
|
-
},
|
|
5769
|
-
"default": "''",
|
|
5770
|
-
"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.",
|
|
5771
|
-
"fieldName": "form"
|
|
5772
|
-
},
|
|
5773
|
-
{
|
|
5774
|
-
"name": "required",
|
|
5775
|
-
"type": {
|
|
5776
|
-
"text": "boolean"
|
|
5777
|
-
},
|
|
5778
|
-
"default": "false",
|
|
5779
|
-
"description": "Makes the color picker a required field.",
|
|
5780
|
-
"fieldName": "required"
|
|
5781
5693
|
}
|
|
5782
5694
|
],
|
|
5783
5695
|
"superclass": {
|
|
5784
5696
|
"name": "FlowRdfElement",
|
|
5785
5697
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
5786
5698
|
},
|
|
5787
|
-
"
|
|
5788
|
-
"
|
|
5789
|
-
"status": "stable",
|
|
5790
|
-
"since": "2.0",
|
|
5791
|
-
"dependencies": [
|
|
5792
|
-
"flow-ui-button",
|
|
5793
|
-
"flow-ui-button-group",
|
|
5794
|
-
"flow-ui-dropdown",
|
|
5795
|
-
"flow-ui-input",
|
|
5796
|
-
"flow-ui-visually-hidden"
|
|
5797
|
-
],
|
|
5798
|
-
"tagName": "flow-ui-color-picker",
|
|
5699
|
+
"tagName": "flow-ui-color-stop",
|
|
5700
|
+
"summary": "A single color stop used by the `flow-ui-color-mapper` component.",
|
|
5799
5701
|
"customElement": true
|
|
5800
5702
|
}
|
|
5801
5703
|
],
|
|
@@ -5804,20 +5706,118 @@
|
|
|
5804
5706
|
"kind": "js",
|
|
5805
5707
|
"name": "default",
|
|
5806
5708
|
"declaration": {
|
|
5807
|
-
"name": "
|
|
5808
|
-
"module": "components/color-
|
|
5709
|
+
"name": "FlowColorStopComponent",
|
|
5710
|
+
"module": "components/color-mapper/color-stop.component.js"
|
|
5809
5711
|
}
|
|
5810
5712
|
},
|
|
5811
5713
|
{
|
|
5812
5714
|
"kind": "custom-element-definition",
|
|
5813
|
-
"name": "flow-ui-color-
|
|
5715
|
+
"name": "flow-ui-color-stop",
|
|
5814
5716
|
"declaration": {
|
|
5815
|
-
"name": "
|
|
5816
|
-
"module": "components/color-
|
|
5717
|
+
"name": "FlowColorStopComponent",
|
|
5718
|
+
"module": "components/color-mapper/color-stop.component.js"
|
|
5719
|
+
}
|
|
5720
|
+
}
|
|
5721
|
+
]
|
|
5722
|
+
},
|
|
5723
|
+
{
|
|
5724
|
+
"kind": "javascript-module",
|
|
5725
|
+
"path": "components/color-mapper/helpers.js",
|
|
5726
|
+
"declarations": [
|
|
5727
|
+
{
|
|
5728
|
+
"kind": "function",
|
|
5729
|
+
"name": "colorMapperValueToMaplibreExpression",
|
|
5730
|
+
"return": {
|
|
5731
|
+
"type": {
|
|
5732
|
+
"text": "string"
|
|
5733
|
+
}
|
|
5734
|
+
},
|
|
5735
|
+
"parameters": [
|
|
5736
|
+
{
|
|
5737
|
+
"name": "value",
|
|
5738
|
+
"type": {
|
|
5739
|
+
"text": "ColorMapperValue"
|
|
5740
|
+
}
|
|
5741
|
+
}
|
|
5742
|
+
]
|
|
5743
|
+
},
|
|
5744
|
+
{
|
|
5745
|
+
"kind": "function",
|
|
5746
|
+
"name": "escapeMaplibreString",
|
|
5747
|
+
"parameters": [
|
|
5748
|
+
{
|
|
5749
|
+
"name": "value",
|
|
5750
|
+
"type": {
|
|
5751
|
+
"text": "string"
|
|
5752
|
+
}
|
|
5753
|
+
}
|
|
5754
|
+
]
|
|
5755
|
+
}
|
|
5756
|
+
],
|
|
5757
|
+
"exports": [
|
|
5758
|
+
{
|
|
5759
|
+
"kind": "js",
|
|
5760
|
+
"name": "colorMapperValueToMaplibreExpression",
|
|
5761
|
+
"declaration": {
|
|
5762
|
+
"name": "colorMapperValueToMaplibreExpression",
|
|
5763
|
+
"module": "components/color-mapper/helpers.js"
|
|
5764
|
+
}
|
|
5765
|
+
},
|
|
5766
|
+
{
|
|
5767
|
+
"kind": "js",
|
|
5768
|
+
"name": "escapeMaplibreString",
|
|
5769
|
+
"declaration": {
|
|
5770
|
+
"name": "escapeMaplibreString",
|
|
5771
|
+
"module": "components/color-mapper/helpers.js"
|
|
5772
|
+
}
|
|
5773
|
+
}
|
|
5774
|
+
]
|
|
5775
|
+
},
|
|
5776
|
+
{
|
|
5777
|
+
"kind": "javascript-module",
|
|
5778
|
+
"path": "components/color-mapper/index.js",
|
|
5779
|
+
"declarations": [],
|
|
5780
|
+
"exports": [
|
|
5781
|
+
{
|
|
5782
|
+
"kind": "js",
|
|
5783
|
+
"name": "FlowColorMapper",
|
|
5784
|
+
"declaration": {
|
|
5785
|
+
"name": "default",
|
|
5786
|
+
"module": "./color-mapper.component"
|
|
5787
|
+
}
|
|
5788
|
+
},
|
|
5789
|
+
{
|
|
5790
|
+
"kind": "js",
|
|
5791
|
+
"name": "FlowColorStop",
|
|
5792
|
+
"declaration": {
|
|
5793
|
+
"name": "default",
|
|
5794
|
+
"module": "./color-stop.component"
|
|
5795
|
+
}
|
|
5796
|
+
},
|
|
5797
|
+
{
|
|
5798
|
+
"kind": "js",
|
|
5799
|
+
"name": "*",
|
|
5800
|
+
"declaration": {
|
|
5801
|
+
"name": "*",
|
|
5802
|
+
"package": "./helpers"
|
|
5803
|
+
}
|
|
5804
|
+
},
|
|
5805
|
+
{
|
|
5806
|
+
"kind": "js",
|
|
5807
|
+
"name": "*",
|
|
5808
|
+
"declaration": {
|
|
5809
|
+
"name": "*",
|
|
5810
|
+
"package": "./types"
|
|
5817
5811
|
}
|
|
5818
5812
|
}
|
|
5819
5813
|
]
|
|
5820
5814
|
},
|
|
5815
|
+
{
|
|
5816
|
+
"kind": "javascript-module",
|
|
5817
|
+
"path": "components/color-mapper/types.js",
|
|
5818
|
+
"declarations": [],
|
|
5819
|
+
"exports": []
|
|
5820
|
+
},
|
|
5821
5821
|
{
|
|
5822
5822
|
"kind": "javascript-module",
|
|
5823
5823
|
"path": "components/date-time-picker/date-time-picker.component.js",
|
|
@@ -23034,6 +23034,6 @@
|
|
|
23034
23034
|
],
|
|
23035
23035
|
"package": {
|
|
23036
23036
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
23037
|
-
"version": "0.0.
|
|
23037
|
+
"version": "0.0.32"
|
|
23038
23038
|
}
|
|
23039
23039
|
}
|