@emuanalytics/flow-rdf-ui 0.0.25 → 0.0.26
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 +1020 -878
- package/dist/index.cjs +567 -376
- package/dist/index.d.cts +74 -25
- package/dist/index.d.mts +74 -25
- package/dist/index.d.ts +74 -25
- package/dist/index.mjs +517 -323
- package/dist/vscode.html-custom-data.json +67 -357
- package/package.json +4 -2
|
@@ -672,123 +672,6 @@
|
|
|
672
672
|
}
|
|
673
673
|
]
|
|
674
674
|
},
|
|
675
|
-
{
|
|
676
|
-
"kind": "javascript-module",
|
|
677
|
-
"path": "components/breadcrumb/breadcrumb.js",
|
|
678
|
-
"declarations": [
|
|
679
|
-
{
|
|
680
|
-
"kind": "class",
|
|
681
|
-
"description": "",
|
|
682
|
-
"name": "FlowBreadcrumb",
|
|
683
|
-
"cssParts": [
|
|
684
|
-
{
|
|
685
|
-
"description": "The component's base wrapper.",
|
|
686
|
-
"name": "base"
|
|
687
|
-
}
|
|
688
|
-
],
|
|
689
|
-
"slots": [
|
|
690
|
-
{
|
|
691
|
-
"description": "One or more breadcrumb items to display.",
|
|
692
|
-
"name": ""
|
|
693
|
-
},
|
|
694
|
-
{
|
|
695
|
-
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
696
|
-
"name": "separator"
|
|
697
|
-
}
|
|
698
|
-
],
|
|
699
|
-
"members": [
|
|
700
|
-
{
|
|
701
|
-
"kind": "field",
|
|
702
|
-
"name": "localize",
|
|
703
|
-
"privacy": "private",
|
|
704
|
-
"readonly": true,
|
|
705
|
-
"default": "new LocalizeController(this)"
|
|
706
|
-
},
|
|
707
|
-
{
|
|
708
|
-
"kind": "field",
|
|
709
|
-
"name": "separatorDir",
|
|
710
|
-
"privacy": "private"
|
|
711
|
-
},
|
|
712
|
-
{
|
|
713
|
-
"kind": "field",
|
|
714
|
-
"name": "defaultSlot",
|
|
715
|
-
"type": {
|
|
716
|
-
"text": "HTMLSlotElement"
|
|
717
|
-
}
|
|
718
|
-
},
|
|
719
|
-
{
|
|
720
|
-
"kind": "field",
|
|
721
|
-
"name": "separatorSlot",
|
|
722
|
-
"type": {
|
|
723
|
-
"text": "HTMLSlotElement"
|
|
724
|
-
}
|
|
725
|
-
},
|
|
726
|
-
{
|
|
727
|
-
"kind": "field",
|
|
728
|
-
"name": "label",
|
|
729
|
-
"type": {
|
|
730
|
-
"text": "string"
|
|
731
|
-
},
|
|
732
|
-
"default": "''",
|
|
733
|
-
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
734
|
-
"attribute": "label"
|
|
735
|
-
},
|
|
736
|
-
{
|
|
737
|
-
"kind": "method",
|
|
738
|
-
"name": "getSeparator",
|
|
739
|
-
"privacy": "private"
|
|
740
|
-
},
|
|
741
|
-
{
|
|
742
|
-
"kind": "method",
|
|
743
|
-
"name": "handleSlotChange",
|
|
744
|
-
"privacy": "private"
|
|
745
|
-
}
|
|
746
|
-
],
|
|
747
|
-
"attributes": [
|
|
748
|
-
{
|
|
749
|
-
"name": "label",
|
|
750
|
-
"type": {
|
|
751
|
-
"text": "string"
|
|
752
|
-
},
|
|
753
|
-
"default": "''",
|
|
754
|
-
"description": "The label to use for the breadcrumb control. This will not be shown on the screen, but it will be announced by\nscreen readers and other assistive devices to provide more context for users.",
|
|
755
|
-
"fieldName": "label"
|
|
756
|
-
}
|
|
757
|
-
],
|
|
758
|
-
"superclass": {
|
|
759
|
-
"name": "FlowRdfElement",
|
|
760
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
761
|
-
},
|
|
762
|
-
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
763
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
|
|
764
|
-
"status": "stable",
|
|
765
|
-
"since": "2.0",
|
|
766
|
-
"dependencies": [
|
|
767
|
-
"flow-ui-icon"
|
|
768
|
-
],
|
|
769
|
-
"tagName": "flow-ui-breadcrumb",
|
|
770
|
-
"customElement": true
|
|
771
|
-
}
|
|
772
|
-
],
|
|
773
|
-
"exports": [
|
|
774
|
-
{
|
|
775
|
-
"kind": "js",
|
|
776
|
-
"name": "default",
|
|
777
|
-
"declaration": {
|
|
778
|
-
"name": "FlowBreadcrumb",
|
|
779
|
-
"module": "components/breadcrumb/breadcrumb.js"
|
|
780
|
-
}
|
|
781
|
-
},
|
|
782
|
-
{
|
|
783
|
-
"kind": "custom-element-definition",
|
|
784
|
-
"name": "flow-ui-breadcrumb",
|
|
785
|
-
"declaration": {
|
|
786
|
-
"name": "FlowBreadcrumb",
|
|
787
|
-
"module": "components/breadcrumb/breadcrumb.js"
|
|
788
|
-
}
|
|
789
|
-
}
|
|
790
|
-
]
|
|
791
|
-
},
|
|
792
675
|
{
|
|
793
676
|
"kind": "javascript-module",
|
|
794
677
|
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
@@ -934,12 +817,12 @@
|
|
|
934
817
|
},
|
|
935
818
|
{
|
|
936
819
|
"kind": "javascript-module",
|
|
937
|
-
"path": "components/
|
|
820
|
+
"path": "components/breadcrumb/breadcrumb.js",
|
|
938
821
|
"declarations": [
|
|
939
822
|
{
|
|
940
823
|
"kind": "class",
|
|
941
824
|
"description": "",
|
|
942
|
-
"name": "
|
|
825
|
+
"name": "FlowBreadcrumb",
|
|
943
826
|
"cssParts": [
|
|
944
827
|
{
|
|
945
828
|
"description": "The component's base wrapper.",
|
|
@@ -948,83 +831,85 @@
|
|
|
948
831
|
],
|
|
949
832
|
"slots": [
|
|
950
833
|
{
|
|
951
|
-
"description": "
|
|
834
|
+
"description": "One or more breadcrumb items to display.",
|
|
952
835
|
"name": ""
|
|
836
|
+
},
|
|
837
|
+
{
|
|
838
|
+
"description": "The separator to use between breadcrumb items. Works best with `<flow-ui-icon>`.",
|
|
839
|
+
"name": "separator"
|
|
953
840
|
}
|
|
954
841
|
],
|
|
955
842
|
"members": [
|
|
956
843
|
{
|
|
957
844
|
"kind": "field",
|
|
958
|
-
"name": "
|
|
959
|
-
"
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
"default": "'primary'",
|
|
963
|
-
"description": "The badge's theme variant.",
|
|
964
|
-
"attribute": "variant",
|
|
965
|
-
"reflects": true
|
|
845
|
+
"name": "localize",
|
|
846
|
+
"privacy": "private",
|
|
847
|
+
"readonly": true,
|
|
848
|
+
"default": "new LocalizeController(this)"
|
|
966
849
|
},
|
|
967
850
|
{
|
|
968
851
|
"kind": "field",
|
|
969
|
-
"name": "
|
|
970
|
-
"
|
|
971
|
-
"text": "boolean"
|
|
972
|
-
},
|
|
973
|
-
"default": "false",
|
|
974
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
975
|
-
"attribute": "pill",
|
|
976
|
-
"reflects": true
|
|
852
|
+
"name": "separatorDir",
|
|
853
|
+
"privacy": "private"
|
|
977
854
|
},
|
|
978
855
|
{
|
|
979
856
|
"kind": "field",
|
|
980
|
-
"name": "
|
|
857
|
+
"name": "defaultSlot",
|
|
981
858
|
"type": {
|
|
982
|
-
"text": "
|
|
983
|
-
}
|
|
984
|
-
|
|
985
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
986
|
-
"attribute": "pulse",
|
|
987
|
-
"reflects": true
|
|
988
|
-
}
|
|
989
|
-
],
|
|
990
|
-
"attributes": [
|
|
859
|
+
"text": "HTMLSlotElement"
|
|
860
|
+
}
|
|
861
|
+
},
|
|
991
862
|
{
|
|
992
|
-
"
|
|
863
|
+
"kind": "field",
|
|
864
|
+
"name": "separatorSlot",
|
|
993
865
|
"type": {
|
|
994
|
-
"text": "
|
|
995
|
-
}
|
|
996
|
-
"default": "'primary'",
|
|
997
|
-
"description": "The badge's theme variant.",
|
|
998
|
-
"fieldName": "variant"
|
|
866
|
+
"text": "HTMLSlotElement"
|
|
867
|
+
}
|
|
999
868
|
},
|
|
1000
869
|
{
|
|
1001
|
-
"
|
|
870
|
+
"kind": "field",
|
|
871
|
+
"name": "label",
|
|
1002
872
|
"type": {
|
|
1003
|
-
"text": "
|
|
873
|
+
"text": "string"
|
|
1004
874
|
},
|
|
1005
|
-
"default": "
|
|
1006
|
-
"description": "
|
|
1007
|
-
"
|
|
875
|
+
"default": "''",
|
|
876
|
+
"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.",
|
|
877
|
+
"attribute": "label"
|
|
1008
878
|
},
|
|
1009
879
|
{
|
|
1010
|
-
"
|
|
880
|
+
"kind": "method",
|
|
881
|
+
"name": "getSeparator",
|
|
882
|
+
"privacy": "private"
|
|
883
|
+
},
|
|
884
|
+
{
|
|
885
|
+
"kind": "method",
|
|
886
|
+
"name": "handleSlotChange",
|
|
887
|
+
"privacy": "private"
|
|
888
|
+
}
|
|
889
|
+
],
|
|
890
|
+
"attributes": [
|
|
891
|
+
{
|
|
892
|
+
"name": "label",
|
|
1011
893
|
"type": {
|
|
1012
|
-
"text": "
|
|
894
|
+
"text": "string"
|
|
1013
895
|
},
|
|
1014
|
-
"default": "
|
|
1015
|
-
"description": "
|
|
1016
|
-
"fieldName": "
|
|
896
|
+
"default": "''",
|
|
897
|
+
"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.",
|
|
898
|
+
"fieldName": "label"
|
|
1017
899
|
}
|
|
1018
900
|
],
|
|
1019
901
|
"superclass": {
|
|
1020
902
|
"name": "FlowRdfElement",
|
|
1021
903
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1022
904
|
},
|
|
1023
|
-
"summary": "
|
|
1024
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/
|
|
905
|
+
"summary": "Breadcrumbs provide a group of links so users can easily navigate a website's hierarchy.",
|
|
906
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/breadcrumb",
|
|
1025
907
|
"status": "stable",
|
|
1026
908
|
"since": "2.0",
|
|
1027
|
-
"
|
|
909
|
+
"dependencies": [
|
|
910
|
+
"flow-ui-icon"
|
|
911
|
+
],
|
|
912
|
+
"tagName": "flow-ui-breadcrumb",
|
|
1028
913
|
"customElement": true
|
|
1029
914
|
}
|
|
1030
915
|
],
|
|
@@ -1033,233 +918,48 @@
|
|
|
1033
918
|
"kind": "js",
|
|
1034
919
|
"name": "default",
|
|
1035
920
|
"declaration": {
|
|
1036
|
-
"name": "
|
|
1037
|
-
"module": "components/
|
|
921
|
+
"name": "FlowBreadcrumb",
|
|
922
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
1038
923
|
}
|
|
1039
924
|
},
|
|
1040
925
|
{
|
|
1041
926
|
"kind": "custom-element-definition",
|
|
1042
|
-
"name": "flow-ui-
|
|
927
|
+
"name": "flow-ui-breadcrumb",
|
|
1043
928
|
"declaration": {
|
|
1044
|
-
"name": "
|
|
1045
|
-
"module": "components/
|
|
929
|
+
"name": "FlowBreadcrumb",
|
|
930
|
+
"module": "components/breadcrumb/breadcrumb.js"
|
|
1046
931
|
}
|
|
1047
932
|
}
|
|
1048
933
|
]
|
|
1049
934
|
},
|
|
1050
935
|
{
|
|
1051
936
|
"kind": "javascript-module",
|
|
1052
|
-
"path": "components/
|
|
937
|
+
"path": "components/button/button.js",
|
|
1053
938
|
"declarations": [
|
|
1054
939
|
{
|
|
1055
940
|
"kind": "class",
|
|
1056
941
|
"description": "",
|
|
1057
|
-
"name": "
|
|
1058
|
-
"cssProperties": [
|
|
1059
|
-
{
|
|
1060
|
-
"description": "The size of the avatar.",
|
|
1061
|
-
"name": "--size"
|
|
1062
|
-
}
|
|
1063
|
-
],
|
|
942
|
+
"name": "FlowButton",
|
|
1064
943
|
"cssParts": [
|
|
1065
944
|
{
|
|
1066
945
|
"description": "The component's base wrapper.",
|
|
1067
946
|
"name": "base"
|
|
1068
947
|
},
|
|
1069
948
|
{
|
|
1070
|
-
"description": "The container that wraps the
|
|
1071
|
-
"name": "
|
|
949
|
+
"description": "The container that wraps the prefix.",
|
|
950
|
+
"name": "prefix"
|
|
1072
951
|
},
|
|
1073
952
|
{
|
|
1074
|
-
"description": "The
|
|
1075
|
-
"name": "
|
|
953
|
+
"description": "The button's label.",
|
|
954
|
+
"name": "label"
|
|
1076
955
|
},
|
|
1077
956
|
{
|
|
1078
|
-
"description": "The
|
|
1079
|
-
"name": "
|
|
1080
|
-
}
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
1085
|
-
"name": "icon"
|
|
1086
|
-
}
|
|
1087
|
-
],
|
|
1088
|
-
"members": [
|
|
1089
|
-
{
|
|
1090
|
-
"kind": "field",
|
|
1091
|
-
"name": "hasError",
|
|
1092
|
-
"type": {
|
|
1093
|
-
"text": "boolean"
|
|
1094
|
-
},
|
|
1095
|
-
"privacy": "private",
|
|
1096
|
-
"default": "false"
|
|
1097
|
-
},
|
|
1098
|
-
{
|
|
1099
|
-
"kind": "field",
|
|
1100
|
-
"name": "image",
|
|
1101
|
-
"type": {
|
|
1102
|
-
"text": "string"
|
|
1103
|
-
},
|
|
1104
|
-
"default": "''",
|
|
1105
|
-
"description": "The image source to use for the avatar.",
|
|
1106
|
-
"attribute": "image"
|
|
1107
|
-
},
|
|
1108
|
-
{
|
|
1109
|
-
"kind": "field",
|
|
1110
|
-
"name": "label",
|
|
1111
|
-
"type": {
|
|
1112
|
-
"text": "string"
|
|
1113
|
-
},
|
|
1114
|
-
"default": "''",
|
|
1115
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1116
|
-
"attribute": "label"
|
|
1117
|
-
},
|
|
1118
|
-
{
|
|
1119
|
-
"kind": "field",
|
|
1120
|
-
"name": "initials",
|
|
1121
|
-
"type": {
|
|
1122
|
-
"text": "string"
|
|
1123
|
-
},
|
|
1124
|
-
"default": "''",
|
|
1125
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1126
|
-
"attribute": "initials"
|
|
1127
|
-
},
|
|
1128
|
-
{
|
|
1129
|
-
"kind": "field",
|
|
1130
|
-
"name": "loading",
|
|
1131
|
-
"type": {
|
|
1132
|
-
"text": "'eager' | 'lazy'"
|
|
1133
|
-
},
|
|
1134
|
-
"default": "'eager'",
|
|
1135
|
-
"description": "Indicates how the browser should load the image.",
|
|
1136
|
-
"attribute": "loading"
|
|
1137
|
-
},
|
|
1138
|
-
{
|
|
1139
|
-
"kind": "field",
|
|
1140
|
-
"name": "shape",
|
|
1141
|
-
"type": {
|
|
1142
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
1143
|
-
},
|
|
1144
|
-
"default": "'circle'",
|
|
1145
|
-
"description": "The shape of the avatar.",
|
|
1146
|
-
"attribute": "shape",
|
|
1147
|
-
"reflects": true
|
|
1148
|
-
},
|
|
1149
|
-
{
|
|
1150
|
-
"kind": "method",
|
|
1151
|
-
"name": "handleImageChange"
|
|
1152
|
-
}
|
|
1153
|
-
],
|
|
1154
|
-
"attributes": [
|
|
1155
|
-
{
|
|
1156
|
-
"name": "image",
|
|
1157
|
-
"type": {
|
|
1158
|
-
"text": "string"
|
|
1159
|
-
},
|
|
1160
|
-
"default": "''",
|
|
1161
|
-
"description": "The image source to use for the avatar.",
|
|
1162
|
-
"fieldName": "image"
|
|
1163
|
-
},
|
|
1164
|
-
{
|
|
1165
|
-
"name": "label",
|
|
1166
|
-
"type": {
|
|
1167
|
-
"text": "string"
|
|
1168
|
-
},
|
|
1169
|
-
"default": "''",
|
|
1170
|
-
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1171
|
-
"fieldName": "label"
|
|
1172
|
-
},
|
|
1173
|
-
{
|
|
1174
|
-
"name": "initials",
|
|
1175
|
-
"type": {
|
|
1176
|
-
"text": "string"
|
|
1177
|
-
},
|
|
1178
|
-
"default": "''",
|
|
1179
|
-
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1180
|
-
"fieldName": "initials"
|
|
1181
|
-
},
|
|
1182
|
-
{
|
|
1183
|
-
"name": "loading",
|
|
1184
|
-
"type": {
|
|
1185
|
-
"text": "'eager' | 'lazy'"
|
|
1186
|
-
},
|
|
1187
|
-
"default": "'eager'",
|
|
1188
|
-
"description": "Indicates how the browser should load the image.",
|
|
1189
|
-
"fieldName": "loading"
|
|
1190
|
-
},
|
|
1191
|
-
{
|
|
1192
|
-
"name": "shape",
|
|
1193
|
-
"type": {
|
|
1194
|
-
"text": "'circle' | 'square' | 'rounded'"
|
|
1195
|
-
},
|
|
1196
|
-
"default": "'circle'",
|
|
1197
|
-
"description": "The shape of the avatar.",
|
|
1198
|
-
"fieldName": "shape"
|
|
1199
|
-
}
|
|
1200
|
-
],
|
|
1201
|
-
"superclass": {
|
|
1202
|
-
"name": "FlowRdfElement",
|
|
1203
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
1204
|
-
},
|
|
1205
|
-
"summary": "Avatars are used to represent a person or object.",
|
|
1206
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
1207
|
-
"status": "stable",
|
|
1208
|
-
"since": "2.0",
|
|
1209
|
-
"dependencies": [
|
|
1210
|
-
"flow-ui-icon"
|
|
1211
|
-
],
|
|
1212
|
-
"tagName": "flow-ui-avatar",
|
|
1213
|
-
"customElement": true
|
|
1214
|
-
}
|
|
1215
|
-
],
|
|
1216
|
-
"exports": [
|
|
1217
|
-
{
|
|
1218
|
-
"kind": "js",
|
|
1219
|
-
"name": "default",
|
|
1220
|
-
"declaration": {
|
|
1221
|
-
"name": "FlowAvatar",
|
|
1222
|
-
"module": "components/avatar/avatar.js"
|
|
1223
|
-
}
|
|
1224
|
-
},
|
|
1225
|
-
{
|
|
1226
|
-
"kind": "custom-element-definition",
|
|
1227
|
-
"name": "flow-ui-avatar",
|
|
1228
|
-
"declaration": {
|
|
1229
|
-
"name": "FlowAvatar",
|
|
1230
|
-
"module": "components/avatar/avatar.js"
|
|
1231
|
-
}
|
|
1232
|
-
}
|
|
1233
|
-
]
|
|
1234
|
-
},
|
|
1235
|
-
{
|
|
1236
|
-
"kind": "javascript-module",
|
|
1237
|
-
"path": "components/button/button.js",
|
|
1238
|
-
"declarations": [
|
|
1239
|
-
{
|
|
1240
|
-
"kind": "class",
|
|
1241
|
-
"description": "",
|
|
1242
|
-
"name": "FlowButton",
|
|
1243
|
-
"cssParts": [
|
|
1244
|
-
{
|
|
1245
|
-
"description": "The component's base wrapper.",
|
|
1246
|
-
"name": "base"
|
|
1247
|
-
},
|
|
1248
|
-
{
|
|
1249
|
-
"description": "The container that wraps the prefix.",
|
|
1250
|
-
"name": "prefix"
|
|
1251
|
-
},
|
|
1252
|
-
{
|
|
1253
|
-
"description": "The button's label.",
|
|
1254
|
-
"name": "label"
|
|
1255
|
-
},
|
|
1256
|
-
{
|
|
1257
|
-
"description": "The container that wraps the suffix.",
|
|
1258
|
-
"name": "suffix"
|
|
1259
|
-
},
|
|
1260
|
-
{
|
|
1261
|
-
"description": "The button's caret icon, an `<flow-ui-icon>` element.",
|
|
1262
|
-
"name": "caret"
|
|
957
|
+
"description": "The container that wraps the suffix.",
|
|
958
|
+
"name": "suffix"
|
|
959
|
+
},
|
|
960
|
+
{
|
|
961
|
+
"description": "The button's caret icon, an `<flow-ui-icon>` element.",
|
|
962
|
+
"name": "caret"
|
|
1263
963
|
}
|
|
1264
964
|
],
|
|
1265
965
|
"slots": [
|
|
@@ -2077,6 +1777,306 @@
|
|
|
2077
1777
|
}
|
|
2078
1778
|
]
|
|
2079
1779
|
},
|
|
1780
|
+
{
|
|
1781
|
+
"kind": "javascript-module",
|
|
1782
|
+
"path": "components/avatar/avatar.js",
|
|
1783
|
+
"declarations": [
|
|
1784
|
+
{
|
|
1785
|
+
"kind": "class",
|
|
1786
|
+
"description": "",
|
|
1787
|
+
"name": "FlowAvatar",
|
|
1788
|
+
"cssProperties": [
|
|
1789
|
+
{
|
|
1790
|
+
"description": "The size of the avatar.",
|
|
1791
|
+
"name": "--size"
|
|
1792
|
+
}
|
|
1793
|
+
],
|
|
1794
|
+
"cssParts": [
|
|
1795
|
+
{
|
|
1796
|
+
"description": "The component's base wrapper.",
|
|
1797
|
+
"name": "base"
|
|
1798
|
+
},
|
|
1799
|
+
{
|
|
1800
|
+
"description": "The container that wraps the avatar's icon.",
|
|
1801
|
+
"name": "icon"
|
|
1802
|
+
},
|
|
1803
|
+
{
|
|
1804
|
+
"description": "The container that wraps the avatar's initials.",
|
|
1805
|
+
"name": "initials"
|
|
1806
|
+
},
|
|
1807
|
+
{
|
|
1808
|
+
"description": "The avatar image. Only shown when the `image` attribute is set.",
|
|
1809
|
+
"name": "image"
|
|
1810
|
+
}
|
|
1811
|
+
],
|
|
1812
|
+
"slots": [
|
|
1813
|
+
{
|
|
1814
|
+
"description": "The default icon to use when no image or initials are present. Works best with `<flow-ui-icon>`.",
|
|
1815
|
+
"name": "icon"
|
|
1816
|
+
}
|
|
1817
|
+
],
|
|
1818
|
+
"members": [
|
|
1819
|
+
{
|
|
1820
|
+
"kind": "field",
|
|
1821
|
+
"name": "hasError",
|
|
1822
|
+
"type": {
|
|
1823
|
+
"text": "boolean"
|
|
1824
|
+
},
|
|
1825
|
+
"privacy": "private",
|
|
1826
|
+
"default": "false"
|
|
1827
|
+
},
|
|
1828
|
+
{
|
|
1829
|
+
"kind": "field",
|
|
1830
|
+
"name": "image",
|
|
1831
|
+
"type": {
|
|
1832
|
+
"text": "string"
|
|
1833
|
+
},
|
|
1834
|
+
"default": "''",
|
|
1835
|
+
"description": "The image source to use for the avatar.",
|
|
1836
|
+
"attribute": "image"
|
|
1837
|
+
},
|
|
1838
|
+
{
|
|
1839
|
+
"kind": "field",
|
|
1840
|
+
"name": "label",
|
|
1841
|
+
"type": {
|
|
1842
|
+
"text": "string"
|
|
1843
|
+
},
|
|
1844
|
+
"default": "''",
|
|
1845
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1846
|
+
"attribute": "label"
|
|
1847
|
+
},
|
|
1848
|
+
{
|
|
1849
|
+
"kind": "field",
|
|
1850
|
+
"name": "initials",
|
|
1851
|
+
"type": {
|
|
1852
|
+
"text": "string"
|
|
1853
|
+
},
|
|
1854
|
+
"default": "''",
|
|
1855
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1856
|
+
"attribute": "initials"
|
|
1857
|
+
},
|
|
1858
|
+
{
|
|
1859
|
+
"kind": "field",
|
|
1860
|
+
"name": "loading",
|
|
1861
|
+
"type": {
|
|
1862
|
+
"text": "'eager' | 'lazy'"
|
|
1863
|
+
},
|
|
1864
|
+
"default": "'eager'",
|
|
1865
|
+
"description": "Indicates how the browser should load the image.",
|
|
1866
|
+
"attribute": "loading"
|
|
1867
|
+
},
|
|
1868
|
+
{
|
|
1869
|
+
"kind": "field",
|
|
1870
|
+
"name": "shape",
|
|
1871
|
+
"type": {
|
|
1872
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1873
|
+
},
|
|
1874
|
+
"default": "'circle'",
|
|
1875
|
+
"description": "The shape of the avatar.",
|
|
1876
|
+
"attribute": "shape",
|
|
1877
|
+
"reflects": true
|
|
1878
|
+
},
|
|
1879
|
+
{
|
|
1880
|
+
"kind": "method",
|
|
1881
|
+
"name": "handleImageChange"
|
|
1882
|
+
}
|
|
1883
|
+
],
|
|
1884
|
+
"attributes": [
|
|
1885
|
+
{
|
|
1886
|
+
"name": "image",
|
|
1887
|
+
"type": {
|
|
1888
|
+
"text": "string"
|
|
1889
|
+
},
|
|
1890
|
+
"default": "''",
|
|
1891
|
+
"description": "The image source to use for the avatar.",
|
|
1892
|
+
"fieldName": "image"
|
|
1893
|
+
},
|
|
1894
|
+
{
|
|
1895
|
+
"name": "label",
|
|
1896
|
+
"type": {
|
|
1897
|
+
"text": "string"
|
|
1898
|
+
},
|
|
1899
|
+
"default": "''",
|
|
1900
|
+
"description": "A label to use to describe the avatar to assistive devices.",
|
|
1901
|
+
"fieldName": "label"
|
|
1902
|
+
},
|
|
1903
|
+
{
|
|
1904
|
+
"name": "initials",
|
|
1905
|
+
"type": {
|
|
1906
|
+
"text": "string"
|
|
1907
|
+
},
|
|
1908
|
+
"default": "''",
|
|
1909
|
+
"description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
|
|
1910
|
+
"fieldName": "initials"
|
|
1911
|
+
},
|
|
1912
|
+
{
|
|
1913
|
+
"name": "loading",
|
|
1914
|
+
"type": {
|
|
1915
|
+
"text": "'eager' | 'lazy'"
|
|
1916
|
+
},
|
|
1917
|
+
"default": "'eager'",
|
|
1918
|
+
"description": "Indicates how the browser should load the image.",
|
|
1919
|
+
"fieldName": "loading"
|
|
1920
|
+
},
|
|
1921
|
+
{
|
|
1922
|
+
"name": "shape",
|
|
1923
|
+
"type": {
|
|
1924
|
+
"text": "'circle' | 'square' | 'rounded'"
|
|
1925
|
+
},
|
|
1926
|
+
"default": "'circle'",
|
|
1927
|
+
"description": "The shape of the avatar.",
|
|
1928
|
+
"fieldName": "shape"
|
|
1929
|
+
}
|
|
1930
|
+
],
|
|
1931
|
+
"superclass": {
|
|
1932
|
+
"name": "FlowRdfElement",
|
|
1933
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
1934
|
+
},
|
|
1935
|
+
"summary": "Avatars are used to represent a person or object.",
|
|
1936
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/avatar",
|
|
1937
|
+
"status": "stable",
|
|
1938
|
+
"since": "2.0",
|
|
1939
|
+
"dependencies": [
|
|
1940
|
+
"flow-ui-icon"
|
|
1941
|
+
],
|
|
1942
|
+
"tagName": "flow-ui-avatar",
|
|
1943
|
+
"customElement": true
|
|
1944
|
+
}
|
|
1945
|
+
],
|
|
1946
|
+
"exports": [
|
|
1947
|
+
{
|
|
1948
|
+
"kind": "js",
|
|
1949
|
+
"name": "default",
|
|
1950
|
+
"declaration": {
|
|
1951
|
+
"name": "FlowAvatar",
|
|
1952
|
+
"module": "components/avatar/avatar.js"
|
|
1953
|
+
}
|
|
1954
|
+
},
|
|
1955
|
+
{
|
|
1956
|
+
"kind": "custom-element-definition",
|
|
1957
|
+
"name": "flow-ui-avatar",
|
|
1958
|
+
"declaration": {
|
|
1959
|
+
"name": "FlowAvatar",
|
|
1960
|
+
"module": "components/avatar/avatar.js"
|
|
1961
|
+
}
|
|
1962
|
+
}
|
|
1963
|
+
]
|
|
1964
|
+
},
|
|
1965
|
+
{
|
|
1966
|
+
"kind": "javascript-module",
|
|
1967
|
+
"path": "components/badge/badge.js",
|
|
1968
|
+
"declarations": [
|
|
1969
|
+
{
|
|
1970
|
+
"kind": "class",
|
|
1971
|
+
"description": "",
|
|
1972
|
+
"name": "FlowBadge",
|
|
1973
|
+
"cssParts": [
|
|
1974
|
+
{
|
|
1975
|
+
"description": "The component's base wrapper.",
|
|
1976
|
+
"name": "base"
|
|
1977
|
+
}
|
|
1978
|
+
],
|
|
1979
|
+
"slots": [
|
|
1980
|
+
{
|
|
1981
|
+
"description": "The badge's content.",
|
|
1982
|
+
"name": ""
|
|
1983
|
+
}
|
|
1984
|
+
],
|
|
1985
|
+
"members": [
|
|
1986
|
+
{
|
|
1987
|
+
"kind": "field",
|
|
1988
|
+
"name": "variant",
|
|
1989
|
+
"type": {
|
|
1990
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
1991
|
+
},
|
|
1992
|
+
"default": "'primary'",
|
|
1993
|
+
"description": "The badge's theme variant.",
|
|
1994
|
+
"attribute": "variant",
|
|
1995
|
+
"reflects": true
|
|
1996
|
+
},
|
|
1997
|
+
{
|
|
1998
|
+
"kind": "field",
|
|
1999
|
+
"name": "pill",
|
|
2000
|
+
"type": {
|
|
2001
|
+
"text": "boolean"
|
|
2002
|
+
},
|
|
2003
|
+
"default": "false",
|
|
2004
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2005
|
+
"attribute": "pill",
|
|
2006
|
+
"reflects": true
|
|
2007
|
+
},
|
|
2008
|
+
{
|
|
2009
|
+
"kind": "field",
|
|
2010
|
+
"name": "pulse",
|
|
2011
|
+
"type": {
|
|
2012
|
+
"text": "boolean"
|
|
2013
|
+
},
|
|
2014
|
+
"default": "false",
|
|
2015
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2016
|
+
"attribute": "pulse",
|
|
2017
|
+
"reflects": true
|
|
2018
|
+
}
|
|
2019
|
+
],
|
|
2020
|
+
"attributes": [
|
|
2021
|
+
{
|
|
2022
|
+
"name": "variant",
|
|
2023
|
+
"type": {
|
|
2024
|
+
"text": "'primary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
2025
|
+
},
|
|
2026
|
+
"default": "'primary'",
|
|
2027
|
+
"description": "The badge's theme variant.",
|
|
2028
|
+
"fieldName": "variant"
|
|
2029
|
+
},
|
|
2030
|
+
{
|
|
2031
|
+
"name": "pill",
|
|
2032
|
+
"type": {
|
|
2033
|
+
"text": "boolean"
|
|
2034
|
+
},
|
|
2035
|
+
"default": "false",
|
|
2036
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
2037
|
+
"fieldName": "pill"
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "pulse",
|
|
2041
|
+
"type": {
|
|
2042
|
+
"text": "boolean"
|
|
2043
|
+
},
|
|
2044
|
+
"default": "false",
|
|
2045
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
2046
|
+
"fieldName": "pulse"
|
|
2047
|
+
}
|
|
2048
|
+
],
|
|
2049
|
+
"superclass": {
|
|
2050
|
+
"name": "FlowRdfElement",
|
|
2051
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2052
|
+
},
|
|
2053
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
2054
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/badge",
|
|
2055
|
+
"status": "stable",
|
|
2056
|
+
"since": "2.0",
|
|
2057
|
+
"tagName": "flow-ui-badge",
|
|
2058
|
+
"customElement": true
|
|
2059
|
+
}
|
|
2060
|
+
],
|
|
2061
|
+
"exports": [
|
|
2062
|
+
{
|
|
2063
|
+
"kind": "js",
|
|
2064
|
+
"name": "default",
|
|
2065
|
+
"declaration": {
|
|
2066
|
+
"name": "FlowBadge",
|
|
2067
|
+
"module": "components/badge/badge.js"
|
|
2068
|
+
}
|
|
2069
|
+
},
|
|
2070
|
+
{
|
|
2071
|
+
"kind": "custom-element-definition",
|
|
2072
|
+
"name": "flow-ui-badge",
|
|
2073
|
+
"declaration": {
|
|
2074
|
+
"name": "FlowBadge",
|
|
2075
|
+
"module": "components/badge/badge.js"
|
|
2076
|
+
}
|
|
2077
|
+
}
|
|
2078
|
+
]
|
|
2079
|
+
},
|
|
2080
2080
|
{
|
|
2081
2081
|
"kind": "javascript-module",
|
|
2082
2082
|
"path": "components/calendar/calendar.component.js",
|
|
@@ -2106,7 +2106,7 @@
|
|
|
2106
2106
|
"kind": "field",
|
|
2107
2107
|
"name": "_displayDate",
|
|
2108
2108
|
"type": {
|
|
2109
|
-
"text": "
|
|
2109
|
+
"text": "DateTime<true>"
|
|
2110
2110
|
},
|
|
2111
2111
|
"privacy": "private"
|
|
2112
2112
|
},
|
|
@@ -2114,7 +2114,7 @@
|
|
|
2114
2114
|
"kind": "field",
|
|
2115
2115
|
"name": "_selectedDate",
|
|
2116
2116
|
"type": {
|
|
2117
|
-
"text": "
|
|
2117
|
+
"text": "DateTime<true> | undefined"
|
|
2118
2118
|
},
|
|
2119
2119
|
"privacy": "private"
|
|
2120
2120
|
},
|
|
@@ -2124,7 +2124,8 @@
|
|
|
2124
2124
|
"type": {
|
|
2125
2125
|
"text": "string"
|
|
2126
2126
|
},
|
|
2127
|
-
"attribute": "value"
|
|
2127
|
+
"attribute": "value",
|
|
2128
|
+
"reflects": true
|
|
2128
2129
|
},
|
|
2129
2130
|
{
|
|
2130
2131
|
"kind": "field",
|
|
@@ -2139,11 +2140,18 @@
|
|
|
2139
2140
|
"kind": "field",
|
|
2140
2141
|
"name": "timezone",
|
|
2141
2142
|
"type": {
|
|
2142
|
-
"text": "string"
|
|
2143
|
+
"text": "string | undefined"
|
|
2143
2144
|
},
|
|
2144
|
-
"default": "''",
|
|
2145
2145
|
"attribute": "timezone"
|
|
2146
2146
|
},
|
|
2147
|
+
{
|
|
2148
|
+
"kind": "field",
|
|
2149
|
+
"name": "locale",
|
|
2150
|
+
"type": {
|
|
2151
|
+
"text": "string | undefined"
|
|
2152
|
+
},
|
|
2153
|
+
"attribute": "locale"
|
|
2154
|
+
},
|
|
2147
2155
|
{
|
|
2148
2156
|
"kind": "field",
|
|
2149
2157
|
"name": "size",
|
|
@@ -2157,6 +2165,10 @@
|
|
|
2157
2165
|
"kind": "method",
|
|
2158
2166
|
"name": "handleValueChange"
|
|
2159
2167
|
},
|
|
2168
|
+
{
|
|
2169
|
+
"kind": "method",
|
|
2170
|
+
"name": "handleTimezoneChange"
|
|
2171
|
+
},
|
|
2160
2172
|
{
|
|
2161
2173
|
"kind": "method",
|
|
2162
2174
|
"name": "dateClicked",
|
|
@@ -2173,18 +2185,12 @@
|
|
|
2173
2185
|
{
|
|
2174
2186
|
"kind": "method",
|
|
2175
2187
|
"name": "stepDisplayDate",
|
|
2176
|
-
"privacy": "private",
|
|
2177
|
-
"parameters": [
|
|
2178
|
-
{
|
|
2179
|
-
"name": "value",
|
|
2180
|
-
"type": {
|
|
2181
|
-
"text": "number"
|
|
2182
|
-
}
|
|
2183
|
-
},
|
|
2188
|
+
"privacy": "private",
|
|
2189
|
+
"parameters": [
|
|
2184
2190
|
{
|
|
2185
|
-
"name": "
|
|
2191
|
+
"name": "duration",
|
|
2186
2192
|
"type": {
|
|
2187
|
-
"text": "
|
|
2193
|
+
"text": "DurationLike"
|
|
2188
2194
|
}
|
|
2189
2195
|
}
|
|
2190
2196
|
]
|
|
@@ -2202,10 +2208,11 @@
|
|
|
2202
2208
|
{
|
|
2203
2209
|
"name": "date",
|
|
2204
2210
|
"type": {
|
|
2205
|
-
"text": "
|
|
2211
|
+
"text": "DateTime"
|
|
2206
2212
|
}
|
|
2207
2213
|
}
|
|
2208
|
-
]
|
|
2214
|
+
],
|
|
2215
|
+
"description": "Generate a list of years for the year select dropdown"
|
|
2209
2216
|
},
|
|
2210
2217
|
{
|
|
2211
2218
|
"kind": "method",
|
|
@@ -2213,7 +2220,7 @@
|
|
|
2213
2220
|
"privacy": "private",
|
|
2214
2221
|
"return": {
|
|
2215
2222
|
"type": {
|
|
2216
|
-
"text": "
|
|
2223
|
+
"text": "DateTime<true> | undefined"
|
|
2217
2224
|
}
|
|
2218
2225
|
},
|
|
2219
2226
|
"parameters": [
|
|
@@ -2303,11 +2310,17 @@
|
|
|
2303
2310
|
{
|
|
2304
2311
|
"name": "timezone",
|
|
2305
2312
|
"type": {
|
|
2306
|
-
"text": "string"
|
|
2313
|
+
"text": "string | undefined"
|
|
2307
2314
|
},
|
|
2308
|
-
"default": "''",
|
|
2309
2315
|
"fieldName": "timezone"
|
|
2310
2316
|
},
|
|
2317
|
+
{
|
|
2318
|
+
"name": "locale",
|
|
2319
|
+
"type": {
|
|
2320
|
+
"text": "string | undefined"
|
|
2321
|
+
},
|
|
2322
|
+
"fieldName": "locale"
|
|
2323
|
+
},
|
|
2311
2324
|
{
|
|
2312
2325
|
"name": "size",
|
|
2313
2326
|
"type": {
|
|
@@ -2357,12 +2370,6 @@
|
|
|
2357
2370
|
}
|
|
2358
2371
|
]
|
|
2359
2372
|
},
|
|
2360
|
-
{
|
|
2361
|
-
"kind": "javascript-module",
|
|
2362
|
-
"path": "components/calendar/test.js",
|
|
2363
|
-
"declarations": [],
|
|
2364
|
-
"exports": []
|
|
2365
|
-
},
|
|
2366
2373
|
{
|
|
2367
2374
|
"kind": "javascript-module",
|
|
2368
2375
|
"path": "components/card/card.js",
|
|
@@ -5774,6 +5781,248 @@
|
|
|
5774
5781
|
}
|
|
5775
5782
|
]
|
|
5776
5783
|
},
|
|
5784
|
+
{
|
|
5785
|
+
"kind": "javascript-module",
|
|
5786
|
+
"path": "components/details/details.js",
|
|
5787
|
+
"declarations": [
|
|
5788
|
+
{
|
|
5789
|
+
"kind": "class",
|
|
5790
|
+
"description": "",
|
|
5791
|
+
"name": "FlowDetails",
|
|
5792
|
+
"cssParts": [
|
|
5793
|
+
{
|
|
5794
|
+
"description": "The component's base wrapper.",
|
|
5795
|
+
"name": "base"
|
|
5796
|
+
},
|
|
5797
|
+
{
|
|
5798
|
+
"description": "The header that wraps both the summary and the expand/collapse icon.",
|
|
5799
|
+
"name": "header"
|
|
5800
|
+
},
|
|
5801
|
+
{
|
|
5802
|
+
"description": "The container that wraps the summary.",
|
|
5803
|
+
"name": "summary"
|
|
5804
|
+
},
|
|
5805
|
+
{
|
|
5806
|
+
"description": "The container that wraps the expand/collapse icons.",
|
|
5807
|
+
"name": "summary-icon"
|
|
5808
|
+
},
|
|
5809
|
+
{
|
|
5810
|
+
"description": "The details content.",
|
|
5811
|
+
"name": "content"
|
|
5812
|
+
}
|
|
5813
|
+
],
|
|
5814
|
+
"slots": [
|
|
5815
|
+
{
|
|
5816
|
+
"description": "The details' main content.",
|
|
5817
|
+
"name": ""
|
|
5818
|
+
},
|
|
5819
|
+
{
|
|
5820
|
+
"description": "The details' summary. Alternatively, you can use the `summary` attribute.",
|
|
5821
|
+
"name": "summary"
|
|
5822
|
+
},
|
|
5823
|
+
{
|
|
5824
|
+
"description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
5825
|
+
"name": "expand-icon"
|
|
5826
|
+
},
|
|
5827
|
+
{
|
|
5828
|
+
"description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
5829
|
+
"name": "collapse-icon"
|
|
5830
|
+
}
|
|
5831
|
+
],
|
|
5832
|
+
"members": [
|
|
5833
|
+
{
|
|
5834
|
+
"kind": "field",
|
|
5835
|
+
"name": "localize",
|
|
5836
|
+
"privacy": "private",
|
|
5837
|
+
"readonly": true,
|
|
5838
|
+
"default": "new LocalizeController(this)"
|
|
5839
|
+
},
|
|
5840
|
+
{
|
|
5841
|
+
"kind": "field",
|
|
5842
|
+
"name": "details",
|
|
5843
|
+
"type": {
|
|
5844
|
+
"text": "HTMLElement"
|
|
5845
|
+
}
|
|
5846
|
+
},
|
|
5847
|
+
{
|
|
5848
|
+
"kind": "field",
|
|
5849
|
+
"name": "header",
|
|
5850
|
+
"type": {
|
|
5851
|
+
"text": "HTMLElement"
|
|
5852
|
+
}
|
|
5853
|
+
},
|
|
5854
|
+
{
|
|
5855
|
+
"kind": "field",
|
|
5856
|
+
"name": "body",
|
|
5857
|
+
"type": {
|
|
5858
|
+
"text": "HTMLElement"
|
|
5859
|
+
}
|
|
5860
|
+
},
|
|
5861
|
+
{
|
|
5862
|
+
"kind": "field",
|
|
5863
|
+
"name": "expandIconSlot",
|
|
5864
|
+
"type": {
|
|
5865
|
+
"text": "HTMLSlotElement"
|
|
5866
|
+
}
|
|
5867
|
+
},
|
|
5868
|
+
{
|
|
5869
|
+
"kind": "field",
|
|
5870
|
+
"name": "open",
|
|
5871
|
+
"type": {
|
|
5872
|
+
"text": "boolean"
|
|
5873
|
+
},
|
|
5874
|
+
"default": "false",
|
|
5875
|
+
"description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
|
|
5876
|
+
"attribute": "open",
|
|
5877
|
+
"reflects": true
|
|
5878
|
+
},
|
|
5879
|
+
{
|
|
5880
|
+
"kind": "field",
|
|
5881
|
+
"name": "summary",
|
|
5882
|
+
"type": {
|
|
5883
|
+
"text": "string"
|
|
5884
|
+
},
|
|
5885
|
+
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
5886
|
+
"attribute": "summary"
|
|
5887
|
+
},
|
|
5888
|
+
{
|
|
5889
|
+
"kind": "field",
|
|
5890
|
+
"name": "disabled",
|
|
5891
|
+
"type": {
|
|
5892
|
+
"text": "boolean"
|
|
5893
|
+
},
|
|
5894
|
+
"default": "false",
|
|
5895
|
+
"description": "Disables the details so it can't be toggled.",
|
|
5896
|
+
"attribute": "disabled",
|
|
5897
|
+
"reflects": true
|
|
5898
|
+
},
|
|
5899
|
+
{
|
|
5900
|
+
"kind": "method",
|
|
5901
|
+
"name": "handleSummaryClick",
|
|
5902
|
+
"privacy": "private"
|
|
5903
|
+
},
|
|
5904
|
+
{
|
|
5905
|
+
"kind": "method",
|
|
5906
|
+
"name": "handleSummaryKeyDown",
|
|
5907
|
+
"privacy": "private",
|
|
5908
|
+
"parameters": [
|
|
5909
|
+
{
|
|
5910
|
+
"name": "event",
|
|
5911
|
+
"type": {
|
|
5912
|
+
"text": "KeyboardEvent"
|
|
5913
|
+
}
|
|
5914
|
+
}
|
|
5915
|
+
]
|
|
5916
|
+
},
|
|
5917
|
+
{
|
|
5918
|
+
"kind": "method",
|
|
5919
|
+
"name": "handleOpenChange"
|
|
5920
|
+
},
|
|
5921
|
+
{
|
|
5922
|
+
"kind": "method",
|
|
5923
|
+
"name": "show",
|
|
5924
|
+
"description": "Shows the details."
|
|
5925
|
+
},
|
|
5926
|
+
{
|
|
5927
|
+
"kind": "method",
|
|
5928
|
+
"name": "hide",
|
|
5929
|
+
"description": "Hides the details"
|
|
5930
|
+
}
|
|
5931
|
+
],
|
|
5932
|
+
"events": [
|
|
5933
|
+
{
|
|
5934
|
+
"description": "Emitted when the details opens.",
|
|
5935
|
+
"name": "flow-ui-show",
|
|
5936
|
+
"reactName": "onFlowUiShow"
|
|
5937
|
+
},
|
|
5938
|
+
{
|
|
5939
|
+
"description": "Emitted after the details opens and all animations are complete.",
|
|
5940
|
+
"name": "flow-ui-after-show",
|
|
5941
|
+
"reactName": "onFlowUiAfterShow"
|
|
5942
|
+
},
|
|
5943
|
+
{
|
|
5944
|
+
"description": "Emitted when the details closes.",
|
|
5945
|
+
"name": "flow-ui-hide",
|
|
5946
|
+
"reactName": "onFlowUiHide"
|
|
5947
|
+
},
|
|
5948
|
+
{
|
|
5949
|
+
"description": "Emitted after the details closes and all animations are complete.",
|
|
5950
|
+
"name": "flow-ui-after-hide",
|
|
5951
|
+
"reactName": "onFlowUiAfterHide"
|
|
5952
|
+
}
|
|
5953
|
+
],
|
|
5954
|
+
"attributes": [
|
|
5955
|
+
{
|
|
5956
|
+
"name": "open",
|
|
5957
|
+
"type": {
|
|
5958
|
+
"text": "boolean"
|
|
5959
|
+
},
|
|
5960
|
+
"default": "false",
|
|
5961
|
+
"description": "Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the details' open state.",
|
|
5962
|
+
"fieldName": "open"
|
|
5963
|
+
},
|
|
5964
|
+
{
|
|
5965
|
+
"name": "summary",
|
|
5966
|
+
"type": {
|
|
5967
|
+
"text": "string"
|
|
5968
|
+
},
|
|
5969
|
+
"description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
|
|
5970
|
+
"fieldName": "summary"
|
|
5971
|
+
},
|
|
5972
|
+
{
|
|
5973
|
+
"name": "disabled",
|
|
5974
|
+
"type": {
|
|
5975
|
+
"text": "boolean"
|
|
5976
|
+
},
|
|
5977
|
+
"default": "false",
|
|
5978
|
+
"description": "Disables the details so it can't be toggled.",
|
|
5979
|
+
"fieldName": "disabled"
|
|
5980
|
+
}
|
|
5981
|
+
],
|
|
5982
|
+
"superclass": {
|
|
5983
|
+
"name": "FlowRdfElement",
|
|
5984
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
5985
|
+
},
|
|
5986
|
+
"summary": "Details show a brief summary and expand to show additional content.",
|
|
5987
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
|
|
5988
|
+
"status": "stable",
|
|
5989
|
+
"since": "2.0",
|
|
5990
|
+
"dependencies": [
|
|
5991
|
+
"flow-ui-icon"
|
|
5992
|
+
],
|
|
5993
|
+
"animations": [
|
|
5994
|
+
{
|
|
5995
|
+
"name": "details.show",
|
|
5996
|
+
"description": "The animation to use when showing details. You can use `height: auto` with this animation."
|
|
5997
|
+
},
|
|
5998
|
+
{
|
|
5999
|
+
"name": "details.hide",
|
|
6000
|
+
"description": "The animation to use when hiding details. You can use `height: auto` with this animation."
|
|
6001
|
+
}
|
|
6002
|
+
],
|
|
6003
|
+
"tagName": "flow-ui-details",
|
|
6004
|
+
"customElement": true
|
|
6005
|
+
}
|
|
6006
|
+
],
|
|
6007
|
+
"exports": [
|
|
6008
|
+
{
|
|
6009
|
+
"kind": "js",
|
|
6010
|
+
"name": "default",
|
|
6011
|
+
"declaration": {
|
|
6012
|
+
"name": "FlowDetails",
|
|
6013
|
+
"module": "components/details/details.js"
|
|
6014
|
+
}
|
|
6015
|
+
},
|
|
6016
|
+
{
|
|
6017
|
+
"kind": "custom-element-definition",
|
|
6018
|
+
"name": "flow-ui-details",
|
|
6019
|
+
"declaration": {
|
|
6020
|
+
"name": "FlowDetails",
|
|
6021
|
+
"module": "components/details/details.js"
|
|
6022
|
+
}
|
|
6023
|
+
}
|
|
6024
|
+
]
|
|
6025
|
+
},
|
|
5777
6026
|
{
|
|
5778
6027
|
"kind": "javascript-module",
|
|
5779
6028
|
"path": "components/date-time-picker/date-time-picker.component.js",
|
|
@@ -5873,7 +6122,8 @@
|
|
|
5873
6122
|
"text": "string"
|
|
5874
6123
|
},
|
|
5875
6124
|
"default": "''",
|
|
5876
|
-
"attribute": "value"
|
|
6125
|
+
"attribute": "value",
|
|
6126
|
+
"reflects": true
|
|
5877
6127
|
},
|
|
5878
6128
|
{
|
|
5879
6129
|
"kind": "field",
|
|
@@ -5890,18 +6140,25 @@
|
|
|
5890
6140
|
"type": {
|
|
5891
6141
|
"text": "string"
|
|
5892
6142
|
},
|
|
5893
|
-
"default": "'
|
|
6143
|
+
"default": "'FFF'",
|
|
5894
6144
|
"attribute": "format"
|
|
5895
6145
|
},
|
|
5896
6146
|
{
|
|
5897
6147
|
"kind": "field",
|
|
5898
6148
|
"name": "timezone",
|
|
5899
6149
|
"type": {
|
|
5900
|
-
"text": "string"
|
|
6150
|
+
"text": "string | undefined"
|
|
5901
6151
|
},
|
|
5902
|
-
"default": "''",
|
|
5903
6152
|
"attribute": "timezone"
|
|
5904
6153
|
},
|
|
6154
|
+
{
|
|
6155
|
+
"kind": "field",
|
|
6156
|
+
"name": "locale",
|
|
6157
|
+
"type": {
|
|
6158
|
+
"text": "string | undefined"
|
|
6159
|
+
},
|
|
6160
|
+
"attribute": "locale"
|
|
6161
|
+
},
|
|
5905
6162
|
{
|
|
5906
6163
|
"kind": "field",
|
|
5907
6164
|
"name": "defaultValue",
|
|
@@ -6302,407 +6559,156 @@
|
|
|
6302
6559
|
},
|
|
6303
6560
|
{
|
|
6304
6561
|
"name": "display-mode",
|
|
6305
|
-
"type": {
|
|
6306
|
-
"text": "'date' | 'time' | 'datetime'"
|
|
6307
|
-
},
|
|
6308
|
-
"default": "'datetime'",
|
|
6309
|
-
"fieldName": "displayMode"
|
|
6310
|
-
},
|
|
6311
|
-
{
|
|
6312
|
-
"name": "format",
|
|
6313
|
-
"type": {
|
|
6314
|
-
"text": "string"
|
|
6315
|
-
},
|
|
6316
|
-
"default": "'LLL'",
|
|
6317
|
-
"fieldName": "format"
|
|
6318
|
-
},
|
|
6319
|
-
{
|
|
6320
|
-
"name": "timezone",
|
|
6321
|
-
"type": {
|
|
6322
|
-
"text": "string"
|
|
6323
|
-
},
|
|
6324
|
-
"default": "''",
|
|
6325
|
-
"fieldName": "timezone"
|
|
6326
|
-
},
|
|
6327
|
-
{
|
|
6328
|
-
"name": "size",
|
|
6329
|
-
"type": {
|
|
6330
|
-
"text": "'small' | 'medium' | 'large'"
|
|
6331
|
-
},
|
|
6332
|
-
"default": "'medium'",
|
|
6333
|
-
"description": "The select's size.",
|
|
6334
|
-
"fieldName": "size"
|
|
6335
|
-
},
|
|
6336
|
-
{
|
|
6337
|
-
"name": "placeholder",
|
|
6338
|
-
"type": {
|
|
6339
|
-
"text": "string"
|
|
6340
|
-
},
|
|
6341
|
-
"default": "''",
|
|
6342
|
-
"description": "Placeholder text to show as a hint when the select is empty.",
|
|
6343
|
-
"fieldName": "placeholder"
|
|
6344
|
-
},
|
|
6345
|
-
{
|
|
6346
|
-
"name": "disabled",
|
|
6347
|
-
"type": {
|
|
6348
|
-
"text": "boolean"
|
|
6349
|
-
},
|
|
6350
|
-
"default": "false",
|
|
6351
|
-
"description": "Disables the select control.",
|
|
6352
|
-
"fieldName": "disabled"
|
|
6353
|
-
},
|
|
6354
|
-
{
|
|
6355
|
-
"name": "clearable",
|
|
6356
|
-
"type": {
|
|
6357
|
-
"text": "boolean"
|
|
6358
|
-
},
|
|
6359
|
-
"default": "false",
|
|
6360
|
-
"description": "Adds a clear button when the select is not empty.",
|
|
6361
|
-
"fieldName": "clearable"
|
|
6362
|
-
},
|
|
6363
|
-
{
|
|
6364
|
-
"name": "open",
|
|
6365
|
-
"type": {
|
|
6366
|
-
"text": "boolean"
|
|
6367
|
-
},
|
|
6368
|
-
"default": "false",
|
|
6369
|
-
"description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
|
|
6370
|
-
"fieldName": "open"
|
|
6371
|
-
},
|
|
6372
|
-
{
|
|
6373
|
-
"name": "hoist",
|
|
6374
|
-
"type": {
|
|
6375
|
-
"text": "boolean"
|
|
6376
|
-
},
|
|
6377
|
-
"default": "false",
|
|
6378
|
-
"description": "Enable this option to prevent the listbox 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.",
|
|
6379
|
-
"fieldName": "hoist"
|
|
6380
|
-
},
|
|
6381
|
-
{
|
|
6382
|
-
"name": "filled",
|
|
6383
|
-
"type": {
|
|
6384
|
-
"text": "boolean"
|
|
6385
|
-
},
|
|
6386
|
-
"default": "false",
|
|
6387
|
-
"description": "Draws a filled select.",
|
|
6388
|
-
"fieldName": "filled"
|
|
6389
|
-
},
|
|
6390
|
-
{
|
|
6391
|
-
"name": "pill",
|
|
6392
|
-
"type": {
|
|
6393
|
-
"text": "boolean"
|
|
6394
|
-
},
|
|
6395
|
-
"default": "false",
|
|
6396
|
-
"description": "Draws a pill-style select with rounded edges.",
|
|
6397
|
-
"fieldName": "pill"
|
|
6398
|
-
},
|
|
6399
|
-
{
|
|
6400
|
-
"name": "label",
|
|
6401
|
-
"type": {
|
|
6402
|
-
"text": "string"
|
|
6403
|
-
},
|
|
6404
|
-
"default": "''",
|
|
6405
|
-
"description": "The select's label. If you need to display HTML, use the `label` slot instead.",
|
|
6406
|
-
"fieldName": "label"
|
|
6407
|
-
},
|
|
6408
|
-
{
|
|
6409
|
-
"name": "placement",
|
|
6410
|
-
"type": {
|
|
6411
|
-
"text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
|
|
6412
|
-
},
|
|
6413
|
-
"default": "'bottom-end'",
|
|
6414
|
-
"description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
|
|
6415
|
-
"fieldName": "placement"
|
|
6416
|
-
},
|
|
6417
|
-
{
|
|
6418
|
-
"name": "help-text",
|
|
6419
|
-
"type": {
|
|
6420
|
-
"text": "string"
|
|
6421
|
-
},
|
|
6422
|
-
"default": "''",
|
|
6423
|
-
"description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
6424
|
-
"fieldName": "helpText"
|
|
6425
|
-
},
|
|
6426
|
-
{
|
|
6427
|
-
"name": "form",
|
|
6428
|
-
"type": {
|
|
6429
|
-
"text": "string"
|
|
6430
|
-
},
|
|
6431
|
-
"default": "''",
|
|
6432
|
-
"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.",
|
|
6433
|
-
"fieldName": "form"
|
|
6434
|
-
},
|
|
6435
|
-
{
|
|
6436
|
-
"name": "required",
|
|
6437
|
-
"type": {
|
|
6438
|
-
"text": "boolean"
|
|
6439
|
-
},
|
|
6440
|
-
"default": "false",
|
|
6441
|
-
"description": "The select's required attribute.",
|
|
6442
|
-
"fieldName": "required"
|
|
6443
|
-
}
|
|
6444
|
-
],
|
|
6445
|
-
"superclass": {
|
|
6446
|
-
"name": "FlowRdfElement",
|
|
6447
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
6448
|
-
}
|
|
6449
|
-
}
|
|
6450
|
-
],
|
|
6451
|
-
"exports": [
|
|
6452
|
-
{
|
|
6453
|
-
"kind": "js",
|
|
6454
|
-
"name": "default",
|
|
6455
|
-
"declaration": {
|
|
6456
|
-
"name": "FlowDatetimePicker",
|
|
6457
|
-
"module": "components/date-time-picker/date-time-picker.component.js"
|
|
6458
|
-
}
|
|
6459
|
-
}
|
|
6460
|
-
]
|
|
6461
|
-
},
|
|
6462
|
-
{
|
|
6463
|
-
"kind": "javascript-module",
|
|
6464
|
-
"path": "components/date-time-picker/date-time-picker.js",
|
|
6465
|
-
"declarations": [],
|
|
6466
|
-
"exports": [
|
|
6467
|
-
{
|
|
6468
|
-
"kind": "js",
|
|
6469
|
-
"name": "*",
|
|
6470
|
-
"declaration": {
|
|
6471
|
-
"name": "*",
|
|
6472
|
-
"package": "./date-time-picker.component.js"
|
|
6473
|
-
}
|
|
6474
|
-
},
|
|
6475
|
-
{
|
|
6476
|
-
"kind": "js",
|
|
6477
|
-
"name": "default",
|
|
6478
|
-
"declaration": {
|
|
6479
|
-
"name": "FlowDateTimePicker",
|
|
6480
|
-
"module": "components/date-time-picker/date-time-picker.js"
|
|
6481
|
-
}
|
|
6482
|
-
}
|
|
6483
|
-
]
|
|
6484
|
-
},
|
|
6485
|
-
{
|
|
6486
|
-
"kind": "javascript-module",
|
|
6487
|
-
"path": "components/details/details.js",
|
|
6488
|
-
"declarations": [
|
|
6489
|
-
{
|
|
6490
|
-
"kind": "class",
|
|
6491
|
-
"description": "",
|
|
6492
|
-
"name": "FlowDetails",
|
|
6493
|
-
"cssParts": [
|
|
6494
|
-
{
|
|
6495
|
-
"description": "The component's base wrapper.",
|
|
6496
|
-
"name": "base"
|
|
6497
|
-
},
|
|
6498
|
-
{
|
|
6499
|
-
"description": "The header that wraps both the summary and the expand/collapse icon.",
|
|
6500
|
-
"name": "header"
|
|
6501
|
-
},
|
|
6502
|
-
{
|
|
6503
|
-
"description": "The container that wraps the summary.",
|
|
6504
|
-
"name": "summary"
|
|
6505
|
-
},
|
|
6506
|
-
{
|
|
6507
|
-
"description": "The container that wraps the expand/collapse icons.",
|
|
6508
|
-
"name": "summary-icon"
|
|
6509
|
-
},
|
|
6510
|
-
{
|
|
6511
|
-
"description": "The details content.",
|
|
6512
|
-
"name": "content"
|
|
6513
|
-
}
|
|
6514
|
-
],
|
|
6515
|
-
"slots": [
|
|
6516
|
-
{
|
|
6517
|
-
"description": "The details' main content.",
|
|
6518
|
-
"name": ""
|
|
6519
|
-
},
|
|
6520
|
-
{
|
|
6521
|
-
"description": "The details' summary. Alternatively, you can use the `summary` attribute.",
|
|
6522
|
-
"name": "summary"
|
|
6523
|
-
},
|
|
6524
|
-
{
|
|
6525
|
-
"description": "Optional expand icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
6526
|
-
"name": "expand-icon"
|
|
6527
|
-
},
|
|
6528
|
-
{
|
|
6529
|
-
"description": "Optional collapse icon to use instead of the default. Works best with `<flow-ui-icon>`.",
|
|
6530
|
-
"name": "collapse-icon"
|
|
6531
|
-
}
|
|
6532
|
-
],
|
|
6533
|
-
"members": [
|
|
6534
|
-
{
|
|
6535
|
-
"kind": "field",
|
|
6536
|
-
"name": "localize",
|
|
6537
|
-
"privacy": "private",
|
|
6538
|
-
"readonly": true,
|
|
6539
|
-
"default": "new LocalizeController(this)"
|
|
6540
|
-
},
|
|
6541
|
-
{
|
|
6542
|
-
"kind": "field",
|
|
6543
|
-
"name": "details",
|
|
6544
|
-
"type": {
|
|
6545
|
-
"text": "HTMLElement"
|
|
6546
|
-
}
|
|
6562
|
+
"type": {
|
|
6563
|
+
"text": "'date' | 'time' | 'datetime'"
|
|
6564
|
+
},
|
|
6565
|
+
"default": "'datetime'",
|
|
6566
|
+
"fieldName": "displayMode"
|
|
6547
6567
|
},
|
|
6548
6568
|
{
|
|
6549
|
-
"
|
|
6550
|
-
"name": "header",
|
|
6569
|
+
"name": "format",
|
|
6551
6570
|
"type": {
|
|
6552
|
-
"text": "
|
|
6553
|
-
}
|
|
6571
|
+
"text": "string"
|
|
6572
|
+
},
|
|
6573
|
+
"default": "'FFF'",
|
|
6574
|
+
"fieldName": "format"
|
|
6554
6575
|
},
|
|
6555
6576
|
{
|
|
6556
|
-
"
|
|
6557
|
-
"name": "body",
|
|
6577
|
+
"name": "timezone",
|
|
6558
6578
|
"type": {
|
|
6559
|
-
"text": "
|
|
6560
|
-
}
|
|
6579
|
+
"text": "string | undefined"
|
|
6580
|
+
},
|
|
6581
|
+
"fieldName": "timezone"
|
|
6561
6582
|
},
|
|
6562
6583
|
{
|
|
6563
|
-
"
|
|
6564
|
-
"name": "expandIconSlot",
|
|
6584
|
+
"name": "locale",
|
|
6565
6585
|
"type": {
|
|
6566
|
-
"text": "
|
|
6567
|
-
}
|
|
6586
|
+
"text": "string | undefined"
|
|
6587
|
+
},
|
|
6588
|
+
"fieldName": "locale"
|
|
6568
6589
|
},
|
|
6569
6590
|
{
|
|
6570
|
-
"
|
|
6571
|
-
"name": "open",
|
|
6591
|
+
"name": "size",
|
|
6572
6592
|
"type": {
|
|
6573
|
-
"text": "
|
|
6593
|
+
"text": "'small' | 'medium' | 'large'"
|
|
6574
6594
|
},
|
|
6575
|
-
"default": "
|
|
6576
|
-
"description": "
|
|
6577
|
-
"
|
|
6578
|
-
"reflects": true
|
|
6595
|
+
"default": "'medium'",
|
|
6596
|
+
"description": "The select's size.",
|
|
6597
|
+
"fieldName": "size"
|
|
6579
6598
|
},
|
|
6580
6599
|
{
|
|
6581
|
-
"
|
|
6582
|
-
"name": "summary",
|
|
6600
|
+
"name": "placeholder",
|
|
6583
6601
|
"type": {
|
|
6584
6602
|
"text": "string"
|
|
6585
6603
|
},
|
|
6586
|
-
"
|
|
6587
|
-
"
|
|
6604
|
+
"default": "''",
|
|
6605
|
+
"description": "Placeholder text to show as a hint when the select is empty.",
|
|
6606
|
+
"fieldName": "placeholder"
|
|
6588
6607
|
},
|
|
6589
6608
|
{
|
|
6590
|
-
"kind": "field",
|
|
6591
6609
|
"name": "disabled",
|
|
6592
6610
|
"type": {
|
|
6593
6611
|
"text": "boolean"
|
|
6594
6612
|
},
|
|
6595
6613
|
"default": "false",
|
|
6596
|
-
"description": "Disables the
|
|
6597
|
-
"
|
|
6598
|
-
"reflects": true
|
|
6614
|
+
"description": "Disables the select control.",
|
|
6615
|
+
"fieldName": "disabled"
|
|
6599
6616
|
},
|
|
6600
6617
|
{
|
|
6601
|
-
"
|
|
6602
|
-
"
|
|
6603
|
-
|
|
6618
|
+
"name": "clearable",
|
|
6619
|
+
"type": {
|
|
6620
|
+
"text": "boolean"
|
|
6621
|
+
},
|
|
6622
|
+
"default": "false",
|
|
6623
|
+
"description": "Adds a clear button when the select is not empty.",
|
|
6624
|
+
"fieldName": "clearable"
|
|
6604
6625
|
},
|
|
6605
6626
|
{
|
|
6606
|
-
"
|
|
6607
|
-
"
|
|
6608
|
-
|
|
6609
|
-
|
|
6610
|
-
|
|
6611
|
-
|
|
6612
|
-
|
|
6613
|
-
"text": "KeyboardEvent"
|
|
6614
|
-
}
|
|
6615
|
-
}
|
|
6616
|
-
]
|
|
6627
|
+
"name": "open",
|
|
6628
|
+
"type": {
|
|
6629
|
+
"text": "boolean"
|
|
6630
|
+
},
|
|
6631
|
+
"default": "false",
|
|
6632
|
+
"description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
|
|
6633
|
+
"fieldName": "open"
|
|
6617
6634
|
},
|
|
6618
6635
|
{
|
|
6619
|
-
"
|
|
6620
|
-
"
|
|
6636
|
+
"name": "hoist",
|
|
6637
|
+
"type": {
|
|
6638
|
+
"text": "boolean"
|
|
6639
|
+
},
|
|
6640
|
+
"default": "false",
|
|
6641
|
+
"description": "Enable this option to prevent the listbox 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.",
|
|
6642
|
+
"fieldName": "hoist"
|
|
6621
6643
|
},
|
|
6622
6644
|
{
|
|
6623
|
-
"
|
|
6624
|
-
"
|
|
6625
|
-
|
|
6645
|
+
"name": "filled",
|
|
6646
|
+
"type": {
|
|
6647
|
+
"text": "boolean"
|
|
6648
|
+
},
|
|
6649
|
+
"default": "false",
|
|
6650
|
+
"description": "Draws a filled select.",
|
|
6651
|
+
"fieldName": "filled"
|
|
6626
6652
|
},
|
|
6627
6653
|
{
|
|
6628
|
-
"
|
|
6629
|
-
"
|
|
6630
|
-
|
|
6631
|
-
|
|
6632
|
-
|
|
6633
|
-
|
|
6634
|
-
|
|
6635
|
-
"description": "Emitted when the details opens.",
|
|
6636
|
-
"name": "flow-ui-show",
|
|
6637
|
-
"reactName": "onFlowUiShow"
|
|
6654
|
+
"name": "pill",
|
|
6655
|
+
"type": {
|
|
6656
|
+
"text": "boolean"
|
|
6657
|
+
},
|
|
6658
|
+
"default": "false",
|
|
6659
|
+
"description": "Draws a pill-style select with rounded edges.",
|
|
6660
|
+
"fieldName": "pill"
|
|
6638
6661
|
},
|
|
6639
6662
|
{
|
|
6640
|
-
"
|
|
6641
|
-
"
|
|
6642
|
-
|
|
6663
|
+
"name": "label",
|
|
6664
|
+
"type": {
|
|
6665
|
+
"text": "string"
|
|
6666
|
+
},
|
|
6667
|
+
"default": "''",
|
|
6668
|
+
"description": "The select's label. If you need to display HTML, use the `label` slot instead.",
|
|
6669
|
+
"fieldName": "label"
|
|
6643
6670
|
},
|
|
6644
6671
|
{
|
|
6645
|
-
"
|
|
6646
|
-
"
|
|
6647
|
-
|
|
6672
|
+
"name": "placement",
|
|
6673
|
+
"type": {
|
|
6674
|
+
"text": "'top' | 'top-end' | 'top-start' | 'bottom' | 'bottom-end' | 'bottom-start'"
|
|
6675
|
+
},
|
|
6676
|
+
"default": "'bottom-end'",
|
|
6677
|
+
"description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
|
|
6678
|
+
"fieldName": "placement"
|
|
6648
6679
|
},
|
|
6649
6680
|
{
|
|
6650
|
-
"
|
|
6651
|
-
"name": "flow-ui-after-hide",
|
|
6652
|
-
"reactName": "onFlowUiAfterHide"
|
|
6653
|
-
}
|
|
6654
|
-
],
|
|
6655
|
-
"attributes": [
|
|
6656
|
-
{
|
|
6657
|
-
"name": "open",
|
|
6681
|
+
"name": "help-text",
|
|
6658
6682
|
"type": {
|
|
6659
|
-
"text": "
|
|
6683
|
+
"text": "string"
|
|
6660
6684
|
},
|
|
6661
|
-
"default": "
|
|
6662
|
-
"description": "
|
|
6663
|
-
"fieldName": "
|
|
6685
|
+
"default": "''",
|
|
6686
|
+
"description": "The select's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
6687
|
+
"fieldName": "helpText"
|
|
6664
6688
|
},
|
|
6665
6689
|
{
|
|
6666
|
-
"name": "
|
|
6690
|
+
"name": "form",
|
|
6667
6691
|
"type": {
|
|
6668
6692
|
"text": "string"
|
|
6669
6693
|
},
|
|
6670
|
-
"
|
|
6671
|
-
"
|
|
6694
|
+
"default": "''",
|
|
6695
|
+
"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.",
|
|
6696
|
+
"fieldName": "form"
|
|
6672
6697
|
},
|
|
6673
6698
|
{
|
|
6674
|
-
"name": "
|
|
6699
|
+
"name": "required",
|
|
6675
6700
|
"type": {
|
|
6676
6701
|
"text": "boolean"
|
|
6677
6702
|
},
|
|
6678
6703
|
"default": "false",
|
|
6679
|
-
"description": "
|
|
6680
|
-
"fieldName": "
|
|
6704
|
+
"description": "The select's required attribute.",
|
|
6705
|
+
"fieldName": "required"
|
|
6681
6706
|
}
|
|
6682
6707
|
],
|
|
6683
6708
|
"superclass": {
|
|
6684
6709
|
"name": "FlowRdfElement",
|
|
6685
6710
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
6686
|
-
}
|
|
6687
|
-
"summary": "Details show a brief summary and expand to show additional content.",
|
|
6688
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/details",
|
|
6689
|
-
"status": "stable",
|
|
6690
|
-
"since": "2.0",
|
|
6691
|
-
"dependencies": [
|
|
6692
|
-
"flow-ui-icon"
|
|
6693
|
-
],
|
|
6694
|
-
"animations": [
|
|
6695
|
-
{
|
|
6696
|
-
"name": "details.show",
|
|
6697
|
-
"description": "The animation to use when showing details. You can use `height: auto` with this animation."
|
|
6698
|
-
},
|
|
6699
|
-
{
|
|
6700
|
-
"name": "details.hide",
|
|
6701
|
-
"description": "The animation to use when hiding details. You can use `height: auto` with this animation."
|
|
6702
|
-
}
|
|
6703
|
-
],
|
|
6704
|
-
"tagName": "flow-ui-details",
|
|
6705
|
-
"customElement": true
|
|
6711
|
+
}
|
|
6706
6712
|
}
|
|
6707
6713
|
],
|
|
6708
6714
|
"exports": [
|
|
@@ -6710,16 +6716,31 @@
|
|
|
6710
6716
|
"kind": "js",
|
|
6711
6717
|
"name": "default",
|
|
6712
6718
|
"declaration": {
|
|
6713
|
-
"name": "
|
|
6714
|
-
"module": "components/
|
|
6719
|
+
"name": "FlowDatetimePicker",
|
|
6720
|
+
"module": "components/date-time-picker/date-time-picker.component.js"
|
|
6721
|
+
}
|
|
6722
|
+
}
|
|
6723
|
+
]
|
|
6724
|
+
},
|
|
6725
|
+
{
|
|
6726
|
+
"kind": "javascript-module",
|
|
6727
|
+
"path": "components/date-time-picker/date-time-picker.js",
|
|
6728
|
+
"declarations": [],
|
|
6729
|
+
"exports": [
|
|
6730
|
+
{
|
|
6731
|
+
"kind": "js",
|
|
6732
|
+
"name": "*",
|
|
6733
|
+
"declaration": {
|
|
6734
|
+
"name": "*",
|
|
6735
|
+
"package": "./date-time-picker.component.js"
|
|
6715
6736
|
}
|
|
6716
6737
|
},
|
|
6717
6738
|
{
|
|
6718
|
-
"kind": "
|
|
6719
|
-
"name": "
|
|
6739
|
+
"kind": "js",
|
|
6740
|
+
"name": "default",
|
|
6720
6741
|
"declaration": {
|
|
6721
|
-
"name": "
|
|
6722
|
-
"module": "components/
|
|
6742
|
+
"name": "FlowDateTimePicker",
|
|
6743
|
+
"module": "components/date-time-picker/date-time-picker.js"
|
|
6723
6744
|
}
|
|
6724
6745
|
}
|
|
6725
6746
|
]
|
|
@@ -10871,7 +10892,7 @@
|
|
|
10871
10892
|
},
|
|
10872
10893
|
{
|
|
10873
10894
|
"kind": "javascript-module",
|
|
10874
|
-
"path": "components/option/option.js",
|
|
10895
|
+
"path": "components/option/option.component.js",
|
|
10875
10896
|
"declarations": [
|
|
10876
10897
|
{
|
|
10877
10898
|
"kind": "class",
|
|
@@ -10914,6 +10935,15 @@
|
|
|
10914
10935
|
}
|
|
10915
10936
|
],
|
|
10916
10937
|
"members": [
|
|
10938
|
+
{
|
|
10939
|
+
"kind": "field",
|
|
10940
|
+
"name": "dependencies",
|
|
10941
|
+
"type": {
|
|
10942
|
+
"text": "object"
|
|
10943
|
+
},
|
|
10944
|
+
"static": true,
|
|
10945
|
+
"default": "{ 'flow-ui-icon': FlowIcon }"
|
|
10946
|
+
},
|
|
10917
10947
|
{
|
|
10918
10948
|
"kind": "field",
|
|
10919
10949
|
"name": "cachedTextLabel",
|
|
@@ -11045,9 +11075,7 @@
|
|
|
11045
11075
|
"since": "2.0",
|
|
11046
11076
|
"dependencies": [
|
|
11047
11077
|
"flow-ui-icon"
|
|
11048
|
-
]
|
|
11049
|
-
"tagName": "flow-ui-option",
|
|
11050
|
-
"customElement": true
|
|
11078
|
+
]
|
|
11051
11079
|
}
|
|
11052
11080
|
],
|
|
11053
11081
|
"exports": [
|
|
@@ -11056,12 +11084,27 @@
|
|
|
11056
11084
|
"name": "default",
|
|
11057
11085
|
"declaration": {
|
|
11058
11086
|
"name": "FlowOption",
|
|
11059
|
-
"module": "components/option/option.js"
|
|
11087
|
+
"module": "components/option/option.component.js"
|
|
11088
|
+
}
|
|
11089
|
+
}
|
|
11090
|
+
]
|
|
11091
|
+
},
|
|
11092
|
+
{
|
|
11093
|
+
"kind": "javascript-module",
|
|
11094
|
+
"path": "components/option/option.js",
|
|
11095
|
+
"declarations": [],
|
|
11096
|
+
"exports": [
|
|
11097
|
+
{
|
|
11098
|
+
"kind": "js",
|
|
11099
|
+
"name": "*",
|
|
11100
|
+
"declaration": {
|
|
11101
|
+
"name": "*",
|
|
11102
|
+
"package": "./option.component.js"
|
|
11060
11103
|
}
|
|
11061
11104
|
},
|
|
11062
11105
|
{
|
|
11063
|
-
"kind": "
|
|
11064
|
-
"name": "
|
|
11106
|
+
"kind": "js",
|
|
11107
|
+
"name": "default",
|
|
11065
11108
|
"declaration": {
|
|
11066
11109
|
"name": "FlowOption",
|
|
11067
11110
|
"module": "components/option/option.js"
|
|
@@ -11434,12 +11477,12 @@
|
|
|
11434
11477
|
},
|
|
11435
11478
|
{
|
|
11436
11479
|
"kind": "javascript-module",
|
|
11437
|
-
"path": "components/popup/popup.js",
|
|
11480
|
+
"path": "components/popup/popup.component.js",
|
|
11438
11481
|
"declarations": [
|
|
11439
11482
|
{
|
|
11440
11483
|
"kind": "class",
|
|
11441
11484
|
"description": "",
|
|
11442
|
-
"name": "
|
|
11485
|
+
"name": "SlPopup",
|
|
11443
11486
|
"cssProperties": [
|
|
11444
11487
|
{
|
|
11445
11488
|
"description": "The size of the arrow. Note that an arrow won't be shown unless the `arrow` attribute is used.",
|
|
@@ -11449,7 +11492,7 @@
|
|
|
11449
11492
|
{
|
|
11450
11493
|
"description": "The color of the arrow.",
|
|
11451
11494
|
"name": "--arrow-color",
|
|
11452
|
-
"default": "var(--
|
|
11495
|
+
"default": "var(--sl-color-neutral-0)"
|
|
11453
11496
|
},
|
|
11454
11497
|
{
|
|
11455
11498
|
"description": "A read-only custom property that determines the amount of width the popup can be before overflowing. Useful for positioning child elements that need to overflow. This property is only available when using `auto-size`.",
|
|
@@ -11468,6 +11511,10 @@
|
|
|
11468
11511
|
{
|
|
11469
11512
|
"description": "The popup's container. Useful for setting a background color, box shadow, etc.",
|
|
11470
11513
|
"name": "popup"
|
|
11514
|
+
},
|
|
11515
|
+
{
|
|
11516
|
+
"description": "The hover bridge element. Only available when the `hover-bridge` option is enabled.",
|
|
11517
|
+
"name": "hover-bridge"
|
|
11471
11518
|
}
|
|
11472
11519
|
],
|
|
11473
11520
|
"slots": [
|
|
@@ -11485,7 +11532,7 @@
|
|
|
11485
11532
|
"kind": "field",
|
|
11486
11533
|
"name": "anchorEl",
|
|
11487
11534
|
"type": {
|
|
11488
|
-
"text": "Element | null"
|
|
11535
|
+
"text": "Element | VirtualElement | null"
|
|
11489
11536
|
},
|
|
11490
11537
|
"privacy": "private"
|
|
11491
11538
|
},
|
|
@@ -11517,9 +11564,9 @@
|
|
|
11517
11564
|
"kind": "field",
|
|
11518
11565
|
"name": "anchor",
|
|
11519
11566
|
"type": {
|
|
11520
|
-
"text": "Element | string"
|
|
11567
|
+
"text": "Element | string | VirtualElement"
|
|
11521
11568
|
},
|
|
11522
|
-
"description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide
|
|
11569
|
+
"description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
|
|
11523
11570
|
"attribute": "anchor"
|
|
11524
11571
|
},
|
|
11525
11572
|
{
|
|
@@ -11720,6 +11767,16 @@
|
|
|
11720
11767
|
"description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
|
|
11721
11768
|
"attribute": "auto-size-padding"
|
|
11722
11769
|
},
|
|
11770
|
+
{
|
|
11771
|
+
"kind": "field",
|
|
11772
|
+
"name": "hoverBridge",
|
|
11773
|
+
"type": {
|
|
11774
|
+
"text": "boolean"
|
|
11775
|
+
},
|
|
11776
|
+
"default": "false",
|
|
11777
|
+
"description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
|
|
11778
|
+
"attribute": "hover-bridge"
|
|
11779
|
+
},
|
|
11723
11780
|
{
|
|
11724
11781
|
"kind": "method",
|
|
11725
11782
|
"name": "handleAnchorChange",
|
|
@@ -11744,22 +11801,27 @@
|
|
|
11744
11801
|
"kind": "method",
|
|
11745
11802
|
"name": "reposition",
|
|
11746
11803
|
"description": "Forces the popup to recalculate and reposition itself."
|
|
11804
|
+
},
|
|
11805
|
+
{
|
|
11806
|
+
"kind": "field",
|
|
11807
|
+
"name": "updateHoverBridge",
|
|
11808
|
+
"privacy": "private"
|
|
11747
11809
|
}
|
|
11748
11810
|
],
|
|
11749
11811
|
"events": [
|
|
11750
11812
|
{
|
|
11751
11813
|
"description": "Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it.",
|
|
11752
|
-
"name": "
|
|
11753
|
-
"reactName": "
|
|
11814
|
+
"name": "sl-reposition",
|
|
11815
|
+
"reactName": "onSlReposition"
|
|
11754
11816
|
}
|
|
11755
11817
|
],
|
|
11756
11818
|
"attributes": [
|
|
11757
11819
|
{
|
|
11758
11820
|
"name": "anchor",
|
|
11759
11821
|
"type": {
|
|
11760
|
-
"text": "Element | string"
|
|
11822
|
+
"text": "Element | string | VirtualElement"
|
|
11761
11823
|
},
|
|
11762
|
-
"description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide
|
|
11824
|
+
"description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide the anchor\nelement `id`, a DOM element reference, or a `VirtualElement`. If the anchor lives inside the popup, use the\n`anchor` slot instead.",
|
|
11763
11825
|
"fieldName": "anchor"
|
|
11764
11826
|
},
|
|
11765
11827
|
{
|
|
@@ -11936,18 +11998,25 @@
|
|
|
11936
11998
|
"default": "0",
|
|
11937
11999
|
"description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
|
|
11938
12000
|
"fieldName": "autoSizePadding"
|
|
12001
|
+
},
|
|
12002
|
+
{
|
|
12003
|
+
"name": "hover-bridge",
|
|
12004
|
+
"type": {
|
|
12005
|
+
"text": "boolean"
|
|
12006
|
+
},
|
|
12007
|
+
"default": "false",
|
|
12008
|
+
"description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
|
|
12009
|
+
"fieldName": "hoverBridge"
|
|
11939
12010
|
}
|
|
11940
12011
|
],
|
|
11941
12012
|
"superclass": {
|
|
11942
|
-
"name": "
|
|
11943
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
12013
|
+
"name": "FlowRDfElement",
|
|
12014
|
+
"module": "/src/internal/flow-ui-rdf-element.js"
|
|
11944
12015
|
},
|
|
11945
12016
|
"summary": "Popup is a utility that lets you declaratively anchor \"popup\" containers to another element.",
|
|
11946
|
-
"documentation": "https://
|
|
12017
|
+
"documentation": "https://shoelace.style/components/popup",
|
|
11947
12018
|
"status": "stable",
|
|
11948
|
-
"since": "2.0"
|
|
11949
|
-
"tagName": "flow-ui-popup",
|
|
11950
|
-
"customElement": true
|
|
12019
|
+
"since": "2.0"
|
|
11951
12020
|
}
|
|
11952
12021
|
],
|
|
11953
12022
|
"exports": [
|
|
@@ -11955,13 +12024,28 @@
|
|
|
11955
12024
|
"kind": "js",
|
|
11956
12025
|
"name": "default",
|
|
11957
12026
|
"declaration": {
|
|
11958
|
-
"name": "
|
|
11959
|
-
"module": "components/popup/popup.js"
|
|
12027
|
+
"name": "SlPopup",
|
|
12028
|
+
"module": "components/popup/popup.component.js"
|
|
12029
|
+
}
|
|
12030
|
+
}
|
|
12031
|
+
]
|
|
12032
|
+
},
|
|
12033
|
+
{
|
|
12034
|
+
"kind": "javascript-module",
|
|
12035
|
+
"path": "components/popup/popup.js",
|
|
12036
|
+
"declarations": [],
|
|
12037
|
+
"exports": [
|
|
12038
|
+
{
|
|
12039
|
+
"kind": "js",
|
|
12040
|
+
"name": "*",
|
|
12041
|
+
"declaration": {
|
|
12042
|
+
"name": "*",
|
|
12043
|
+
"package": "./popup.component.js"
|
|
11960
12044
|
}
|
|
11961
12045
|
},
|
|
11962
12046
|
{
|
|
11963
|
-
"kind": "
|
|
11964
|
-
"name": "
|
|
12047
|
+
"kind": "js",
|
|
12048
|
+
"name": "default",
|
|
11965
12049
|
"declaration": {
|
|
11966
12050
|
"name": "FlowPopup",
|
|
11967
12051
|
"module": "components/popup/popup.js"
|
|
@@ -13853,7 +13937,7 @@
|
|
|
13853
13937
|
},
|
|
13854
13938
|
{
|
|
13855
13939
|
"kind": "javascript-module",
|
|
13856
|
-
"path": "components/select/select.js",
|
|
13940
|
+
"path": "components/select/select.component.js",
|
|
13857
13941
|
"declarations": [
|
|
13858
13942
|
{
|
|
13859
13943
|
"kind": "class",
|
|
@@ -13877,13 +13961,17 @@
|
|
|
13877
13961
|
"name": "form-control-help-text"
|
|
13878
13962
|
},
|
|
13879
13963
|
{
|
|
13880
|
-
"description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
|
|
13964
|
+
"description": "The container the wraps the prefix, suffix, combobox, clear icon, and expand button.",
|
|
13881
13965
|
"name": "combobox"
|
|
13882
13966
|
},
|
|
13883
13967
|
{
|
|
13884
13968
|
"description": "The container that wraps the prefix slot.",
|
|
13885
13969
|
"name": "prefix"
|
|
13886
13970
|
},
|
|
13971
|
+
{
|
|
13972
|
+
"description": "The container that wraps the suffix slot.",
|
|
13973
|
+
"name": "suffix"
|
|
13974
|
+
},
|
|
13887
13975
|
{
|
|
13888
13976
|
"description": "The element that displays the selected option's label, an `<input>` element.",
|
|
13889
13977
|
"name": "display-input"
|
|
@@ -13927,7 +14015,7 @@
|
|
|
13927
14015
|
],
|
|
13928
14016
|
"slots": [
|
|
13929
14017
|
{
|
|
13930
|
-
"description": "The listbox options. Must be `<flow-
|
|
14018
|
+
"description": "The listbox options. Must be `<flow-option>` elements. You can use `<flow-divider>` to group items visually.",
|
|
13931
14019
|
"name": ""
|
|
13932
14020
|
},
|
|
13933
14021
|
{
|
|
@@ -13938,6 +14026,10 @@
|
|
|
13938
14026
|
"description": "Used to prepend a presentational icon or similar element to the combobox.",
|
|
13939
14027
|
"name": "prefix"
|
|
13940
14028
|
},
|
|
14029
|
+
{
|
|
14030
|
+
"description": "Used to append a presentational icon or similar element to the combobox.",
|
|
14031
|
+
"name": "suffix"
|
|
14032
|
+
},
|
|
13941
14033
|
{
|
|
13942
14034
|
"description": "An icon to use in lieu of the default clear icon.",
|
|
13943
14035
|
"name": "clear-icon"
|
|
@@ -13952,6 +14044,15 @@
|
|
|
13952
14044
|
}
|
|
13953
14045
|
],
|
|
13954
14046
|
"members": [
|
|
14047
|
+
{
|
|
14048
|
+
"kind": "field",
|
|
14049
|
+
"name": "dependencies",
|
|
14050
|
+
"type": {
|
|
14051
|
+
"text": "object"
|
|
14052
|
+
},
|
|
14053
|
+
"static": true,
|
|
14054
|
+
"default": "{\n 'flow-icon': FlowIcon,\n 'flow-popup': FlowPopup,\n 'flow-tag': FlowTag\n }"
|
|
14055
|
+
},
|
|
13955
14056
|
{
|
|
13956
14057
|
"kind": "field",
|
|
13957
14058
|
"name": "formControlController",
|
|
@@ -13992,12 +14093,19 @@
|
|
|
13992
14093
|
},
|
|
13993
14094
|
{
|
|
13994
14095
|
"kind": "field",
|
|
13995
|
-
"name": "
|
|
14096
|
+
"name": "closeWatcher",
|
|
13996
14097
|
"type": {
|
|
13997
|
-
"text": "
|
|
14098
|
+
"text": "CloseWatcher | null"
|
|
13998
14099
|
},
|
|
13999
|
-
"privacy": "private"
|
|
14000
|
-
|
|
14100
|
+
"privacy": "private"
|
|
14101
|
+
},
|
|
14102
|
+
{
|
|
14103
|
+
"kind": "field",
|
|
14104
|
+
"name": "mutationObserver",
|
|
14105
|
+
"type": {
|
|
14106
|
+
"text": "MutationObserver"
|
|
14107
|
+
},
|
|
14108
|
+
"privacy": "private"
|
|
14001
14109
|
},
|
|
14002
14110
|
{
|
|
14003
14111
|
"kind": "field",
|
|
@@ -14083,7 +14191,7 @@
|
|
|
14083
14191
|
"text": "string | string[]"
|
|
14084
14192
|
},
|
|
14085
14193
|
"default": "''",
|
|
14086
|
-
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
|
|
14194
|
+
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
|
|
14087
14195
|
"attribute": "value"
|
|
14088
14196
|
},
|
|
14089
14197
|
{
|
|
@@ -14254,6 +14362,15 @@
|
|
|
14254
14362
|
"attribute": "required",
|
|
14255
14363
|
"reflects": true
|
|
14256
14364
|
},
|
|
14365
|
+
{
|
|
14366
|
+
"kind": "field",
|
|
14367
|
+
"name": "getTag",
|
|
14368
|
+
"type": {
|
|
14369
|
+
"text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
|
|
14370
|
+
},
|
|
14371
|
+
"description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
|
|
14372
|
+
"attribute": "getTag"
|
|
14373
|
+
},
|
|
14257
14374
|
{
|
|
14258
14375
|
"kind": "field",
|
|
14259
14376
|
"name": "validity",
|
|
@@ -14287,43 +14404,19 @@
|
|
|
14287
14404
|
"privacy": "private"
|
|
14288
14405
|
},
|
|
14289
14406
|
{
|
|
14290
|
-
"kind": "
|
|
14407
|
+
"kind": "field",
|
|
14291
14408
|
"name": "handleDocumentFocusIn",
|
|
14292
|
-
"privacy": "private"
|
|
14293
|
-
"parameters": [
|
|
14294
|
-
{
|
|
14295
|
-
"name": "event",
|
|
14296
|
-
"type": {
|
|
14297
|
-
"text": "KeyboardEvent"
|
|
14298
|
-
}
|
|
14299
|
-
}
|
|
14300
|
-
]
|
|
14409
|
+
"privacy": "private"
|
|
14301
14410
|
},
|
|
14302
14411
|
{
|
|
14303
|
-
"kind": "
|
|
14412
|
+
"kind": "field",
|
|
14304
14413
|
"name": "handleDocumentKeyDown",
|
|
14305
|
-
"privacy": "private"
|
|
14306
|
-
"parameters": [
|
|
14307
|
-
{
|
|
14308
|
-
"name": "event",
|
|
14309
|
-
"type": {
|
|
14310
|
-
"text": "KeyboardEvent"
|
|
14311
|
-
}
|
|
14312
|
-
}
|
|
14313
|
-
]
|
|
14414
|
+
"privacy": "private"
|
|
14314
14415
|
},
|
|
14315
14416
|
{
|
|
14316
|
-
"kind": "
|
|
14417
|
+
"kind": "field",
|
|
14317
14418
|
"name": "handleDocumentMouseDown",
|
|
14318
|
-
"privacy": "private"
|
|
14319
|
-
"parameters": [
|
|
14320
|
-
{
|
|
14321
|
-
"name": "event",
|
|
14322
|
-
"type": {
|
|
14323
|
-
"text": "MouseEvent"
|
|
14324
|
-
}
|
|
14325
|
-
}
|
|
14326
|
-
]
|
|
14419
|
+
"privacy": "private"
|
|
14327
14420
|
},
|
|
14328
14421
|
{
|
|
14329
14422
|
"kind": "method",
|
|
@@ -14480,6 +14573,12 @@
|
|
|
14480
14573
|
"name": "selectionChanged",
|
|
14481
14574
|
"privacy": "private"
|
|
14482
14575
|
},
|
|
14576
|
+
{
|
|
14577
|
+
"kind": "field",
|
|
14578
|
+
"name": "tags",
|
|
14579
|
+
"privacy": "protected",
|
|
14580
|
+
"readonly": true
|
|
14581
|
+
},
|
|
14483
14582
|
{
|
|
14484
14583
|
"kind": "method",
|
|
14485
14584
|
"name": "handleInvalid",
|
|
@@ -14636,7 +14735,7 @@
|
|
|
14636
14735
|
"text": "string | string[]"
|
|
14637
14736
|
},
|
|
14638
14737
|
"default": "''",
|
|
14639
|
-
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
|
|
14738
|
+
"description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue attribute will be a space-delimited list of values based on the options selected, and the value property will\nbe an array. **For this reason, values must not contain spaces.**",
|
|
14640
14739
|
"fieldName": "value"
|
|
14641
14740
|
},
|
|
14642
14741
|
{
|
|
@@ -14773,6 +14872,14 @@
|
|
|
14773
14872
|
"default": "false",
|
|
14774
14873
|
"description": "The select's required attribute.",
|
|
14775
14874
|
"fieldName": "required"
|
|
14875
|
+
},
|
|
14876
|
+
{
|
|
14877
|
+
"name": "getTag",
|
|
14878
|
+
"type": {
|
|
14879
|
+
"text": "(option: FlowOption, index: number) => TemplateResult | string | HTMLElement"
|
|
14880
|
+
},
|
|
14881
|
+
"description": "A function that customizes the tags to be rendered when multiple=true. The first argument is the option, the second\nis the current tag's index. The function should return either a Lit TemplateResult or a string containing trusted HTML of the symbol to render at\nthe specified value.",
|
|
14882
|
+
"fieldName": "getTag"
|
|
14776
14883
|
}
|
|
14777
14884
|
],
|
|
14778
14885
|
"superclass": {
|
|
@@ -14780,16 +14887,14 @@
|
|
|
14780
14887
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
14781
14888
|
},
|
|
14782
14889
|
"summary": "Selects allow you to choose items from a menu of predefined options.",
|
|
14783
|
-
"documentation": "https://
|
|
14890
|
+
"documentation": "https://shoelace.style/components/select",
|
|
14784
14891
|
"status": "stable",
|
|
14785
14892
|
"since": "2.0",
|
|
14786
14893
|
"dependencies": [
|
|
14787
|
-
"flow-
|
|
14788
|
-
"flow-
|
|
14789
|
-
"flow-
|
|
14790
|
-
]
|
|
14791
|
-
"tagName": "flow-ui-select",
|
|
14792
|
-
"customElement": true
|
|
14894
|
+
"flow-icon",
|
|
14895
|
+
"flow-popup",
|
|
14896
|
+
"flow-tag"
|
|
14897
|
+
]
|
|
14793
14898
|
}
|
|
14794
14899
|
],
|
|
14795
14900
|
"exports": [
|
|
@@ -14798,12 +14903,27 @@
|
|
|
14798
14903
|
"name": "default",
|
|
14799
14904
|
"declaration": {
|
|
14800
14905
|
"name": "FlowSelect",
|
|
14801
|
-
"module": "components/select/select.js"
|
|
14906
|
+
"module": "components/select/select.component.js"
|
|
14907
|
+
}
|
|
14908
|
+
}
|
|
14909
|
+
]
|
|
14910
|
+
},
|
|
14911
|
+
{
|
|
14912
|
+
"kind": "javascript-module",
|
|
14913
|
+
"path": "components/select/select.js",
|
|
14914
|
+
"declarations": [],
|
|
14915
|
+
"exports": [
|
|
14916
|
+
{
|
|
14917
|
+
"kind": "js",
|
|
14918
|
+
"name": "*",
|
|
14919
|
+
"declaration": {
|
|
14920
|
+
"name": "*",
|
|
14921
|
+
"package": "./select.component.js"
|
|
14802
14922
|
}
|
|
14803
14923
|
},
|
|
14804
14924
|
{
|
|
14805
|
-
"kind": "
|
|
14806
|
-
"name": "
|
|
14925
|
+
"kind": "js",
|
|
14926
|
+
"name": "default",
|
|
14807
14927
|
"declaration": {
|
|
14808
14928
|
"name": "FlowSelect",
|
|
14809
14929
|
"module": "components/select/select.js"
|
|
@@ -18055,7 +18175,7 @@
|
|
|
18055
18175
|
},
|
|
18056
18176
|
{
|
|
18057
18177
|
"kind": "javascript-module",
|
|
18058
|
-
"path": "components/tag/tag.js",
|
|
18178
|
+
"path": "components/tag/tag.component.js",
|
|
18059
18179
|
"declarations": [
|
|
18060
18180
|
{
|
|
18061
18181
|
"kind": "class",
|
|
@@ -18086,6 +18206,15 @@
|
|
|
18086
18206
|
}
|
|
18087
18207
|
],
|
|
18088
18208
|
"members": [
|
|
18209
|
+
{
|
|
18210
|
+
"kind": "field",
|
|
18211
|
+
"name": "dependencies",
|
|
18212
|
+
"type": {
|
|
18213
|
+
"text": "object"
|
|
18214
|
+
},
|
|
18215
|
+
"static": true,
|
|
18216
|
+
"default": "{ 'flow-icon-button': FlowIconButton }"
|
|
18217
|
+
},
|
|
18089
18218
|
{
|
|
18090
18219
|
"kind": "field",
|
|
18091
18220
|
"name": "localize",
|
|
@@ -18197,9 +18326,7 @@
|
|
|
18197
18326
|
"since": "2.0",
|
|
18198
18327
|
"dependencies": [
|
|
18199
18328
|
"flow-ui-icon-button"
|
|
18200
|
-
]
|
|
18201
|
-
"tagName": "flow-ui-tag",
|
|
18202
|
-
"customElement": true
|
|
18329
|
+
]
|
|
18203
18330
|
}
|
|
18204
18331
|
],
|
|
18205
18332
|
"exports": [
|
|
@@ -18208,12 +18335,27 @@
|
|
|
18208
18335
|
"name": "default",
|
|
18209
18336
|
"declaration": {
|
|
18210
18337
|
"name": "FlowTag",
|
|
18211
|
-
"module": "components/tag/tag.js"
|
|
18338
|
+
"module": "components/tag/tag.component.js"
|
|
18339
|
+
}
|
|
18340
|
+
}
|
|
18341
|
+
]
|
|
18342
|
+
},
|
|
18343
|
+
{
|
|
18344
|
+
"kind": "javascript-module",
|
|
18345
|
+
"path": "components/tag/tag.js",
|
|
18346
|
+
"declarations": [],
|
|
18347
|
+
"exports": [
|
|
18348
|
+
{
|
|
18349
|
+
"kind": "js",
|
|
18350
|
+
"name": "*",
|
|
18351
|
+
"declaration": {
|
|
18352
|
+
"name": "*",
|
|
18353
|
+
"package": "./tag.component.js"
|
|
18212
18354
|
}
|
|
18213
18355
|
},
|
|
18214
18356
|
{
|
|
18215
|
-
"kind": "
|
|
18216
|
-
"name": "
|
|
18357
|
+
"kind": "js",
|
|
18358
|
+
"name": "default",
|
|
18217
18359
|
"declaration": {
|
|
18218
18360
|
"name": "FlowTag",
|
|
18219
18361
|
"module": "components/tag/tag.js"
|
|
@@ -21033,9 +21175,49 @@
|
|
|
21033
21175
|
},
|
|
21034
21176
|
{
|
|
21035
21177
|
"kind": "javascript-module",
|
|
21036
|
-
"path": "components/
|
|
21037
|
-
"declarations": [
|
|
21038
|
-
|
|
21178
|
+
"path": "components/visually-hidden/visually-hidden.js",
|
|
21179
|
+
"declarations": [
|
|
21180
|
+
{
|
|
21181
|
+
"kind": "class",
|
|
21182
|
+
"description": "",
|
|
21183
|
+
"name": "FlowVisuallyHidden",
|
|
21184
|
+
"slots": [
|
|
21185
|
+
{
|
|
21186
|
+
"description": "The content to be visually hidden.",
|
|
21187
|
+
"name": ""
|
|
21188
|
+
}
|
|
21189
|
+
],
|
|
21190
|
+
"members": [],
|
|
21191
|
+
"superclass": {
|
|
21192
|
+
"name": "FlowRdfElement",
|
|
21193
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
21194
|
+
},
|
|
21195
|
+
"summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
|
|
21196
|
+
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden",
|
|
21197
|
+
"status": "stable",
|
|
21198
|
+
"since": "2.0",
|
|
21199
|
+
"tagName": "flow-ui-visually-hidden",
|
|
21200
|
+
"customElement": true
|
|
21201
|
+
}
|
|
21202
|
+
],
|
|
21203
|
+
"exports": [
|
|
21204
|
+
{
|
|
21205
|
+
"kind": "js",
|
|
21206
|
+
"name": "default",
|
|
21207
|
+
"declaration": {
|
|
21208
|
+
"name": "FlowVisuallyHidden",
|
|
21209
|
+
"module": "components/visually-hidden/visually-hidden.js"
|
|
21210
|
+
}
|
|
21211
|
+
},
|
|
21212
|
+
{
|
|
21213
|
+
"kind": "custom-element-definition",
|
|
21214
|
+
"name": "flow-ui-visually-hidden",
|
|
21215
|
+
"declaration": {
|
|
21216
|
+
"name": "FlowVisuallyHidden",
|
|
21217
|
+
"module": "components/visually-hidden/visually-hidden.js"
|
|
21218
|
+
}
|
|
21219
|
+
}
|
|
21220
|
+
]
|
|
21039
21221
|
},
|
|
21040
21222
|
{
|
|
21041
21223
|
"kind": "javascript-module",
|
|
@@ -21078,6 +21260,12 @@
|
|
|
21078
21260
|
}
|
|
21079
21261
|
]
|
|
21080
21262
|
},
|
|
21263
|
+
{
|
|
21264
|
+
"kind": "javascript-module",
|
|
21265
|
+
"path": "components/chart/chartjs-plugins/luxon.adapter.js",
|
|
21266
|
+
"declarations": [],
|
|
21267
|
+
"exports": []
|
|
21268
|
+
},
|
|
21081
21269
|
{
|
|
21082
21270
|
"kind": "javascript-module",
|
|
21083
21271
|
"path": "components/chart/chartjs-plugins/plugin.flow-ui-colors.js",
|
|
@@ -21256,56 +21444,10 @@
|
|
|
21256
21444
|
}
|
|
21257
21445
|
}
|
|
21258
21446
|
]
|
|
21259
|
-
},
|
|
21260
|
-
{
|
|
21261
|
-
"kind": "javascript-module",
|
|
21262
|
-
"path": "components/visually-hidden/visually-hidden.js",
|
|
21263
|
-
"declarations": [
|
|
21264
|
-
{
|
|
21265
|
-
"kind": "class",
|
|
21266
|
-
"description": "",
|
|
21267
|
-
"name": "FlowVisuallyHidden",
|
|
21268
|
-
"slots": [
|
|
21269
|
-
{
|
|
21270
|
-
"description": "The content to be visually hidden.",
|
|
21271
|
-
"name": ""
|
|
21272
|
-
}
|
|
21273
|
-
],
|
|
21274
|
-
"members": [],
|
|
21275
|
-
"superclass": {
|
|
21276
|
-
"name": "FlowRdfElement",
|
|
21277
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
21278
|
-
},
|
|
21279
|
-
"summary": "The visually hidden utility makes content accessible to assistive devices without displaying it on the screen.",
|
|
21280
|
-
"documentation": "https://developer.emu-analytics.net/docs/flow-ui-rdf/components/visually-hidden",
|
|
21281
|
-
"status": "stable",
|
|
21282
|
-
"since": "2.0",
|
|
21283
|
-
"tagName": "flow-ui-visually-hidden",
|
|
21284
|
-
"customElement": true
|
|
21285
|
-
}
|
|
21286
|
-
],
|
|
21287
|
-
"exports": [
|
|
21288
|
-
{
|
|
21289
|
-
"kind": "js",
|
|
21290
|
-
"name": "default",
|
|
21291
|
-
"declaration": {
|
|
21292
|
-
"name": "FlowVisuallyHidden",
|
|
21293
|
-
"module": "components/visually-hidden/visually-hidden.js"
|
|
21294
|
-
}
|
|
21295
|
-
},
|
|
21296
|
-
{
|
|
21297
|
-
"kind": "custom-element-definition",
|
|
21298
|
-
"name": "flow-ui-visually-hidden",
|
|
21299
|
-
"declaration": {
|
|
21300
|
-
"name": "FlowVisuallyHidden",
|
|
21301
|
-
"module": "components/visually-hidden/visually-hidden.js"
|
|
21302
|
-
}
|
|
21303
|
-
}
|
|
21304
|
-
]
|
|
21305
21447
|
}
|
|
21306
21448
|
],
|
|
21307
21449
|
"package": {
|
|
21308
21450
|
"name": "@emuanalytics/flow-rdf-ui",
|
|
21309
|
-
"version": "0.0.
|
|
21451
|
+
"version": "0.0.26"
|
|
21310
21452
|
}
|
|
21311
21453
|
}
|