@emuanalytics/flow-rdf-ui 4.1.2 → 4.1.4
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/components/autocomplete/autocomplete.component.mjs +621 -0
- package/dist/components/autocomplete/autocomplete.mjs +5 -0
- package/dist/components/autocomplete/autocomplete.styles.mjs +233 -0
- package/dist/components/list-item/list-item.component.mjs +2 -1
- package/dist/components/list-item/list-item.styles.mjs +15 -3
- package/dist/custom-elements.json +870 -207
- package/dist/index.d.mts +193 -7
- package/dist/index.d.ts +193 -7
- package/dist/index.mjs +1 -0
- package/dist/utilities/register-components.mjs +2 -0
- package/dist/vscode.html-custom-data.json +134 -35
- package/package.json +3 -3
- package/themes/dark.css +4 -0
- package/themes/dark.styles.js +4 -0
- package/themes/light.css +4 -0
- package/themes/light.styles.js +4 -0
|
@@ -668,145 +668,6 @@
|
|
|
668
668
|
}
|
|
669
669
|
]
|
|
670
670
|
},
|
|
671
|
-
{
|
|
672
|
-
"kind": "javascript-module",
|
|
673
|
-
"path": "components/badge/badge.component.js",
|
|
674
|
-
"declarations": [
|
|
675
|
-
{
|
|
676
|
-
"kind": "class",
|
|
677
|
-
"description": "",
|
|
678
|
-
"name": "FlowUiBadge",
|
|
679
|
-
"cssParts": [
|
|
680
|
-
{
|
|
681
|
-
"description": "The component's base wrapper.",
|
|
682
|
-
"name": "base"
|
|
683
|
-
}
|
|
684
|
-
],
|
|
685
|
-
"slots": [
|
|
686
|
-
{
|
|
687
|
-
"description": "The badge's content.",
|
|
688
|
-
"name": ""
|
|
689
|
-
}
|
|
690
|
-
],
|
|
691
|
-
"members": [
|
|
692
|
-
{
|
|
693
|
-
"kind": "field",
|
|
694
|
-
"name": "variant",
|
|
695
|
-
"type": {
|
|
696
|
-
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
697
|
-
},
|
|
698
|
-
"default": "'primary'",
|
|
699
|
-
"description": "The badge's theme variant.",
|
|
700
|
-
"attribute": "variant",
|
|
701
|
-
"reflects": true
|
|
702
|
-
},
|
|
703
|
-
{
|
|
704
|
-
"kind": "field",
|
|
705
|
-
"name": "size",
|
|
706
|
-
"type": {
|
|
707
|
-
"text": "'small' | 'medium' | 'large'"
|
|
708
|
-
},
|
|
709
|
-
"default": "'medium'",
|
|
710
|
-
"description": "The badge size.",
|
|
711
|
-
"attribute": "size",
|
|
712
|
-
"reflects": true
|
|
713
|
-
},
|
|
714
|
-
{
|
|
715
|
-
"kind": "field",
|
|
716
|
-
"name": "pill",
|
|
717
|
-
"type": {
|
|
718
|
-
"text": "boolean"
|
|
719
|
-
},
|
|
720
|
-
"default": "false",
|
|
721
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
722
|
-
"attribute": "pill",
|
|
723
|
-
"reflects": true
|
|
724
|
-
},
|
|
725
|
-
{
|
|
726
|
-
"kind": "field",
|
|
727
|
-
"name": "pulse",
|
|
728
|
-
"type": {
|
|
729
|
-
"text": "boolean"
|
|
730
|
-
},
|
|
731
|
-
"default": "false",
|
|
732
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
733
|
-
"attribute": "pulse",
|
|
734
|
-
"reflects": true
|
|
735
|
-
}
|
|
736
|
-
],
|
|
737
|
-
"attributes": [
|
|
738
|
-
{
|
|
739
|
-
"name": "variant",
|
|
740
|
-
"type": {
|
|
741
|
-
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
742
|
-
},
|
|
743
|
-
"default": "'primary'",
|
|
744
|
-
"description": "The badge's theme variant.",
|
|
745
|
-
"fieldName": "variant"
|
|
746
|
-
},
|
|
747
|
-
{
|
|
748
|
-
"name": "size",
|
|
749
|
-
"type": {
|
|
750
|
-
"text": "'small' | 'medium' | 'large'"
|
|
751
|
-
},
|
|
752
|
-
"default": "'medium'",
|
|
753
|
-
"description": "The badge size.",
|
|
754
|
-
"fieldName": "size"
|
|
755
|
-
},
|
|
756
|
-
{
|
|
757
|
-
"name": "pill",
|
|
758
|
-
"type": {
|
|
759
|
-
"text": "boolean"
|
|
760
|
-
},
|
|
761
|
-
"default": "false",
|
|
762
|
-
"description": "Draws a pill-style badge with rounded edges.",
|
|
763
|
-
"fieldName": "pill"
|
|
764
|
-
},
|
|
765
|
-
{
|
|
766
|
-
"name": "pulse",
|
|
767
|
-
"type": {
|
|
768
|
-
"text": "boolean"
|
|
769
|
-
},
|
|
770
|
-
"default": "false",
|
|
771
|
-
"description": "Makes the badge pulsate to draw attention.",
|
|
772
|
-
"fieldName": "pulse"
|
|
773
|
-
}
|
|
774
|
-
],
|
|
775
|
-
"superclass": {
|
|
776
|
-
"name": "FlowRdfElement",
|
|
777
|
-
"module": "/src/internal/flow-ui-rdf-element"
|
|
778
|
-
},
|
|
779
|
-
"tagName": "flow-ui-badge",
|
|
780
|
-
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
781
|
-
"customElement": true
|
|
782
|
-
}
|
|
783
|
-
],
|
|
784
|
-
"exports": [
|
|
785
|
-
{
|
|
786
|
-
"kind": "js",
|
|
787
|
-
"name": "default",
|
|
788
|
-
"declaration": {
|
|
789
|
-
"name": "FlowUiBadge",
|
|
790
|
-
"module": "components/badge/badge.component.js"
|
|
791
|
-
}
|
|
792
|
-
}
|
|
793
|
-
]
|
|
794
|
-
},
|
|
795
|
-
{
|
|
796
|
-
"kind": "javascript-module",
|
|
797
|
-
"path": "components/badge/badge.js",
|
|
798
|
-
"declarations": [],
|
|
799
|
-
"exports": [
|
|
800
|
-
{
|
|
801
|
-
"kind": "js",
|
|
802
|
-
"name": "default",
|
|
803
|
-
"declaration": {
|
|
804
|
-
"name": "FlowUiBadge",
|
|
805
|
-
"module": "components/badge/badge.js"
|
|
806
|
-
}
|
|
807
|
-
}
|
|
808
|
-
]
|
|
809
|
-
},
|
|
810
671
|
{
|
|
811
672
|
"kind": "javascript-module",
|
|
812
673
|
"path": "components/avatar/avatar.component.js",
|
|
@@ -994,122 +855,769 @@
|
|
|
994
855
|
},
|
|
995
856
|
{
|
|
996
857
|
"kind": "javascript-module",
|
|
997
|
-
"path": "components/
|
|
858
|
+
"path": "components/badge/badge.component.js",
|
|
998
859
|
"declarations": [
|
|
999
860
|
{
|
|
1000
861
|
"kind": "class",
|
|
1001
862
|
"description": "",
|
|
1002
|
-
"name": "
|
|
863
|
+
"name": "FlowUiBadge",
|
|
1003
864
|
"cssParts": [
|
|
1004
865
|
{
|
|
1005
866
|
"description": "The component's base wrapper.",
|
|
1006
867
|
"name": "base"
|
|
1007
|
-
}
|
|
868
|
+
}
|
|
869
|
+
],
|
|
870
|
+
"slots": [
|
|
1008
871
|
{
|
|
1009
|
-
"description": "The
|
|
1010
|
-
"name": "
|
|
872
|
+
"description": "The badge's content.",
|
|
873
|
+
"name": ""
|
|
874
|
+
}
|
|
875
|
+
],
|
|
876
|
+
"members": [
|
|
877
|
+
{
|
|
878
|
+
"kind": "field",
|
|
879
|
+
"name": "variant",
|
|
880
|
+
"type": {
|
|
881
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
882
|
+
},
|
|
883
|
+
"default": "'primary'",
|
|
884
|
+
"description": "The badge's theme variant.",
|
|
885
|
+
"attribute": "variant",
|
|
886
|
+
"reflects": true
|
|
1011
887
|
},
|
|
1012
888
|
{
|
|
1013
|
-
"
|
|
1014
|
-
"name": "
|
|
889
|
+
"kind": "field",
|
|
890
|
+
"name": "size",
|
|
891
|
+
"type": {
|
|
892
|
+
"text": "'small' | 'medium' | 'large'"
|
|
893
|
+
},
|
|
894
|
+
"default": "'medium'",
|
|
895
|
+
"description": "The badge size.",
|
|
896
|
+
"attribute": "size",
|
|
897
|
+
"reflects": true
|
|
1015
898
|
},
|
|
1016
899
|
{
|
|
1017
|
-
"
|
|
1018
|
-
"name": "
|
|
900
|
+
"kind": "field",
|
|
901
|
+
"name": "pill",
|
|
902
|
+
"type": {
|
|
903
|
+
"text": "boolean"
|
|
904
|
+
},
|
|
905
|
+
"default": "false",
|
|
906
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
907
|
+
"attribute": "pill",
|
|
908
|
+
"reflects": true
|
|
1019
909
|
},
|
|
1020
910
|
{
|
|
1021
|
-
"
|
|
1022
|
-
"name": "
|
|
911
|
+
"kind": "field",
|
|
912
|
+
"name": "pulse",
|
|
913
|
+
"type": {
|
|
914
|
+
"text": "boolean"
|
|
915
|
+
},
|
|
916
|
+
"default": "false",
|
|
917
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
918
|
+
"attribute": "pulse",
|
|
919
|
+
"reflects": true
|
|
1023
920
|
}
|
|
1024
921
|
],
|
|
1025
|
-
"
|
|
922
|
+
"attributes": [
|
|
1026
923
|
{
|
|
1027
|
-
"
|
|
1028
|
-
"
|
|
924
|
+
"name": "variant",
|
|
925
|
+
"type": {
|
|
926
|
+
"text": "'primary' | 'secondary' | 'success' | 'neutral' | 'warning' | 'danger'"
|
|
927
|
+
},
|
|
928
|
+
"default": "'primary'",
|
|
929
|
+
"description": "The badge's theme variant.",
|
|
930
|
+
"fieldName": "variant"
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"name": "size",
|
|
934
|
+
"type": {
|
|
935
|
+
"text": "'small' | 'medium' | 'large'"
|
|
936
|
+
},
|
|
937
|
+
"default": "'medium'",
|
|
938
|
+
"description": "The badge size.",
|
|
939
|
+
"fieldName": "size"
|
|
940
|
+
},
|
|
941
|
+
{
|
|
942
|
+
"name": "pill",
|
|
943
|
+
"type": {
|
|
944
|
+
"text": "boolean"
|
|
945
|
+
},
|
|
946
|
+
"default": "false",
|
|
947
|
+
"description": "Draws a pill-style badge with rounded edges.",
|
|
948
|
+
"fieldName": "pill"
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"name": "pulse",
|
|
952
|
+
"type": {
|
|
953
|
+
"text": "boolean"
|
|
954
|
+
},
|
|
955
|
+
"default": "false",
|
|
956
|
+
"description": "Makes the badge pulsate to draw attention.",
|
|
957
|
+
"fieldName": "pulse"
|
|
958
|
+
}
|
|
959
|
+
],
|
|
960
|
+
"superclass": {
|
|
961
|
+
"name": "FlowRdfElement",
|
|
962
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
963
|
+
},
|
|
964
|
+
"tagName": "flow-ui-badge",
|
|
965
|
+
"summary": "Badges are used to draw attention and display statuses or counts.",
|
|
966
|
+
"customElement": true
|
|
967
|
+
}
|
|
968
|
+
],
|
|
969
|
+
"exports": [
|
|
970
|
+
{
|
|
971
|
+
"kind": "js",
|
|
972
|
+
"name": "default",
|
|
973
|
+
"declaration": {
|
|
974
|
+
"name": "FlowUiBadge",
|
|
975
|
+
"module": "components/badge/badge.component.js"
|
|
976
|
+
}
|
|
977
|
+
}
|
|
978
|
+
]
|
|
979
|
+
},
|
|
980
|
+
{
|
|
981
|
+
"kind": "javascript-module",
|
|
982
|
+
"path": "components/badge/badge.js",
|
|
983
|
+
"declarations": [],
|
|
984
|
+
"exports": [
|
|
985
|
+
{
|
|
986
|
+
"kind": "js",
|
|
987
|
+
"name": "default",
|
|
988
|
+
"declaration": {
|
|
989
|
+
"name": "FlowUiBadge",
|
|
990
|
+
"module": "components/badge/badge.js"
|
|
991
|
+
}
|
|
992
|
+
}
|
|
993
|
+
]
|
|
994
|
+
},
|
|
995
|
+
{
|
|
996
|
+
"kind": "javascript-module",
|
|
997
|
+
"path": "components/autocomplete/autocomplete.component.js",
|
|
998
|
+
"declarations": [
|
|
999
|
+
{
|
|
1000
|
+
"kind": "class",
|
|
1001
|
+
"description": "",
|
|
1002
|
+
"name": "FlowUiAutocomplete",
|
|
1003
|
+
"members": [
|
|
1004
|
+
{
|
|
1005
|
+
"kind": "field",
|
|
1006
|
+
"name": "dependencies",
|
|
1007
|
+
"type": {
|
|
1008
|
+
"text": "object"
|
|
1009
|
+
},
|
|
1010
|
+
"static": true,
|
|
1011
|
+
"default": "{\n 'flow-ui-popup': FlowPopup,\n 'flow-ui-icon': FlowIcon\n }"
|
|
1012
|
+
},
|
|
1013
|
+
{
|
|
1014
|
+
"kind": "field",
|
|
1015
|
+
"name": "hasSlotController",
|
|
1016
|
+
"privacy": "private",
|
|
1017
|
+
"readonly": true,
|
|
1018
|
+
"default": "new HasSlotController(this, 'help-text', 'label')"
|
|
1019
|
+
},
|
|
1020
|
+
{
|
|
1021
|
+
"kind": "field",
|
|
1022
|
+
"name": "localize",
|
|
1023
|
+
"privacy": "private",
|
|
1024
|
+
"readonly": true,
|
|
1025
|
+
"default": "new LocalizeController(this)"
|
|
1026
|
+
},
|
|
1027
|
+
{
|
|
1028
|
+
"kind": "field",
|
|
1029
|
+
"name": "debouncedInput",
|
|
1030
|
+
"type": {
|
|
1031
|
+
"text": "((displayValue: string) => void)"
|
|
1032
|
+
},
|
|
1033
|
+
"privacy": "private"
|
|
1034
|
+
},
|
|
1035
|
+
{
|
|
1036
|
+
"kind": "field",
|
|
1037
|
+
"name": "pendingChangeEvent",
|
|
1038
|
+
"type": {
|
|
1039
|
+
"text": "boolean"
|
|
1040
|
+
},
|
|
1041
|
+
"privacy": "private",
|
|
1042
|
+
"default": "false"
|
|
1043
|
+
},
|
|
1044
|
+
{
|
|
1045
|
+
"kind": "field",
|
|
1046
|
+
"name": "pendingInputEvent",
|
|
1047
|
+
"type": {
|
|
1048
|
+
"text": "boolean"
|
|
1049
|
+
},
|
|
1050
|
+
"privacy": "private",
|
|
1051
|
+
"default": "false"
|
|
1052
|
+
},
|
|
1053
|
+
{
|
|
1054
|
+
"kind": "field",
|
|
1055
|
+
"name": "hasOptions",
|
|
1056
|
+
"type": {
|
|
1057
|
+
"text": "boolean"
|
|
1058
|
+
},
|
|
1059
|
+
"privacy": "private",
|
|
1060
|
+
"default": "false"
|
|
1061
|
+
},
|
|
1062
|
+
{
|
|
1063
|
+
"kind": "field",
|
|
1064
|
+
"name": "formControlController",
|
|
1065
|
+
"privacy": "private",
|
|
1066
|
+
"readonly": true,
|
|
1067
|
+
"default": "new FormControlController(this, {\n assumeInteractionOn: ['flow-ui-blur', 'flow-ui-input']\n })"
|
|
1068
|
+
},
|
|
1069
|
+
{
|
|
1070
|
+
"kind": "field",
|
|
1071
|
+
"name": "size",
|
|
1072
|
+
"type": {
|
|
1073
|
+
"text": "'small' | 'medium' | 'large'"
|
|
1074
|
+
},
|
|
1075
|
+
"default": "'medium'",
|
|
1076
|
+
"description": "The autocomplete's size",
|
|
1077
|
+
"attribute": "size",
|
|
1078
|
+
"reflects": true
|
|
1079
|
+
},
|
|
1080
|
+
{
|
|
1081
|
+
"kind": "field",
|
|
1082
|
+
"name": "filled",
|
|
1083
|
+
"type": {
|
|
1084
|
+
"text": "boolean"
|
|
1085
|
+
},
|
|
1086
|
+
"default": "false",
|
|
1087
|
+
"description": "Draws a filled autocomplete input",
|
|
1088
|
+
"attribute": "filled",
|
|
1089
|
+
"reflects": true
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"kind": "field",
|
|
1093
|
+
"name": "pill",
|
|
1094
|
+
"type": {
|
|
1095
|
+
"text": "boolean"
|
|
1096
|
+
},
|
|
1097
|
+
"default": "false",
|
|
1098
|
+
"description": "Draws a pill-style autocomplete input with rounded edges",
|
|
1099
|
+
"attribute": "pill",
|
|
1100
|
+
"reflects": true
|
|
1101
|
+
},
|
|
1102
|
+
{
|
|
1103
|
+
"kind": "field",
|
|
1104
|
+
"name": "label",
|
|
1105
|
+
"type": {
|
|
1106
|
+
"text": "string"
|
|
1107
|
+
},
|
|
1108
|
+
"default": "''",
|
|
1109
|
+
"description": "The autocomplete input's label. If you need to display HTML, use the `help-text` slot instead",
|
|
1110
|
+
"attribute": "label"
|
|
1111
|
+
},
|
|
1112
|
+
{
|
|
1113
|
+
"kind": "field",
|
|
1114
|
+
"name": "helpText",
|
|
1115
|
+
"type": {
|
|
1116
|
+
"text": "string"
|
|
1117
|
+
},
|
|
1118
|
+
"default": "''",
|
|
1119
|
+
"description": "The autocomplete input's help text. If you need to display HTML, use the `help-text` slot instead",
|
|
1120
|
+
"attribute": "help-text"
|
|
1121
|
+
},
|
|
1122
|
+
{
|
|
1123
|
+
"kind": "field",
|
|
1124
|
+
"name": "placeholder",
|
|
1125
|
+
"type": {
|
|
1126
|
+
"text": "string"
|
|
1127
|
+
},
|
|
1128
|
+
"default": "''",
|
|
1129
|
+
"description": "The autocomplete input's placeholder text",
|
|
1130
|
+
"attribute": "placeholder"
|
|
1131
|
+
},
|
|
1132
|
+
{
|
|
1133
|
+
"kind": "field",
|
|
1134
|
+
"name": "disabled",
|
|
1135
|
+
"type": {
|
|
1136
|
+
"text": "boolean"
|
|
1137
|
+
},
|
|
1138
|
+
"default": "false",
|
|
1139
|
+
"description": "Disables the autocomplete",
|
|
1140
|
+
"attribute": "disabled",
|
|
1141
|
+
"reflects": true
|
|
1142
|
+
},
|
|
1143
|
+
{
|
|
1144
|
+
"kind": "field",
|
|
1145
|
+
"name": "form",
|
|
1146
|
+
"type": {
|
|
1147
|
+
"text": "string"
|
|
1148
|
+
},
|
|
1149
|
+
"description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
|
|
1150
|
+
"attribute": "form"
|
|
1151
|
+
},
|
|
1152
|
+
{
|
|
1153
|
+
"kind": "field",
|
|
1154
|
+
"name": "required",
|
|
1155
|
+
"type": {
|
|
1156
|
+
"text": "boolean"
|
|
1157
|
+
},
|
|
1158
|
+
"default": "false",
|
|
1159
|
+
"description": "Makes the autocomplete a required field",
|
|
1160
|
+
"attribute": "required",
|
|
1161
|
+
"reflects": true
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"kind": "field",
|
|
1165
|
+
"name": "inline",
|
|
1166
|
+
"type": {
|
|
1167
|
+
"text": "boolean"
|
|
1168
|
+
},
|
|
1169
|
+
"default": "false",
|
|
1170
|
+
"description": "Display the autocomplete in the 'inline' form control style",
|
|
1171
|
+
"attribute": "inline",
|
|
1172
|
+
"reflects": true
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"kind": "field",
|
|
1176
|
+
"name": "divider",
|
|
1177
|
+
"type": {
|
|
1178
|
+
"text": "boolean"
|
|
1179
|
+
},
|
|
1180
|
+
"default": "false",
|
|
1181
|
+
"description": "Indicates that the control should display a divider",
|
|
1182
|
+
"attribute": "divider",
|
|
1183
|
+
"reflects": true
|
|
1184
|
+
},
|
|
1185
|
+
{
|
|
1186
|
+
"kind": "field",
|
|
1187
|
+
"name": "hoist",
|
|
1188
|
+
"type": {
|
|
1189
|
+
"text": "boolean"
|
|
1190
|
+
},
|
|
1191
|
+
"default": "false",
|
|
1192
|
+
"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.",
|
|
1193
|
+
"attribute": "hoist"
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"kind": "field",
|
|
1197
|
+
"name": "placement",
|
|
1198
|
+
"type": {
|
|
1199
|
+
"text": "'top' | 'bottom'"
|
|
1200
|
+
},
|
|
1201
|
+
"default": "'bottom'",
|
|
1202
|
+
"description": "The preferred placement of the autocomplete's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
|
|
1203
|
+
"attribute": "placement",
|
|
1204
|
+
"reflects": true
|
|
1205
|
+
},
|
|
1206
|
+
{
|
|
1207
|
+
"kind": "field",
|
|
1208
|
+
"name": "value",
|
|
1209
|
+
"type": {
|
|
1210
|
+
"text": "string"
|
|
1211
|
+
},
|
|
1212
|
+
"default": "''",
|
|
1213
|
+
"description": "Current value of the control, selected from one of the valid options available",
|
|
1214
|
+
"attribute": "value"
|
|
1215
|
+
},
|
|
1216
|
+
{
|
|
1217
|
+
"kind": "field",
|
|
1218
|
+
"name": "displayWith",
|
|
1219
|
+
"type": {
|
|
1220
|
+
"text": "((value: string) => string) | ((value: string) => Promise<string>)"
|
|
1221
|
+
},
|
|
1222
|
+
"default": "(value => value)",
|
|
1223
|
+
"description": "Function for determining the `displayValue` for a given `value`.\nBy default, it will show the `value` itself.",
|
|
1224
|
+
"attribute": "displayWith"
|
|
1225
|
+
},
|
|
1226
|
+
{
|
|
1227
|
+
"kind": "field",
|
|
1228
|
+
"name": "debounceDelay",
|
|
1229
|
+
"type": {
|
|
1230
|
+
"text": "number"
|
|
1231
|
+
},
|
|
1232
|
+
"default": "0",
|
|
1233
|
+
"description": "Debounce delay",
|
|
1234
|
+
"attribute": "debounce-delay",
|
|
1235
|
+
"reflects": true
|
|
1236
|
+
},
|
|
1237
|
+
{
|
|
1238
|
+
"kind": "field",
|
|
1239
|
+
"name": "clearable",
|
|
1240
|
+
"type": {
|
|
1241
|
+
"text": "boolean"
|
|
1242
|
+
},
|
|
1243
|
+
"default": "false",
|
|
1244
|
+
"description": "Show the option to clear input",
|
|
1245
|
+
"attribute": "clearable",
|
|
1246
|
+
"reflects": true
|
|
1247
|
+
},
|
|
1248
|
+
{
|
|
1249
|
+
"kind": "field",
|
|
1250
|
+
"name": "inputText",
|
|
1251
|
+
"type": {
|
|
1252
|
+
"text": "string"
|
|
1253
|
+
},
|
|
1254
|
+
"privacy": "private",
|
|
1255
|
+
"default": "''",
|
|
1256
|
+
"description": "Current value displayed by the control; this can be what the user is typing or the label of the selected option"
|
|
1257
|
+
},
|
|
1258
|
+
{
|
|
1259
|
+
"kind": "field",
|
|
1260
|
+
"name": "selectedOption",
|
|
1261
|
+
"type": {
|
|
1262
|
+
"text": "FlowOption | null"
|
|
1263
|
+
},
|
|
1264
|
+
"privacy": "private",
|
|
1265
|
+
"default": "null"
|
|
1266
|
+
},
|
|
1267
|
+
{
|
|
1268
|
+
"kind": "field",
|
|
1269
|
+
"name": "currentOption",
|
|
1270
|
+
"type": {
|
|
1271
|
+
"text": "FlowOption | null"
|
|
1272
|
+
},
|
|
1273
|
+
"privacy": "private",
|
|
1274
|
+
"default": "null"
|
|
1275
|
+
},
|
|
1276
|
+
{
|
|
1277
|
+
"kind": "field",
|
|
1278
|
+
"name": "input",
|
|
1279
|
+
"type": {
|
|
1280
|
+
"text": "HTMLInputElement"
|
|
1281
|
+
},
|
|
1282
|
+
"privacy": "private"
|
|
1283
|
+
},
|
|
1284
|
+
{
|
|
1285
|
+
"kind": "field",
|
|
1286
|
+
"name": "popup",
|
|
1287
|
+
"type": {
|
|
1288
|
+
"text": "FlowPopup"
|
|
1289
|
+
},
|
|
1290
|
+
"privacy": "private"
|
|
1291
|
+
},
|
|
1292
|
+
{
|
|
1293
|
+
"kind": "method",
|
|
1294
|
+
"name": "getForm",
|
|
1295
|
+
"return": {
|
|
1296
|
+
"type": {
|
|
1297
|
+
"text": "HTMLFormElement | null"
|
|
1298
|
+
}
|
|
1299
|
+
},
|
|
1300
|
+
"description": "Gets the associated form, if one exists."
|
|
1301
|
+
},
|
|
1302
|
+
{
|
|
1303
|
+
"kind": "field",
|
|
1304
|
+
"name": "validity",
|
|
1305
|
+
"description": "Gets the validity state object.",
|
|
1306
|
+
"readonly": true
|
|
1307
|
+
},
|
|
1308
|
+
{
|
|
1309
|
+
"kind": "field",
|
|
1310
|
+
"name": "validationMessage",
|
|
1311
|
+
"description": "Gets the validation message.",
|
|
1312
|
+
"readonly": true
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"kind": "method",
|
|
1316
|
+
"name": "checkValidity",
|
|
1317
|
+
"return": {
|
|
1318
|
+
"type": {
|
|
1319
|
+
"text": "boolean"
|
|
1320
|
+
}
|
|
1321
|
+
},
|
|
1322
|
+
"description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
|
|
1323
|
+
},
|
|
1324
|
+
{
|
|
1325
|
+
"kind": "method",
|
|
1326
|
+
"name": "reportValidity",
|
|
1327
|
+
"return": {
|
|
1328
|
+
"type": {
|
|
1329
|
+
"text": "boolean"
|
|
1330
|
+
}
|
|
1331
|
+
},
|
|
1332
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
1333
|
+
},
|
|
1334
|
+
{
|
|
1335
|
+
"kind": "method",
|
|
1336
|
+
"name": "setCustomValidity",
|
|
1337
|
+
"parameters": [
|
|
1338
|
+
{
|
|
1339
|
+
"name": "_",
|
|
1340
|
+
"type": {
|
|
1341
|
+
"text": "string"
|
|
1342
|
+
}
|
|
1343
|
+
}
|
|
1344
|
+
],
|
|
1345
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
1346
|
+
},
|
|
1347
|
+
{
|
|
1348
|
+
"kind": "method",
|
|
1349
|
+
"name": "handleClearClick",
|
|
1350
|
+
"parameters": [
|
|
1351
|
+
{
|
|
1352
|
+
"name": "event",
|
|
1353
|
+
"type": {
|
|
1354
|
+
"text": "MouseEvent"
|
|
1355
|
+
}
|
|
1356
|
+
}
|
|
1357
|
+
]
|
|
1358
|
+
},
|
|
1359
|
+
{
|
|
1360
|
+
"kind": "method",
|
|
1361
|
+
"name": "focus",
|
|
1362
|
+
"description": "Focuses on the control"
|
|
1363
|
+
},
|
|
1364
|
+
{
|
|
1365
|
+
"kind": "method",
|
|
1366
|
+
"name": "blur",
|
|
1367
|
+
"description": "Blurs from the control."
|
|
1368
|
+
},
|
|
1369
|
+
{
|
|
1370
|
+
"kind": "method",
|
|
1371
|
+
"name": "show",
|
|
1372
|
+
"description": "Shows the listbox."
|
|
1373
|
+
},
|
|
1374
|
+
{
|
|
1375
|
+
"kind": "method",
|
|
1376
|
+
"name": "hide",
|
|
1377
|
+
"description": "Hides the listbox."
|
|
1378
|
+
},
|
|
1379
|
+
{
|
|
1380
|
+
"kind": "method",
|
|
1381
|
+
"name": "getInputText",
|
|
1382
|
+
"description": "Gets the current value of the text input"
|
|
1383
|
+
}
|
|
1384
|
+
],
|
|
1385
|
+
"events": [
|
|
1386
|
+
{
|
|
1387
|
+
"description": "Emitted when the display value changes.",
|
|
1388
|
+
"name": "flow-ui-input",
|
|
1389
|
+
"reactName": "onFlowUiInput"
|
|
1390
|
+
},
|
|
1391
|
+
{
|
|
1392
|
+
"description": "Emitted when the input value changes.",
|
|
1393
|
+
"name": "flow-ui-change",
|
|
1394
|
+
"reactName": "onFlowUiChange"
|
|
1395
|
+
},
|
|
1396
|
+
{
|
|
1397
|
+
"description": "Emitted when the input is focused.",
|
|
1398
|
+
"name": "flow-ui-focus",
|
|
1399
|
+
"reactName": "onFlowUiFocus"
|
|
1400
|
+
},
|
|
1401
|
+
{
|
|
1402
|
+
"description": "Emitted when the input is blurred.",
|
|
1403
|
+
"name": "flow-ui-blur",
|
|
1404
|
+
"reactName": "onFlowUiBlur"
|
|
1405
|
+
},
|
|
1406
|
+
{
|
|
1407
|
+
"description": "Emitted when the dropdown is shown.",
|
|
1408
|
+
"name": "flow-ui-show",
|
|
1409
|
+
"reactName": "onFlowUiShow"
|
|
1410
|
+
},
|
|
1411
|
+
{
|
|
1412
|
+
"description": "Emitted when the dropdown is shown.",
|
|
1413
|
+
"name": "flow-ui-after-show",
|
|
1414
|
+
"reactName": "onFlowUiAfterShow"
|
|
1415
|
+
},
|
|
1416
|
+
{
|
|
1417
|
+
"description": "Emitted when the dropdown is hidden.",
|
|
1418
|
+
"name": "flow-ui-hide",
|
|
1419
|
+
"reactName": "onFlowUiHide"
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"description": "Emitted when the dropdown is hidden.",
|
|
1423
|
+
"name": "flow-ui-after-hide",
|
|
1424
|
+
"reactName": "onFlowUiAfterHide"
|
|
1425
|
+
},
|
|
1426
|
+
{
|
|
1427
|
+
"description": "Emitted when the input is invalid.",
|
|
1428
|
+
"name": "flow-ui-invalid",
|
|
1429
|
+
"reactName": "onFlowUiInvalid"
|
|
1430
|
+
},
|
|
1431
|
+
{
|
|
1432
|
+
"description": "Emitted when the input is valid.",
|
|
1433
|
+
"name": "flow-ui-valid",
|
|
1434
|
+
"reactName": "onFlowUiValid"
|
|
1435
|
+
},
|
|
1436
|
+
{
|
|
1437
|
+
"description": "Emitted when the input is validated.",
|
|
1438
|
+
"name": "flow-ui-validate",
|
|
1439
|
+
"reactName": "onFlowUiValidate"
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"description": "Emitted when the input is validated and the validity state is updated.",
|
|
1443
|
+
"name": "flow-ui-validate-complete",
|
|
1444
|
+
"reactName": "onFlowUiValidateComplete"
|
|
1445
|
+
},
|
|
1446
|
+
{
|
|
1447
|
+
"description": "Emitted when the input is validated and an error occurs.",
|
|
1448
|
+
"name": "flow-ui-validate-error",
|
|
1449
|
+
"reactName": "onFlowUiValidateError"
|
|
1450
|
+
},
|
|
1451
|
+
{
|
|
1452
|
+
"description": "Emitted when the input is validated and no errors occur.",
|
|
1453
|
+
"name": "flow-ui-validate-success",
|
|
1454
|
+
"reactName": "onFlowUiValidateSuccess"
|
|
1455
|
+
}
|
|
1456
|
+
],
|
|
1457
|
+
"attributes": [
|
|
1458
|
+
{
|
|
1459
|
+
"name": "size",
|
|
1460
|
+
"type": {
|
|
1461
|
+
"text": "'small' | 'medium' | 'large'"
|
|
1462
|
+
},
|
|
1463
|
+
"default": "'medium'",
|
|
1464
|
+
"description": "The autocomplete's size",
|
|
1465
|
+
"fieldName": "size"
|
|
1466
|
+
},
|
|
1467
|
+
{
|
|
1468
|
+
"name": "filled",
|
|
1469
|
+
"type": {
|
|
1470
|
+
"text": "boolean"
|
|
1471
|
+
},
|
|
1472
|
+
"default": "false",
|
|
1473
|
+
"description": "Draws a filled autocomplete input",
|
|
1474
|
+
"fieldName": "filled"
|
|
1475
|
+
},
|
|
1476
|
+
{
|
|
1477
|
+
"name": "pill",
|
|
1478
|
+
"type": {
|
|
1479
|
+
"text": "boolean"
|
|
1480
|
+
},
|
|
1481
|
+
"default": "false",
|
|
1482
|
+
"description": "Draws a pill-style autocomplete input with rounded edges",
|
|
1483
|
+
"fieldName": "pill"
|
|
1484
|
+
},
|
|
1485
|
+
{
|
|
1486
|
+
"name": "label",
|
|
1487
|
+
"type": {
|
|
1488
|
+
"text": "string"
|
|
1489
|
+
},
|
|
1490
|
+
"default": "''",
|
|
1491
|
+
"description": "The autocomplete input's label. If you need to display HTML, use the `help-text` slot instead",
|
|
1492
|
+
"fieldName": "label"
|
|
1493
|
+
},
|
|
1494
|
+
{
|
|
1495
|
+
"name": "help-text",
|
|
1496
|
+
"type": {
|
|
1497
|
+
"text": "string"
|
|
1498
|
+
},
|
|
1499
|
+
"default": "''",
|
|
1500
|
+
"description": "The autocomplete input's help text. If you need to display HTML, use the `help-text` slot instead",
|
|
1501
|
+
"fieldName": "helpText"
|
|
1502
|
+
},
|
|
1503
|
+
{
|
|
1504
|
+
"name": "placeholder",
|
|
1505
|
+
"type": {
|
|
1506
|
+
"text": "string"
|
|
1507
|
+
},
|
|
1508
|
+
"default": "''",
|
|
1509
|
+
"description": "The autocomplete input's placeholder text",
|
|
1510
|
+
"fieldName": "placeholder"
|
|
1511
|
+
},
|
|
1512
|
+
{
|
|
1513
|
+
"name": "disabled",
|
|
1514
|
+
"type": {
|
|
1515
|
+
"text": "boolean"
|
|
1516
|
+
},
|
|
1517
|
+
"default": "false",
|
|
1518
|
+
"description": "Disables the autocomplete",
|
|
1519
|
+
"fieldName": "disabled"
|
|
1520
|
+
},
|
|
1521
|
+
{
|
|
1522
|
+
"name": "form",
|
|
1523
|
+
"type": {
|
|
1524
|
+
"text": "string"
|
|
1525
|
+
},
|
|
1526
|
+
"description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
|
|
1527
|
+
"fieldName": "form"
|
|
1029
1528
|
},
|
|
1030
1529
|
{
|
|
1031
|
-
"
|
|
1032
|
-
"
|
|
1530
|
+
"name": "required",
|
|
1531
|
+
"type": {
|
|
1532
|
+
"text": "boolean"
|
|
1533
|
+
},
|
|
1534
|
+
"default": "false",
|
|
1535
|
+
"description": "Makes the autocomplete a required field",
|
|
1536
|
+
"fieldName": "required"
|
|
1033
1537
|
},
|
|
1034
1538
|
{
|
|
1035
|
-
"
|
|
1036
|
-
"
|
|
1539
|
+
"name": "inline",
|
|
1540
|
+
"type": {
|
|
1541
|
+
"text": "boolean"
|
|
1542
|
+
},
|
|
1543
|
+
"default": "false",
|
|
1544
|
+
"description": "Display the autocomplete in the 'inline' form control style",
|
|
1545
|
+
"fieldName": "inline"
|
|
1037
1546
|
},
|
|
1038
1547
|
{
|
|
1039
|
-
"
|
|
1040
|
-
"
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
"
|
|
1046
|
-
"name": "hasSlotController",
|
|
1047
|
-
"privacy": "private",
|
|
1048
|
-
"readonly": true,
|
|
1049
|
-
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
1548
|
+
"name": "divider",
|
|
1549
|
+
"type": {
|
|
1550
|
+
"text": "boolean"
|
|
1551
|
+
},
|
|
1552
|
+
"default": "false",
|
|
1553
|
+
"description": "Indicates that the control should display a divider",
|
|
1554
|
+
"fieldName": "divider"
|
|
1050
1555
|
},
|
|
1051
1556
|
{
|
|
1052
|
-
"
|
|
1053
|
-
"name": "href",
|
|
1557
|
+
"name": "hoist",
|
|
1054
1558
|
"type": {
|
|
1055
|
-
"text": "
|
|
1559
|
+
"text": "boolean"
|
|
1056
1560
|
},
|
|
1057
|
-
"
|
|
1058
|
-
"
|
|
1561
|
+
"default": "false",
|
|
1562
|
+
"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.",
|
|
1563
|
+
"fieldName": "hoist"
|
|
1059
1564
|
},
|
|
1060
1565
|
{
|
|
1061
|
-
"
|
|
1062
|
-
"name": "target",
|
|
1566
|
+
"name": "placement",
|
|
1063
1567
|
"type": {
|
|
1064
|
-
"text": "'
|
|
1568
|
+
"text": "'top' | 'bottom'"
|
|
1065
1569
|
},
|
|
1066
|
-
"
|
|
1067
|
-
"
|
|
1570
|
+
"default": "'bottom'",
|
|
1571
|
+
"description": "The preferred placement of the autocomplete's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
|
|
1572
|
+
"fieldName": "placement"
|
|
1068
1573
|
},
|
|
1069
1574
|
{
|
|
1070
|
-
"
|
|
1071
|
-
"name": "rel",
|
|
1575
|
+
"name": "value",
|
|
1072
1576
|
"type": {
|
|
1073
1577
|
"text": "string"
|
|
1074
1578
|
},
|
|
1075
|
-
"default": "'
|
|
1076
|
-
"description": "
|
|
1077
|
-
"
|
|
1078
|
-
}
|
|
1079
|
-
],
|
|
1080
|
-
"attributes": [
|
|
1579
|
+
"default": "''",
|
|
1580
|
+
"description": "Current value of the control, selected from one of the valid options available",
|
|
1581
|
+
"fieldName": "value"
|
|
1582
|
+
},
|
|
1081
1583
|
{
|
|
1082
|
-
"name": "
|
|
1584
|
+
"name": "displayWith",
|
|
1083
1585
|
"type": {
|
|
1084
|
-
"text": "string |
|
|
1586
|
+
"text": "((value: string) => string) | ((value: string) => Promise<string>)"
|
|
1085
1587
|
},
|
|
1086
|
-
"
|
|
1087
|
-
"
|
|
1588
|
+
"default": "(value => value)",
|
|
1589
|
+
"description": "Function for determining the `displayValue` for a given `value`.\nBy default, it will show the `value` itself.",
|
|
1590
|
+
"fieldName": "displayWith"
|
|
1088
1591
|
},
|
|
1089
1592
|
{
|
|
1090
|
-
"name": "
|
|
1593
|
+
"name": "debounce-delay",
|
|
1091
1594
|
"type": {
|
|
1092
|
-
"text": "
|
|
1595
|
+
"text": "number"
|
|
1093
1596
|
},
|
|
1094
|
-
"
|
|
1095
|
-
"
|
|
1597
|
+
"default": "0",
|
|
1598
|
+
"description": "Debounce delay",
|
|
1599
|
+
"fieldName": "debounceDelay"
|
|
1096
1600
|
},
|
|
1097
1601
|
{
|
|
1098
|
-
"name": "
|
|
1602
|
+
"name": "clearable",
|
|
1099
1603
|
"type": {
|
|
1100
|
-
"text": "
|
|
1604
|
+
"text": "boolean"
|
|
1101
1605
|
},
|
|
1102
|
-
"default": "
|
|
1103
|
-
"description": "
|
|
1104
|
-
"fieldName": "
|
|
1606
|
+
"default": "false",
|
|
1607
|
+
"description": "Show the option to clear input",
|
|
1608
|
+
"fieldName": "clearable"
|
|
1105
1609
|
}
|
|
1106
1610
|
],
|
|
1107
1611
|
"superclass": {
|
|
1108
|
-
"name": "
|
|
1612
|
+
"name": "FlowRdfFormControl",
|
|
1109
1613
|
"module": "/src/internal/flow-ui-rdf-element"
|
|
1110
1614
|
},
|
|
1111
|
-
"tagName": "flow-ui-
|
|
1112
|
-
"summary": "
|
|
1615
|
+
"tagName": "flow-ui-autocomplete",
|
|
1616
|
+
"summary": "The Autocomplete is a Text input enhanced by a panel of suggested options.",
|
|
1617
|
+
"dependencies": [
|
|
1618
|
+
"flow-ui-popup",
|
|
1619
|
+
"flow-ui-icon"
|
|
1620
|
+
],
|
|
1113
1621
|
"customElement": true
|
|
1114
1622
|
}
|
|
1115
1623
|
],
|
|
@@ -1118,23 +1626,31 @@
|
|
|
1118
1626
|
"kind": "js",
|
|
1119
1627
|
"name": "default",
|
|
1120
1628
|
"declaration": {
|
|
1121
|
-
"name": "
|
|
1122
|
-
"module": "components/
|
|
1629
|
+
"name": "FlowUiAutocomplete",
|
|
1630
|
+
"module": "components/autocomplete/autocomplete.component.js"
|
|
1123
1631
|
}
|
|
1124
1632
|
}
|
|
1125
1633
|
]
|
|
1126
1634
|
},
|
|
1127
1635
|
{
|
|
1128
1636
|
"kind": "javascript-module",
|
|
1129
|
-
"path": "components/
|
|
1637
|
+
"path": "components/autocomplete/autocomplete.js",
|
|
1130
1638
|
"declarations": [],
|
|
1131
1639
|
"exports": [
|
|
1640
|
+
{
|
|
1641
|
+
"kind": "js",
|
|
1642
|
+
"name": "*",
|
|
1643
|
+
"declaration": {
|
|
1644
|
+
"name": "*",
|
|
1645
|
+
"package": "./autocomplete.component"
|
|
1646
|
+
}
|
|
1647
|
+
},
|
|
1132
1648
|
{
|
|
1133
1649
|
"kind": "js",
|
|
1134
1650
|
"name": "default",
|
|
1135
1651
|
"declaration": {
|
|
1136
|
-
"name": "
|
|
1137
|
-
"module": "components/
|
|
1652
|
+
"name": "FlowUiAutocomplete",
|
|
1653
|
+
"module": "components/autocomplete/autocomplete.js"
|
|
1138
1654
|
}
|
|
1139
1655
|
}
|
|
1140
1656
|
]
|
|
@@ -1600,6 +2116,153 @@
|
|
|
1600
2116
|
}
|
|
1601
2117
|
]
|
|
1602
2118
|
},
|
|
2119
|
+
{
|
|
2120
|
+
"kind": "javascript-module",
|
|
2121
|
+
"path": "components/breadcrumb-item/breadcrumb-item.component.js",
|
|
2122
|
+
"declarations": [
|
|
2123
|
+
{
|
|
2124
|
+
"kind": "class",
|
|
2125
|
+
"description": "",
|
|
2126
|
+
"name": "FlowUiBreadcrumbItem",
|
|
2127
|
+
"cssParts": [
|
|
2128
|
+
{
|
|
2129
|
+
"description": "The component's base wrapper.",
|
|
2130
|
+
"name": "base"
|
|
2131
|
+
},
|
|
2132
|
+
{
|
|
2133
|
+
"description": "The breadcrumb item's label.",
|
|
2134
|
+
"name": "label"
|
|
2135
|
+
},
|
|
2136
|
+
{
|
|
2137
|
+
"description": "The container that wraps the prefix.",
|
|
2138
|
+
"name": "prefix"
|
|
2139
|
+
},
|
|
2140
|
+
{
|
|
2141
|
+
"description": "The container that wraps the suffix.",
|
|
2142
|
+
"name": "suffix"
|
|
2143
|
+
},
|
|
2144
|
+
{
|
|
2145
|
+
"description": "The container that wraps the separator.",
|
|
2146
|
+
"name": "separator"
|
|
2147
|
+
}
|
|
2148
|
+
],
|
|
2149
|
+
"slots": [
|
|
2150
|
+
{
|
|
2151
|
+
"description": "The breadcrumb item's label.",
|
|
2152
|
+
"name": ""
|
|
2153
|
+
},
|
|
2154
|
+
{
|
|
2155
|
+
"description": "An optional prefix, usually an icon or icon button.",
|
|
2156
|
+
"name": "prefix"
|
|
2157
|
+
},
|
|
2158
|
+
{
|
|
2159
|
+
"description": "An optional suffix, usually an icon or icon button.",
|
|
2160
|
+
"name": "suffix"
|
|
2161
|
+
},
|
|
2162
|
+
{
|
|
2163
|
+
"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.",
|
|
2164
|
+
"name": "separator"
|
|
2165
|
+
}
|
|
2166
|
+
],
|
|
2167
|
+
"members": [
|
|
2168
|
+
{
|
|
2169
|
+
"kind": "field",
|
|
2170
|
+
"name": "hasSlotController",
|
|
2171
|
+
"privacy": "private",
|
|
2172
|
+
"readonly": true,
|
|
2173
|
+
"default": "new HasSlotController(this, 'prefix', 'suffix')"
|
|
2174
|
+
},
|
|
2175
|
+
{
|
|
2176
|
+
"kind": "field",
|
|
2177
|
+
"name": "href",
|
|
2178
|
+
"type": {
|
|
2179
|
+
"text": "string | undefined"
|
|
2180
|
+
},
|
|
2181
|
+
"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.",
|
|
2182
|
+
"attribute": "href"
|
|
2183
|
+
},
|
|
2184
|
+
{
|
|
2185
|
+
"kind": "field",
|
|
2186
|
+
"name": "target",
|
|
2187
|
+
"type": {
|
|
2188
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
2189
|
+
},
|
|
2190
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
2191
|
+
"attribute": "target"
|
|
2192
|
+
},
|
|
2193
|
+
{
|
|
2194
|
+
"kind": "field",
|
|
2195
|
+
"name": "rel",
|
|
2196
|
+
"type": {
|
|
2197
|
+
"text": "string"
|
|
2198
|
+
},
|
|
2199
|
+
"default": "'noreferrer noopener'",
|
|
2200
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
2201
|
+
"attribute": "rel"
|
|
2202
|
+
}
|
|
2203
|
+
],
|
|
2204
|
+
"attributes": [
|
|
2205
|
+
{
|
|
2206
|
+
"name": "href",
|
|
2207
|
+
"type": {
|
|
2208
|
+
"text": "string | undefined"
|
|
2209
|
+
},
|
|
2210
|
+
"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.",
|
|
2211
|
+
"fieldName": "href"
|
|
2212
|
+
},
|
|
2213
|
+
{
|
|
2214
|
+
"name": "target",
|
|
2215
|
+
"type": {
|
|
2216
|
+
"text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
|
|
2217
|
+
},
|
|
2218
|
+
"description": "Tells the browser where to open the link. Only used when `href` is set.",
|
|
2219
|
+
"fieldName": "target"
|
|
2220
|
+
},
|
|
2221
|
+
{
|
|
2222
|
+
"name": "rel",
|
|
2223
|
+
"type": {
|
|
2224
|
+
"text": "string"
|
|
2225
|
+
},
|
|
2226
|
+
"default": "'noreferrer noopener'",
|
|
2227
|
+
"description": "The `rel` attribute to use on the link. Only used when `href` is set.",
|
|
2228
|
+
"fieldName": "rel"
|
|
2229
|
+
}
|
|
2230
|
+
],
|
|
2231
|
+
"superclass": {
|
|
2232
|
+
"name": "FlowRdfElement",
|
|
2233
|
+
"module": "/src/internal/flow-ui-rdf-element"
|
|
2234
|
+
},
|
|
2235
|
+
"tagName": "flow-ui-breadcrumb-item",
|
|
2236
|
+
"summary": "Breadcrumb Items are used inside [breadcrumbs](./flow-ui-breadcrumb) to represent different links.",
|
|
2237
|
+
"customElement": true
|
|
2238
|
+
}
|
|
2239
|
+
],
|
|
2240
|
+
"exports": [
|
|
2241
|
+
{
|
|
2242
|
+
"kind": "js",
|
|
2243
|
+
"name": "default",
|
|
2244
|
+
"declaration": {
|
|
2245
|
+
"name": "FlowUiBreadcrumbItem",
|
|
2246
|
+
"module": "components/breadcrumb-item/breadcrumb-item.component.js"
|
|
2247
|
+
}
|
|
2248
|
+
}
|
|
2249
|
+
]
|
|
2250
|
+
},
|
|
2251
|
+
{
|
|
2252
|
+
"kind": "javascript-module",
|
|
2253
|
+
"path": "components/breadcrumb-item/breadcrumb-item.js",
|
|
2254
|
+
"declarations": [],
|
|
2255
|
+
"exports": [
|
|
2256
|
+
{
|
|
2257
|
+
"kind": "js",
|
|
2258
|
+
"name": "default",
|
|
2259
|
+
"declaration": {
|
|
2260
|
+
"name": "FlowUiBreadcrumbItem",
|
|
2261
|
+
"module": "components/breadcrumb-item/breadcrumb-item.js"
|
|
2262
|
+
}
|
|
2263
|
+
}
|
|
2264
|
+
]
|
|
2265
|
+
},
|
|
1603
2266
|
{
|
|
1604
2267
|
"kind": "javascript-module",
|
|
1605
2268
|
"path": "components/breadcrumb/breadcrumb.component.js",
|