@genesislcap/foundation-ui 14.195.3 → 14.196.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +1099 -1099
  2. package/package.json +16 -16
package/dist/custom-elements.json CHANGED
@@ -819,87 +819,11 @@
819
819
  },
820
820
  {
821
821
  "kind": "javascript-module",
822
- "path": "src/_common/icons.ts",
823
- "declarations": [
824
- {
825
- "kind": "function",
826
- "name": "closeIcon",
827
- "parameters": [
828
- {
829
- "name": "slot",
830
- "default": "'start'"
831
- },
832
- {
833
- "name": "fill",
834
- "default": "'#879ba6'"
835
- }
836
- ]
837
- }
838
- ],
839
- "exports": [
840
- {
841
- "kind": "js",
842
- "name": "closeIcon",
843
- "declaration": {
844
- "name": "closeIcon",
845
- "module": "src/_common/icons.ts"
846
- }
847
- }
848
- ]
849
- },
850
- {
851
- "kind": "javascript-module",
852
- "path": "src/_common/index.ts",
853
- "declarations": [],
854
- "exports": [
855
- {
856
- "kind": "js",
857
- "name": "*",
858
- "declaration": {
859
- "name": "*",
860
- "package": "./icons"
861
- }
862
- }
863
- ]
864
- },
865
- {
866
- "kind": "javascript-module",
867
- "path": "src/_config/index.ts",
868
- "declarations": [],
869
- "exports": [
870
- {
871
- "kind": "js",
872
- "name": "*",
873
- "declaration": {
874
- "name": "*",
875
- "package": "./styles"
876
- }
877
- },
878
- {
879
- "kind": "js",
880
- "name": "*",
881
- "declaration": {
882
- "name": "*",
883
- "package": "./tokens"
884
- }
885
- },
886
- {
887
- "kind": "js",
888
- "name": "*",
889
- "declaration": {
890
- "name": "*",
891
- "package": "./values"
892
- }
893
- }
894
- ]
895
- },
896
- {
897
- "kind": "javascript-module",
898
- "path": "src/accordion/accordion.styles.ts",
822
+ "path": "src/accordion-item/accordion-item.styles.ts",
899
823
  "declarations": [
900
824
  {
901
825
  "kind": "function",
902
- "name": "foundationAccordionStyles",
826
+ "name": "foundationAccordionItemStyles",
903
827
  "return": {
904
828
  "type": {
905
829
  "text": "ElementStyles"
@@ -924,24 +848,24 @@
924
848
  "exports": [
925
849
  {
926
850
  "kind": "js",
927
- "name": "foundationAccordionStyles",
851
+ "name": "foundationAccordionItemStyles",
928
852
  "declaration": {
929
- "name": "foundationAccordionStyles",
930
- "module": "src/accordion/accordion.styles.ts"
853
+ "name": "foundationAccordionItemStyles",
854
+ "module": "src/accordion-item/accordion-item.styles.ts"
931
855
  }
932
856
  }
933
857
  ]
934
858
  },
935
859
  {
936
860
  "kind": "javascript-module",
937
- "path": "src/accordion/accordion.template.ts",
861
+ "path": "src/accordion-item/accordion-item.template.ts",
938
862
  "declarations": [
939
863
  {
940
864
  "kind": "function",
941
- "name": "foundationAccordionTemplate",
865
+ "name": "foundationAccordionItemTemplate",
942
866
  "return": {
943
867
  "type": {
944
- "text": "ViewTemplate<Accordion>"
868
+ "text": "ViewTemplate<AccordionItem>"
945
869
  }
946
870
  },
947
871
  "parameters": [
@@ -963,246 +887,64 @@
963
887
  "exports": [
964
888
  {
965
889
  "kind": "js",
966
- "name": "foundationAccordionTemplate",
890
+ "name": "foundationAccordionItemTemplate",
967
891
  "declaration": {
968
- "name": "foundationAccordionTemplate",
969
- "module": "src/accordion/accordion.template.ts"
892
+ "name": "foundationAccordionItemTemplate",
893
+ "module": "src/accordion-item/accordion-item.template.ts"
970
894
  }
971
895
  }
972
896
  ]
973
897
  },
974
898
  {
975
899
  "kind": "javascript-module",
976
- "path": "src/accordion/accordion.ts",
900
+ "path": "src/accordion-item/accordion-item.ts",
977
901
  "declarations": [
978
902
  {
979
903
  "kind": "class",
980
904
  "description": "",
981
- "name": "Accordion",
905
+ "name": "AccordionItem",
982
906
  "superclass": {
983
- "name": "FASTAccordion",
984
- "package": "@microsoft/fast-foundation"
985
- },
986
- "tagName": "%%prefix%%-accordion",
987
- "customElement": true
988
- },
989
- {
990
- "kind": "variable",
991
- "name": "foundationAccordionShadowOptions",
992
- "type": {
993
- "text": "ShadowRootInit"
994
- },
995
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
996
- },
997
- {
998
- "kind": "variable",
999
- "name": "defaultAccordionConfig",
1000
- "type": {
1001
- "text": "object"
1002
- },
1003
- "default": "{}"
1004
- },
1005
- {
1006
- "kind": "variable",
1007
- "name": "foundationAccordion",
1008
- "description": "The Foundation Accordion",
1009
- "privacy": "public"
1010
- }
1011
- ],
1012
- "exports": [
1013
- {
1014
- "kind": "js",
1015
- "name": "Accordion",
1016
- "declaration": {
1017
- "name": "Accordion",
1018
- "module": "src/accordion/accordion.ts"
1019
- }
1020
- },
1021
- {
1022
- "kind": "js",
1023
- "name": "foundationAccordionShadowOptions",
1024
- "declaration": {
1025
- "name": "foundationAccordionShadowOptions",
1026
- "module": "src/accordion/accordion.ts"
1027
- }
1028
- },
1029
- {
1030
- "kind": "js",
1031
- "name": "defaultAccordionConfig",
1032
- "declaration": {
1033
- "name": "defaultAccordionConfig",
1034
- "module": "src/accordion/accordion.ts"
1035
- }
1036
- },
1037
- {
1038
- "kind": "js",
1039
- "name": "foundationAccordion",
1040
- "declaration": {
1041
- "name": "foundationAccordion",
1042
- "module": "src/accordion/accordion.ts"
1043
- }
1044
- }
1045
- ]
1046
- },
1047
- {
1048
- "kind": "javascript-module",
1049
- "path": "src/accordion/index.ts",
1050
- "declarations": [],
1051
- "exports": [
1052
- {
1053
- "kind": "js",
1054
- "name": "*",
1055
- "declaration": {
1056
- "name": "*",
1057
- "package": "./accordion.template"
1058
- }
1059
- },
1060
- {
1061
- "kind": "js",
1062
- "name": "*",
1063
- "declaration": {
1064
- "name": "*",
1065
- "package": "./accordion.styles"
1066
- }
1067
- },
1068
- {
1069
- "kind": "js",
1070
- "name": "*",
1071
- "declaration": {
1072
- "name": "*",
1073
- "package": "./accordion"
1074
- }
1075
- }
1076
- ]
1077
- },
1078
- {
1079
- "kind": "javascript-module",
1080
- "path": "src/accordion-item/accordion-item.styles.ts",
1081
- "declarations": [
1082
- {
1083
- "kind": "function",
1084
- "name": "foundationAccordionItemStyles",
1085
- "return": {
1086
- "type": {
1087
- "text": "ElementStyles"
1088
- }
907
+ "name": "FASTAccordionItem",
908
+ "package": "@microsoft/fast-components"
1089
909
  },
1090
- "parameters": [
910
+ "tagName": "%%prefix%%-accordion-item",
911
+ "customElement": true,
912
+ "attributes": [
1091
913
  {
1092
- "name": "context",
914
+ "name": "heading-level",
1093
915
  "type": {
1094
- "text": "ElementDefinitionContext"
916
+ "text": "1 | 2 | 3 | 4 | 5 | 6"
917
+ },
918
+ "default": "2",
919
+ "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
920
+ "fieldName": "headinglevel",
921
+ "inheritedFrom": {
922
+ "name": "AccordionItem",
923
+ "module": "src/accordion-item/accordion-item.ts"
1095
924
  }
1096
925
  },
1097
926
  {
1098
- "name": "definition",
1099
927
  "type": {
1100
- "text": "FoundationElementDefinition"
1101
- }
1102
- }
1103
- ]
1104
- }
1105
- ],
1106
- "exports": [
1107
- {
1108
- "kind": "js",
1109
- "name": "foundationAccordionItemStyles",
1110
- "declaration": {
1111
- "name": "foundationAccordionItemStyles",
1112
- "module": "src/accordion-item/accordion-item.styles.ts"
1113
- }
1114
- }
1115
- ]
1116
- },
1117
- {
1118
- "kind": "javascript-module",
1119
- "path": "src/accordion-item/accordion-item.template.ts",
1120
- "declarations": [
1121
- {
1122
- "kind": "function",
1123
- "name": "foundationAccordionItemTemplate",
1124
- "return": {
1125
- "type": {
1126
- "text": "ViewTemplate<AccordionItem>"
1127
- }
1128
- },
1129
- "parameters": [
1130
- {
1131
- "name": "context",
1132
- "type": {
1133
- "text": "ElementDefinitionContext"
1134
- }
1135
- },
1136
- {
1137
- "name": "definition",
1138
- "type": {
1139
- "text": "FoundationElementDefinition"
1140
- }
1141
- }
1142
- ]
1143
- }
1144
- ],
1145
- "exports": [
1146
- {
1147
- "kind": "js",
1148
- "name": "foundationAccordionItemTemplate",
1149
- "declaration": {
1150
- "name": "foundationAccordionItemTemplate",
1151
- "module": "src/accordion-item/accordion-item.template.ts"
1152
- }
1153
- }
1154
- ]
1155
- },
1156
- {
1157
- "kind": "javascript-module",
1158
- "path": "src/accordion-item/accordion-item.ts",
1159
- "declarations": [
1160
- {
1161
- "kind": "class",
1162
- "description": "",
1163
- "name": "AccordionItem",
1164
- "superclass": {
1165
- "name": "FASTAccordionItem",
1166
- "package": "@microsoft/fast-components"
1167
- },
1168
- "tagName": "%%prefix%%-accordion-item",
1169
- "customElement": true,
1170
- "attributes": [
1171
- {
1172
- "name": "heading-level",
1173
- "type": {
1174
- "text": "1 | 2 | 3 | 4 | 5 | 6"
1175
- },
1176
- "default": "2",
1177
- "description": "Configures the https://www.w3.org/TR/wai-aria-1.1/#aria-level | level of the\nheading element.",
1178
- "fieldName": "headinglevel",
1179
- "inheritedFrom": {
1180
- "name": "AccordionItem",
1181
- "module": "src/accordion-item/accordion-item.ts"
1182
- }
1183
- },
1184
- {
1185
- "type": {
1186
- "text": "boolean"
1187
- },
1188
- "default": "false",
1189
- "description": "Expands or collapses the item.",
1190
- "fieldName": "expanded",
1191
- "inheritedFrom": {
1192
- "name": "AccordionItem",
1193
- "module": "src/accordion-item/accordion-item.ts"
1194
- }
1195
- },
1196
- {
1197
- "name": "id",
1198
- "type": {
1199
- "text": "string"
1200
- },
1201
- "description": "The item ID",
1202
- "fieldName": "id",
1203
- "inheritedFrom": {
1204
- "name": "AccordionItem",
1205
- "module": "src/accordion-item/accordion-item.ts"
928
+ "text": "boolean"
929
+ },
930
+ "default": "false",
931
+ "description": "Expands or collapses the item.",
932
+ "fieldName": "expanded",
933
+ "inheritedFrom": {
934
+ "name": "AccordionItem",
935
+ "module": "src/accordion-item/accordion-item.ts"
936
+ }
937
+ },
938
+ {
939
+ "name": "id",
940
+ "type": {
941
+ "text": "string"
942
+ },
943
+ "description": "The item ID",
944
+ "fieldName": "id",
945
+ "inheritedFrom": {
946
+ "name": "AccordionItem",
947
+ "module": "src/accordion-item/accordion-item.ts"
1206
948
  }
1207
949
  }
1208
950
  ],
@@ -1469,6 +1211,82 @@
1469
1211
  }
1470
1212
  ]
1471
1213
  },
1214
+ {
1215
+ "kind": "javascript-module",
1216
+ "path": "src/_common/icons.ts",
1217
+ "declarations": [
1218
+ {
1219
+ "kind": "function",
1220
+ "name": "closeIcon",
1221
+ "parameters": [
1222
+ {
1223
+ "name": "slot",
1224
+ "default": "'start'"
1225
+ },
1226
+ {
1227
+ "name": "fill",
1228
+ "default": "'#879ba6'"
1229
+ }
1230
+ ]
1231
+ }
1232
+ ],
1233
+ "exports": [
1234
+ {
1235
+ "kind": "js",
1236
+ "name": "closeIcon",
1237
+ "declaration": {
1238
+ "name": "closeIcon",
1239
+ "module": "src/_common/icons.ts"
1240
+ }
1241
+ }
1242
+ ]
1243
+ },
1244
+ {
1245
+ "kind": "javascript-module",
1246
+ "path": "src/_common/index.ts",
1247
+ "declarations": [],
1248
+ "exports": [
1249
+ {
1250
+ "kind": "js",
1251
+ "name": "*",
1252
+ "declaration": {
1253
+ "name": "*",
1254
+ "package": "./icons"
1255
+ }
1256
+ }
1257
+ ]
1258
+ },
1259
+ {
1260
+ "kind": "javascript-module",
1261
+ "path": "src/_config/index.ts",
1262
+ "declarations": [],
1263
+ "exports": [
1264
+ {
1265
+ "kind": "js",
1266
+ "name": "*",
1267
+ "declaration": {
1268
+ "name": "*",
1269
+ "package": "./styles"
1270
+ }
1271
+ },
1272
+ {
1273
+ "kind": "js",
1274
+ "name": "*",
1275
+ "declaration": {
1276
+ "name": "*",
1277
+ "package": "./tokens"
1278
+ }
1279
+ },
1280
+ {
1281
+ "kind": "js",
1282
+ "name": "*",
1283
+ "declaration": {
1284
+ "name": "*",
1285
+ "package": "./values"
1286
+ }
1287
+ }
1288
+ ]
1289
+ },
1472
1290
  {
1473
1291
  "kind": "javascript-module",
1474
1292
  "path": "src/actions-menu/actions-menu.styles.ts",
@@ -2030,11 +1848,11 @@
2030
1848
  },
2031
1849
  {
2032
1850
  "kind": "javascript-module",
2033
- "path": "src/anchor/anchor.styles.ts",
1851
+ "path": "src/accordion/accordion.styles.ts",
2034
1852
  "declarations": [
2035
1853
  {
2036
1854
  "kind": "function",
2037
- "name": "foundationAnchorStyles",
1855
+ "name": "foundationAccordionStyles",
2038
1856
  "return": {
2039
1857
  "type": {
2040
1858
  "text": "ElementStyles"
@@ -2059,24 +1877,24 @@
2059
1877
  "exports": [
2060
1878
  {
2061
1879
  "kind": "js",
2062
- "name": "foundationAnchorStyles",
1880
+ "name": "foundationAccordionStyles",
2063
1881
  "declaration": {
2064
- "name": "foundationAnchorStyles",
2065
- "module": "src/anchor/anchor.styles.ts"
1882
+ "name": "foundationAccordionStyles",
1883
+ "module": "src/accordion/accordion.styles.ts"
2066
1884
  }
2067
1885
  }
2068
1886
  ]
2069
1887
  },
2070
1888
  {
2071
1889
  "kind": "javascript-module",
2072
- "path": "src/anchor/anchor.template.ts",
1890
+ "path": "src/accordion/accordion.template.ts",
2073
1891
  "declarations": [
2074
1892
  {
2075
1893
  "kind": "function",
2076
- "name": "foundationAnchorTemplate",
1894
+ "name": "foundationAccordionTemplate",
2077
1895
  "return": {
2078
1896
  "type": {
2079
- "text": "ViewTemplate<Anchor>"
1897
+ "text": "ViewTemplate<Accordion>"
2080
1898
  }
2081
1899
  },
2082
1900
  "parameters": [
@@ -2098,80 +1916,262 @@
2098
1916
  "exports": [
2099
1917
  {
2100
1918
  "kind": "js",
2101
- "name": "foundationAnchorTemplate",
1919
+ "name": "foundationAccordionTemplate",
2102
1920
  "declaration": {
2103
- "name": "foundationAnchorTemplate",
2104
- "module": "src/anchor/anchor.template.ts"
1921
+ "name": "foundationAccordionTemplate",
1922
+ "module": "src/accordion/accordion.template.ts"
2105
1923
  }
2106
1924
  }
2107
1925
  ]
2108
1926
  },
2109
1927
  {
2110
1928
  "kind": "javascript-module",
2111
- "path": "src/anchor/anchor.ts",
1929
+ "path": "src/accordion/accordion.ts",
2112
1930
  "declarations": [
2113
1931
  {
2114
1932
  "kind": "class",
2115
1933
  "description": "",
2116
- "name": "Anchor",
1934
+ "name": "Accordion",
2117
1935
  "superclass": {
2118
- "name": "FASTAnchor",
2119
- "package": "@microsoft/fast-components"
1936
+ "name": "FASTAccordion",
1937
+ "package": "@microsoft/fast-foundation"
2120
1938
  },
2121
- "tagName": "%%prefix%%-anchor",
2122
- "customElement": true,
2123
- "attributes": [
2124
- {
2125
- "name": "download",
2126
- "type": {
2127
- "text": "string"
2128
- },
2129
- "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2130
- "fieldName": "download",
2131
- "inheritedFrom": {
2132
- "name": "Anchor",
2133
- "module": "src/anchor/anchor.ts"
2134
- }
2135
- },
2136
- {
2137
- "name": "href",
2138
- "type": {
2139
- "text": "string"
2140
- },
2141
- "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2142
- "fieldName": "href",
2143
- "inheritedFrom": {
2144
- "name": "Anchor",
2145
- "module": "src/anchor/anchor.ts"
2146
- }
2147
- },
2148
- {
2149
- "name": "hreflang",
2150
- "type": {
2151
- "text": "string"
2152
- },
2153
- "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2154
- "fieldName": "hreflang",
2155
- "inheritedFrom": {
2156
- "name": "Anchor",
2157
- "module": "src/anchor/anchor.ts"
2158
- }
2159
- },
2160
- {
2161
- "name": "ping",
2162
- "type": {
2163
- "text": "string"
2164
- },
2165
- "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2166
- "fieldName": "ping",
2167
- "inheritedFrom": {
2168
- "name": "Anchor",
2169
- "module": "src/anchor/anchor.ts"
2170
- }
2171
- },
2172
- {
2173
- "name": "referrerpolicy",
2174
- "type": {
1939
+ "tagName": "%%prefix%%-accordion",
1940
+ "customElement": true
1941
+ },
1942
+ {
1943
+ "kind": "variable",
1944
+ "name": "foundationAccordionShadowOptions",
1945
+ "type": {
1946
+ "text": "ShadowRootInit"
1947
+ },
1948
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1949
+ },
1950
+ {
1951
+ "kind": "variable",
1952
+ "name": "defaultAccordionConfig",
1953
+ "type": {
1954
+ "text": "object"
1955
+ },
1956
+ "default": "{}"
1957
+ },
1958
+ {
1959
+ "kind": "variable",
1960
+ "name": "foundationAccordion",
1961
+ "description": "The Foundation Accordion",
1962
+ "privacy": "public"
1963
+ }
1964
+ ],
1965
+ "exports": [
1966
+ {
1967
+ "kind": "js",
1968
+ "name": "Accordion",
1969
+ "declaration": {
1970
+ "name": "Accordion",
1971
+ "module": "src/accordion/accordion.ts"
1972
+ }
1973
+ },
1974
+ {
1975
+ "kind": "js",
1976
+ "name": "foundationAccordionShadowOptions",
1977
+ "declaration": {
1978
+ "name": "foundationAccordionShadowOptions",
1979
+ "module": "src/accordion/accordion.ts"
1980
+ }
1981
+ },
1982
+ {
1983
+ "kind": "js",
1984
+ "name": "defaultAccordionConfig",
1985
+ "declaration": {
1986
+ "name": "defaultAccordionConfig",
1987
+ "module": "src/accordion/accordion.ts"
1988
+ }
1989
+ },
1990
+ {
1991
+ "kind": "js",
1992
+ "name": "foundationAccordion",
1993
+ "declaration": {
1994
+ "name": "foundationAccordion",
1995
+ "module": "src/accordion/accordion.ts"
1996
+ }
1997
+ }
1998
+ ]
1999
+ },
2000
+ {
2001
+ "kind": "javascript-module",
2002
+ "path": "src/accordion/index.ts",
2003
+ "declarations": [],
2004
+ "exports": [
2005
+ {
2006
+ "kind": "js",
2007
+ "name": "*",
2008
+ "declaration": {
2009
+ "name": "*",
2010
+ "package": "./accordion.template"
2011
+ }
2012
+ },
2013
+ {
2014
+ "kind": "js",
2015
+ "name": "*",
2016
+ "declaration": {
2017
+ "name": "*",
2018
+ "package": "./accordion.styles"
2019
+ }
2020
+ },
2021
+ {
2022
+ "kind": "js",
2023
+ "name": "*",
2024
+ "declaration": {
2025
+ "name": "*",
2026
+ "package": "./accordion"
2027
+ }
2028
+ }
2029
+ ]
2030
+ },
2031
+ {
2032
+ "kind": "javascript-module",
2033
+ "path": "src/anchor/anchor.styles.ts",
2034
+ "declarations": [
2035
+ {
2036
+ "kind": "function",
2037
+ "name": "foundationAnchorStyles",
2038
+ "return": {
2039
+ "type": {
2040
+ "text": "ElementStyles"
2041
+ }
2042
+ },
2043
+ "parameters": [
2044
+ {
2045
+ "name": "context",
2046
+ "type": {
2047
+ "text": "ElementDefinitionContext"
2048
+ }
2049
+ },
2050
+ {
2051
+ "name": "definition",
2052
+ "type": {
2053
+ "text": "FoundationElementDefinition"
2054
+ }
2055
+ }
2056
+ ]
2057
+ }
2058
+ ],
2059
+ "exports": [
2060
+ {
2061
+ "kind": "js",
2062
+ "name": "foundationAnchorStyles",
2063
+ "declaration": {
2064
+ "name": "foundationAnchorStyles",
2065
+ "module": "src/anchor/anchor.styles.ts"
2066
+ }
2067
+ }
2068
+ ]
2069
+ },
2070
+ {
2071
+ "kind": "javascript-module",
2072
+ "path": "src/anchor/anchor.template.ts",
2073
+ "declarations": [
2074
+ {
2075
+ "kind": "function",
2076
+ "name": "foundationAnchorTemplate",
2077
+ "return": {
2078
+ "type": {
2079
+ "text": "ViewTemplate<Anchor>"
2080
+ }
2081
+ },
2082
+ "parameters": [
2083
+ {
2084
+ "name": "context",
2085
+ "type": {
2086
+ "text": "ElementDefinitionContext"
2087
+ }
2088
+ },
2089
+ {
2090
+ "name": "definition",
2091
+ "type": {
2092
+ "text": "FoundationElementDefinition"
2093
+ }
2094
+ }
2095
+ ]
2096
+ }
2097
+ ],
2098
+ "exports": [
2099
+ {
2100
+ "kind": "js",
2101
+ "name": "foundationAnchorTemplate",
2102
+ "declaration": {
2103
+ "name": "foundationAnchorTemplate",
2104
+ "module": "src/anchor/anchor.template.ts"
2105
+ }
2106
+ }
2107
+ ]
2108
+ },
2109
+ {
2110
+ "kind": "javascript-module",
2111
+ "path": "src/anchor/anchor.ts",
2112
+ "declarations": [
2113
+ {
2114
+ "kind": "class",
2115
+ "description": "",
2116
+ "name": "Anchor",
2117
+ "superclass": {
2118
+ "name": "FASTAnchor",
2119
+ "package": "@microsoft/fast-components"
2120
+ },
2121
+ "tagName": "%%prefix%%-anchor",
2122
+ "customElement": true,
2123
+ "attributes": [
2124
+ {
2125
+ "name": "download",
2126
+ "type": {
2127
+ "text": "string"
2128
+ },
2129
+ "description": "Prompts the user to save the linked URL. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2130
+ "fieldName": "download",
2131
+ "inheritedFrom": {
2132
+ "name": "Anchor",
2133
+ "module": "src/anchor/anchor.ts"
2134
+ }
2135
+ },
2136
+ {
2137
+ "name": "href",
2138
+ "type": {
2139
+ "text": "string"
2140
+ },
2141
+ "description": "The URL the hyperlink references. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2142
+ "fieldName": "href",
2143
+ "inheritedFrom": {
2144
+ "name": "Anchor",
2145
+ "module": "src/anchor/anchor.ts"
2146
+ }
2147
+ },
2148
+ {
2149
+ "name": "hreflang",
2150
+ "type": {
2151
+ "text": "string"
2152
+ },
2153
+ "description": "Hints at the language of the referenced resource. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2154
+ "fieldName": "hreflang",
2155
+ "inheritedFrom": {
2156
+ "name": "Anchor",
2157
+ "module": "src/anchor/anchor.ts"
2158
+ }
2159
+ },
2160
+ {
2161
+ "name": "ping",
2162
+ "type": {
2163
+ "text": "string"
2164
+ },
2165
+ "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
2166
+ "fieldName": "ping",
2167
+ "inheritedFrom": {
2168
+ "name": "Anchor",
2169
+ "module": "src/anchor/anchor.ts"
2170
+ }
2171
+ },
2172
+ {
2173
+ "name": "referrerpolicy",
2174
+ "type": {
2175
2175
  "text": "string"
2176
2176
  },
2177
2177
  "description": "See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a | <a> element for more information.",
@@ -23704,7 +23704,7 @@
23704
23704
  },
23705
23705
  {
23706
23706
  "kind": "javascript-module",
23707
- "path": "src/multiselect/index.ts",
23707
+ "path": "src/notification-listener/index.ts",
23708
23708
  "declarations": [],
23709
23709
  "exports": [
23710
23710
  {
@@ -23712,7 +23712,7 @@
23712
23712
  "name": "*",
23713
23713
  "declaration": {
23714
23714
  "name": "*",
23715
- "package": "./multiselect-consts"
23715
+ "package": "./notification-listener.template"
23716
23716
  }
23717
23717
  },
23718
23718
  {
@@ -23720,950 +23720,872 @@
23720
23720
  "name": "*",
23721
23721
  "declaration": {
23722
23722
  "name": "*",
23723
- "package": "./multiselect"
23723
+ "package": "./notification-listener"
23724
23724
  }
23725
- },
23726
- {
23727
- "kind": "js",
23728
- "name": "*",
23729
- "declaration": {
23730
- "name": "*",
23731
- "package": "./multiselect.styles"
23732
- }
23733
- },
23734
- {
23735
- "kind": "js",
23736
- "name": "*",
23737
- "declaration": {
23738
- "name": "*",
23739
- "package": "./multiselect.template"
23740
- }
23741
- }
23742
- ]
23743
- },
23744
- {
23745
- "kind": "javascript-module",
23746
- "path": "src/multiselect/multiselect-consts.ts",
23747
- "declarations": [],
23748
- "exports": []
23749
- },
23750
- {
23751
- "kind": "javascript-module",
23752
- "path": "src/multiselect/multiselect.styles.ts",
23753
- "declarations": [
23725
+ }
23726
+ ]
23727
+ },
23728
+ {
23729
+ "kind": "javascript-module",
23730
+ "path": "src/notification-listener/notification-listener.template.ts",
23731
+ "declarations": [
23754
23732
  {
23755
23733
  "kind": "variable",
23756
- "name": "maxheight",
23734
+ "name": "foundationNotificationListenerTemplate",
23757
23735
  "type": {
23758
- "text": "number"
23736
+ "text": "ViewTemplate<NotificationListener>"
23759
23737
  },
23760
- "default": "230"
23761
- },
23762
- {
23763
- "kind": "variable",
23764
- "name": "multiselectStyles",
23765
- "default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);\n list-style: none;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
23766
- }
23767
- ],
23768
- "exports": [
23769
- {
23770
- "kind": "js",
23771
- "name": "maxheight",
23772
- "declaration": {
23773
- "name": "maxheight",
23774
- "module": "src/multiselect/multiselect.styles.ts"
23775
- }
23776
- },
23777
- {
23778
- "kind": "js",
23779
- "name": "multiselectStyles",
23780
- "declaration": {
23781
- "name": "multiselectStyles",
23782
- "module": "src/multiselect/multiselect.styles.ts"
23783
- }
23784
- }
23785
- ]
23786
- },
23787
- {
23788
- "kind": "javascript-module",
23789
- "path": "src/multiselect/multiselect.template.ts",
23790
- "declarations": [
23791
- {
23792
- "kind": "function",
23793
- "name": "getPrefixedMultiselect",
23794
- "parameters": [
23795
- {
23796
- "name": "prefix",
23797
- "default": "'foundation'"
23798
- }
23799
- ]
23800
- },
23801
- {
23802
- "kind": "variable",
23803
- "name": "multiselectTemplate",
23804
- "default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
23738
+ "default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
23805
23739
  }
23806
23740
  ],
23807
23741
  "exports": [
23808
23742
  {
23809
23743
  "kind": "js",
23810
- "name": "getPrefixedMultiselect",
23811
- "declaration": {
23812
- "name": "getPrefixedMultiselect",
23813
- "module": "src/multiselect/multiselect.template.ts"
23814
- }
23815
- },
23816
- {
23817
- "kind": "js",
23818
- "name": "multiselectTemplate",
23744
+ "name": "foundationNotificationListenerTemplate",
23819
23745
  "declaration": {
23820
- "name": "multiselectTemplate",
23821
- "module": "src/multiselect/multiselect.template.ts"
23746
+ "name": "foundationNotificationListenerTemplate",
23747
+ "module": "src/notification-listener/notification-listener.template.ts"
23822
23748
  }
23823
23749
  }
23824
23750
  ]
23825
23751
  },
23826
23752
  {
23827
23753
  "kind": "javascript-module",
23828
- "path": "src/multiselect/multiselect.ts",
23754
+ "path": "src/notification-listener/notification-listener.ts",
23829
23755
  "declarations": [
23830
23756
  {
23831
23757
  "kind": "variable",
23832
- "name": "foundationMultiselectShadowOptions",
23758
+ "name": "foundationNotificationListenerShadowOptions",
23833
23759
  "type": {
23834
23760
  "text": "ShadowRootInit"
23835
23761
  },
23836
- "default": "undefined"
23837
- },
23838
- {
23839
- "kind": "variable",
23840
- "name": "defaultMultiselectConfig",
23841
- "type": {
23842
- "text": "object"
23843
- },
23844
- "default": "{}"
23762
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
23845
23763
  },
23846
23764
  {
23847
23765
  "kind": "class",
23848
23766
  "description": "",
23849
- "name": "Multiselect",
23767
+ "name": "NotificationListener",
23850
23768
  "members": [
23851
23769
  {
23852
23770
  "kind": "field",
23853
- "name": "name",
23854
- "type": {
23855
- "text": "string"
23856
- },
23857
- "default": "''"
23858
- },
23859
- {
23860
- "kind": "field",
23861
- "name": "autoPosition",
23862
- "type": {
23863
- "text": "boolean"
23864
- },
23865
- "default": "true"
23866
- },
23867
- {
23868
- "kind": "field",
23869
- "name": "all",
23870
- "type": {
23871
- "text": "boolean"
23872
- },
23873
- "default": "true"
23874
- },
23875
- {
23876
- "kind": "field",
23877
- "name": "allSelected",
23771
+ "name": "notificationListener",
23878
23772
  "type": {
23879
- "text": "boolean"
23880
- },
23881
- "default": "false"
23773
+ "text": "HTMLElement"
23774
+ }
23882
23775
  },
23883
23776
  {
23884
23777
  "kind": "field",
23885
- "name": "search",
23886
- "type": {
23887
- "text": "boolean"
23888
- },
23889
- "default": "true"
23778
+ "name": "resourceName",
23779
+ "description": "The resource name holding new and existing notifications",
23780
+ "privacy": "public"
23890
23781
  },
23891
23782
  {
23892
23783
  "kind": "field",
23893
- "name": "disabled",
23784
+ "name": "closeTimeout",
23894
23785
  "type": {
23895
- "text": "boolean"
23786
+ "text": "number"
23896
23787
  },
23897
- "default": "false"
23788
+ "default": "0",
23789
+ "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
23790
+ "privacy": "public"
23898
23791
  },
23899
23792
  {
23900
23793
  "kind": "field",
23901
- "name": "creatable",
23794
+ "name": "toastButtons",
23902
23795
  "type": {
23903
- "text": "boolean"
23796
+ "text": "ToastButton[]"
23904
23797
  },
23905
- "default": "false"
23798
+ "default": "[]",
23799
+ "description": "Array of buttons for notification toasts",
23800
+ "privacy": "public"
23906
23801
  },
23907
23802
  {
23908
23803
  "kind": "field",
23909
- "name": "async",
23804
+ "name": "dataSub",
23910
23805
  "type": {
23911
- "text": "boolean"
23806
+ "text": "Subscription"
23912
23807
  },
23913
- "default": "false"
23808
+ "privacy": "protected"
23914
23809
  },
23915
23810
  {
23916
23811
  "kind": "field",
23917
- "name": "debounce",
23812
+ "name": "datasource",
23918
23813
  "type": {
23919
- "text": "number"
23814
+ "text": "Datasource"
23920
23815
  },
23921
- "default": "500"
23816
+ "privacy": "private"
23922
23817
  },
23923
23818
  {
23924
- "kind": "field",
23925
- "name": "filterByContains",
23926
- "type": {
23927
- "text": "boolean"
23819
+ "kind": "method",
23820
+ "name": "handleStreamUpdate",
23821
+ "privacy": "private",
23822
+ "return": {
23823
+ "type": {
23824
+ "text": "void"
23825
+ }
23928
23826
  },
23929
- "default": "false",
23930
- "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check"
23827
+ "parameters": [
23828
+ {
23829
+ "name": "dataServerResult",
23830
+ "type": {
23831
+ "text": "any"
23832
+ }
23833
+ }
23834
+ ]
23931
23835
  },
23932
23836
  {
23933
23837
  "kind": "method",
23934
- "name": "debounceChanged",
23838
+ "name": "showNotificationToast",
23839
+ "privacy": "protected",
23840
+ "return": {
23841
+ "type": {
23842
+ "text": "void"
23843
+ }
23844
+ },
23935
23845
  "parameters": [
23936
23846
  {
23937
- "name": "oldValue"
23938
- },
23939
- {
23940
- "name": "newValue",
23847
+ "name": "row",
23941
23848
  "type": {
23942
- "text": "number"
23849
+ "text": "NotificationDataRow"
23943
23850
  }
23944
23851
  }
23945
23852
  ]
23946
23853
  },
23947
23854
  {
23948
23855
  "kind": "field",
23949
- "name": "debouncedInputHandler"
23950
- },
23951
- {
23952
- "kind": "field",
23953
- "name": "defaultSlottedNodes",
23856
+ "name": "_presentation",
23954
23857
  "type": {
23955
- "text": "Node[]"
23858
+ "text": "ComponentPresentation | null | undefined"
23859
+ },
23860
+ "privacy": "private",
23861
+ "default": "void 0",
23862
+ "inheritedFrom": {
23863
+ "name": "FoundationElement",
23864
+ "module": "src/foundation-element/foundation-element.ts"
23956
23865
  }
23957
23866
  },
23958
23867
  {
23959
23868
  "kind": "field",
23960
- "name": "slottedDatasource",
23869
+ "name": "$presentation",
23961
23870
  "type": {
23962
- "text": "MultiselectDatasource[]"
23871
+ "text": "ComponentPresentation | null"
23872
+ },
23873
+ "privacy": "public",
23874
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
23875
+ "inheritedFrom": {
23876
+ "name": "FoundationElement",
23877
+ "module": "src/foundation-element/foundation-element.ts"
23963
23878
  }
23964
23879
  },
23965
23880
  {
23966
23881
  "kind": "field",
23967
- "name": "valueFormatter"
23882
+ "name": "template",
23883
+ "type": {
23884
+ "text": "ElementViewTemplate | void | null"
23885
+ },
23886
+ "privacy": "public",
23887
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
23888
+ "inheritedFrom": {
23889
+ "name": "FoundationElement",
23890
+ "module": "src/foundation-element/foundation-element.ts"
23891
+ }
23968
23892
  },
23969
23893
  {
23970
- "kind": "field",
23971
- "name": "loading",
23972
- "type": {
23973
- "text": "boolean"
23894
+ "kind": "method",
23895
+ "name": "templateChanged",
23896
+ "privacy": "protected",
23897
+ "return": {
23898
+ "type": {
23899
+ "text": "void"
23900
+ }
23901
+ },
23902
+ "inheritedFrom": {
23903
+ "name": "FoundationElement",
23904
+ "module": "src/foundation-element/foundation-element.ts"
23974
23905
  }
23975
23906
  },
23976
23907
  {
23977
23908
  "kind": "field",
23978
- "name": "filterSearchValue",
23979
- "type": {
23980
- "text": "string"
23981
- },
23982
- "default": "''"
23983
- },
23984
- {
23985
- "kind": "field",
23986
- "name": "clickOutside",
23987
- "privacy": "private"
23988
- },
23989
- {
23990
- "kind": "field",
23991
- "name": "open",
23909
+ "name": "styles",
23992
23910
  "type": {
23993
- "text": "boolean"
23911
+ "text": "ElementStyles | void | null"
23994
23912
  },
23995
- "default": "false"
23913
+ "privacy": "public",
23914
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
23915
+ "inheritedFrom": {
23916
+ "name": "FoundationElement",
23917
+ "module": "src/foundation-element/foundation-element.ts"
23918
+ }
23996
23919
  },
23997
23920
  {
23998
23921
  "kind": "method",
23999
- "name": "openChanged",
24000
- "parameters": [
24001
- {
24002
- "name": "previous",
24003
- "type": {
24004
- "text": "boolean"
24005
- }
24006
- },
24007
- {
24008
- "name": "open",
24009
- "type": {
24010
- "text": "boolean"
24011
- }
23922
+ "name": "stylesChanged",
23923
+ "privacy": "protected",
23924
+ "return": {
23925
+ "type": {
23926
+ "text": "void"
24012
23927
  }
24013
- ]
24014
- },
24015
- {
24016
- "kind": "field",
24017
- "name": "options",
24018
- "type": {
24019
- "text": "MultiselectOption[]"
24020
- },
24021
- "default": "[]"
24022
- },
24023
- {
24024
- "kind": "field",
24025
- "name": "selectedOptions",
24026
- "type": {
24027
- "text": "string[]"
24028
- },
24029
- "default": "[]"
24030
- },
24031
- {
24032
- "kind": "field",
24033
- "name": "filteredAvailableOptions",
24034
- "type": {
24035
- "text": "MultiselectOption[]"
24036
23928
  },
24037
- "default": "[...this.options]"
24038
- },
24039
- {
24040
- "kind": "field",
24041
- "name": "scrollContainer",
24042
- "type": {
24043
- "text": "HTMLElement"
24044
- }
24045
- },
24046
- {
24047
- "kind": "field",
24048
- "name": "position",
24049
- "type": {
24050
- "text": "Position"
24051
- },
24052
- "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field."
24053
- },
24054
- {
24055
- "kind": "field",
24056
- "name": "onAllSelectedCallback",
24057
- "type": {
24058
- "text": "(allSelected: boolean) => void"
24059
- }
24060
- },
24061
- {
24062
- "kind": "field",
24063
- "name": "initialisedOptions",
24064
- "type": {
24065
- "text": "boolean"
24066
- },
24067
- "privacy": "private",
24068
- "default": "false"
24069
- },
24070
- {
24071
- "kind": "field",
24072
- "name": "arrowIcon",
24073
- "type": {
24074
- "text": "SVGElement"
24075
- }
24076
- },
24077
- {
24078
- "kind": "field",
24079
- "name": "optionsElement",
24080
- "type": {
24081
- "text": "HTMLElement"
23929
+ "inheritedFrom": {
23930
+ "name": "FoundationElement",
23931
+ "module": "src/foundation-element/foundation-element.ts"
24082
23932
  }
24083
23933
  },
24084
23934
  {
24085
23935
  "kind": "method",
24086
- "name": "toggle"
24087
- },
24088
- {
24089
- "kind": "method",
24090
- "name": "optionsChanged"
24091
- },
24092
- {
24093
- "kind": "method",
24094
- "name": "selectedOptionsChanged"
24095
- },
24096
- {
24097
- "kind": "method",
24098
- "name": "setDropdownPosition",
24099
- "privacy": "private",
24100
- "description": "Sets the dropdown position based on the current configuration."
24101
- },
24102
- {
24103
- "kind": "method",
24104
- "name": "optionGetter",
24105
- "parameters": [
24106
- {
24107
- "name": "option",
24108
- "type": {
24109
- "text": "MultiselectOption"
24110
- }
23936
+ "name": "compose",
23937
+ "privacy": "public",
23938
+ "static": true,
23939
+ "return": {
23940
+ "type": {
23941
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
24111
23942
  }
24112
- ]
24113
- },
24114
- {
24115
- "kind": "method",
24116
- "name": "getItemLabel",
23943
+ },
24117
23944
  "parameters": [
24118
23945
  {
24119
- "name": "option",
23946
+ "name": "this",
24120
23947
  "type": {
24121
- "text": "MultiselectOption"
23948
+ "text": "K"
24122
23949
  }
24123
- }
24124
- ]
24125
- },
24126
- {
24127
- "kind": "method",
24128
- "name": "isOptionDisabled",
24129
- "parameters": [
23950
+ },
24130
23951
  {
24131
- "name": "option",
23952
+ "name": "elementDefinition",
24132
23953
  "type": {
24133
- "text": "MultiselectOption"
24134
- }
23954
+ "text": "T"
23955
+ },
23956
+ "description": "The definition of the element to create the registry\nfunction for."
24135
23957
  }
24136
- ]
24137
- },
24138
- {
24139
- "kind": "field",
24140
- "name": "getDisplayValue",
24141
- "readonly": true
24142
- },
24143
- {
24144
- "kind": "field",
24145
- "name": "getPlaceholder",
24146
- "readonly": true
24147
- },
24148
- {
24149
- "kind": "field",
24150
- "name": "isAllOptionsDisabled",
24151
- "readonly": true
24152
- },
23958
+ ],
23959
+ "description": "Defines an element registry function with a set of element definition defaults.",
23960
+ "inheritedFrom": {
23961
+ "name": "FoundationElement",
23962
+ "module": "src/foundation-element/foundation-element.ts"
23963
+ }
23964
+ }
23965
+ ],
23966
+ "attributes": [
24153
23967
  {
24154
- "kind": "field",
24155
- "name": "showCreatable",
24156
- "readonly": true
23968
+ "name": "resource-name",
23969
+ "description": "The resource name holding new and existing notifications",
23970
+ "fieldName": "resourceName"
24157
23971
  },
24158
23972
  {
24159
- "kind": "method",
24160
- "name": "isOptionSelected",
24161
- "return": {
24162
- "type": {
24163
- "text": "boolean"
24164
- }
23973
+ "name": "close-timeout",
23974
+ "type": {
23975
+ "text": "number"
24165
23976
  },
24166
- "parameters": [
24167
- {
24168
- "name": "normalizedOption",
24169
- "type": {
24170
- "text": "MultiselectOption"
24171
- }
24172
- }
24173
- ]
24174
- },
23977
+ "default": "0",
23978
+ "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
23979
+ "fieldName": "closeTimeout"
23980
+ }
23981
+ ],
23982
+ "superclass": {
23983
+ "name": "FoundationElement",
23984
+ "package": "@microsoft/fast-foundation"
23985
+ },
23986
+ "tagName": "%%prefix%%-notification-listener",
23987
+ "customElement": true
23988
+ },
23989
+ {
23990
+ "kind": "variable",
23991
+ "name": "foundationNotificationListener",
23992
+ "description": "The Foundation Notification Listener",
23993
+ "privacy": "public"
23994
+ }
23995
+ ],
23996
+ "exports": [
23997
+ {
23998
+ "kind": "js",
23999
+ "name": "foundationNotificationListenerShadowOptions",
24000
+ "declaration": {
24001
+ "name": "foundationNotificationListenerShadowOptions",
24002
+ "module": "src/notification-listener/notification-listener.ts"
24003
+ }
24004
+ },
24005
+ {
24006
+ "kind": "js",
24007
+ "name": "NotificationListener",
24008
+ "declaration": {
24009
+ "name": "NotificationListener",
24010
+ "module": "src/notification-listener/notification-listener.ts"
24011
+ }
24012
+ },
24013
+ {
24014
+ "kind": "js",
24015
+ "name": "foundationNotificationListener",
24016
+ "declaration": {
24017
+ "name": "foundationNotificationListener",
24018
+ "module": "src/notification-listener/notification-listener.ts"
24019
+ }
24020
+ }
24021
+ ]
24022
+ },
24023
+ {
24024
+ "kind": "javascript-module",
24025
+ "path": "src/multiselect/index.ts",
24026
+ "declarations": [],
24027
+ "exports": [
24028
+ {
24029
+ "kind": "js",
24030
+ "name": "*",
24031
+ "declaration": {
24032
+ "name": "*",
24033
+ "package": "./multiselect-consts"
24034
+ }
24035
+ },
24036
+ {
24037
+ "kind": "js",
24038
+ "name": "*",
24039
+ "declaration": {
24040
+ "name": "*",
24041
+ "package": "./multiselect"
24042
+ }
24043
+ },
24044
+ {
24045
+ "kind": "js",
24046
+ "name": "*",
24047
+ "declaration": {
24048
+ "name": "*",
24049
+ "package": "./multiselect.styles"
24050
+ }
24051
+ },
24052
+ {
24053
+ "kind": "js",
24054
+ "name": "*",
24055
+ "declaration": {
24056
+ "name": "*",
24057
+ "package": "./multiselect.template"
24058
+ }
24059
+ }
24060
+ ]
24061
+ },
24062
+ {
24063
+ "kind": "javascript-module",
24064
+ "path": "src/multiselect/multiselect-consts.ts",
24065
+ "declarations": [],
24066
+ "exports": []
24067
+ },
24068
+ {
24069
+ "kind": "javascript-module",
24070
+ "path": "src/multiselect/multiselect.styles.ts",
24071
+ "declarations": [
24072
+ {
24073
+ "kind": "variable",
24074
+ "name": "maxheight",
24075
+ "type": {
24076
+ "text": "number"
24077
+ },
24078
+ "default": "230"
24079
+ },
24080
+ {
24081
+ "kind": "variable",
24082
+ "name": "multiselectStyles",
24083
+ "default": "css`\n .root {\n position: relative;\n width: inherit;\n min-width: 250px;\n }\n\n .control {\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field {\n width: 100%;\n cursor: pointer;\n color: rgb(241 241 241);\n min-height: 40px;\n padding: 0 calc(var(--design-unit) * 2.25px);\n border-width: 0;\n background-color: var(--neutral-fill-input-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n }\n\n #display-field[disabled] {\n cursor: not-allowed;\n opacity: 30%;\n }\n\n #display-field:focus {\n outline: 1px solid var(--accent-fill-rest);\n background: var(--neutral-fill-input-rest);\n border-style: none;\n box-shadow: none;\n }\n\n #display-field:hover:not(:focus):not([disabled]) {\n outline: 1px solid rgb(231 232 232);\n }\n\n button {\n pointer-events: none;\n }\n\n .indicator {\n position: absolute;\n left: calc(100% - 26px);\n padding: 0;\n cursor: pointer;\n }\n\n #arrow-icon {\n width: 16px;\n fill: white;\n transform: rotate(0deg);\n transition: transform 0.2s linear 0s;\n }\n\n #arrow-icon.flipped {\n transform: rotate(180deg);\n }\n\n .disabled-svg {\n pointer-events: none;\n opacity: 30%;\n }\n\n .options {\n display: flex;\n flex-direction: column;\n position: absolute;\n height: max-content;\n overflow-y: hidden;\n margin-top: calc(var(--design-unit) * 1px);\n border: calc(var(--stroke-width) * 1px) solid var(--neutral-layer-2);\n border-radius: 4px;\n background: var(--neutral-fill-input-rest);\n width: 100%;\n max-height: 0;\n visibility: hidden;\n transition:\n max-height 0.4s ease 0s,\n visibility 0.4s ease 0s;\n z-index: 999;\n }\n\n .position-above {\n bottom: 100%;\n }\n\n .checkbox-container {\n display: flex;\n flex-direction: column;\n overflow-y: scroll;\n scrollbar-width: thin;\n scrollbar-color: var(--neutral-layer-2) var(--neutral-layer-4);\n list-style: none;\n }\n\n .checkbox-container zero-checkbox {\n min-width: fit-content;\n }\n\n .checkbox-container zero-checkbox[disabled],\n .checkbox-container foundation-checkbox[disabled] {\n cursor: not-allowed;\n }\n\n ::-webkit-scrollbar {\n width: 12px;\n }\n\n ::-webkit-scrollbar-track {\n background: var(--neutral-layer-4);\n }\n\n ::-webkit-scrollbar-thumb {\n width: 8px;\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);\n background-color: var(--neutral-layer-2);\n border: 3px solid var(--neutral-layer-4);\n }\n\n .visible {\n visibility: visible;\n max-height: ${maxheight.toString()}px;\n }\n\n ::slotted(foundation-checkbox),\n foundation-checkbox {\n border-bottom: 1px solid var(--neutral-layer-4);\n padding: 5px 0 5px 5px;\n margin: 0;\n }\n\n ::slotted(foundation-checkbox:hover),\n foundation-checkbox:hover {\n background-color: var(--neutral-layer-3);\n cursor: pointer;\n }\n\n ::slotted(foundation-checkbox)::part(label),\n foundation-checkbox::part(label) {\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .label {\n display: block;\n cursor: pointer;\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-style: normal;\n margin: calc(var(--design-unit) * 2px) 0;\n }\n\n .label-hidden {\n display: none;\n }\n\n ol,\n li {\n margin: 0;\n padding: 0;\n }\n\n .checkbox {\n width: 100%;\n }\n\n .select-all {\n width: 100%;\n }\n\n .display-value {\n position: absolute;\n right: 40px;\n color: var(--neutral-foreground-rest);\n font-size: var(--type-ramp-base-font-size);\n line-height: var(--type-ramp-base-line-height);\n font-family: var(--body-font);\n }\n`"
24084
+ }
24085
+ ],
24086
+ "exports": [
24087
+ {
24088
+ "kind": "js",
24089
+ "name": "maxheight",
24090
+ "declaration": {
24091
+ "name": "maxheight",
24092
+ "module": "src/multiselect/multiselect.styles.ts"
24093
+ }
24094
+ },
24095
+ {
24096
+ "kind": "js",
24097
+ "name": "multiselectStyles",
24098
+ "declaration": {
24099
+ "name": "multiselectStyles",
24100
+ "module": "src/multiselect/multiselect.styles.ts"
24101
+ }
24102
+ }
24103
+ ]
24104
+ },
24105
+ {
24106
+ "kind": "javascript-module",
24107
+ "path": "src/multiselect/multiselect.template.ts",
24108
+ "declarations": [
24109
+ {
24110
+ "kind": "function",
24111
+ "name": "getPrefixedMultiselect",
24112
+ "parameters": [
24113
+ {
24114
+ "name": "prefix",
24115
+ "default": "'foundation'"
24116
+ }
24117
+ ]
24118
+ },
24119
+ {
24120
+ "kind": "variable",
24121
+ "name": "multiselectTemplate",
24122
+ "default": "html<Multiselect>`\n ${getPrefixedMultiselect()}\n`"
24123
+ }
24124
+ ],
24125
+ "exports": [
24126
+ {
24127
+ "kind": "js",
24128
+ "name": "getPrefixedMultiselect",
24129
+ "declaration": {
24130
+ "name": "getPrefixedMultiselect",
24131
+ "module": "src/multiselect/multiselect.template.ts"
24132
+ }
24133
+ },
24134
+ {
24135
+ "kind": "js",
24136
+ "name": "multiselectTemplate",
24137
+ "declaration": {
24138
+ "name": "multiselectTemplate",
24139
+ "module": "src/multiselect/multiselect.template.ts"
24140
+ }
24141
+ }
24142
+ ]
24143
+ },
24144
+ {
24145
+ "kind": "javascript-module",
24146
+ "path": "src/multiselect/multiselect.ts",
24147
+ "declarations": [
24148
+ {
24149
+ "kind": "variable",
24150
+ "name": "foundationMultiselectShadowOptions",
24151
+ "type": {
24152
+ "text": "ShadowRootInit"
24153
+ },
24154
+ "default": "undefined"
24155
+ },
24156
+ {
24157
+ "kind": "variable",
24158
+ "name": "defaultMultiselectConfig",
24159
+ "type": {
24160
+ "text": "object"
24161
+ },
24162
+ "default": "{}"
24163
+ },
24164
+ {
24165
+ "kind": "class",
24166
+ "description": "",
24167
+ "name": "Multiselect",
24168
+ "members": [
24175
24169
  {
24176
- "kind": "method",
24177
- "name": "selectCheckboxOne",
24178
- "parameters": [
24179
- {
24180
- "name": "normalizedOption",
24181
- "type": {
24182
- "text": "MultiselectOption"
24183
- }
24184
- }
24185
- ]
24170
+ "kind": "field",
24171
+ "name": "name",
24172
+ "type": {
24173
+ "text": "string"
24174
+ },
24175
+ "default": "''"
24186
24176
  },
24187
24177
  {
24188
- "kind": "method",
24189
- "name": "checkboxKeyDown",
24190
- "parameters": [
24191
- {
24192
- "name": "normalizedOption",
24193
- "type": {
24194
- "text": "MultiselectOption"
24195
- }
24196
- },
24197
- {
24198
- "name": "event",
24199
- "type": {
24200
- "text": "KeyboardEvent"
24201
- }
24202
- }
24203
- ]
24178
+ "kind": "field",
24179
+ "name": "autoPosition",
24180
+ "type": {
24181
+ "text": "boolean"
24182
+ },
24183
+ "default": "true"
24204
24184
  },
24205
24185
  {
24206
- "kind": "method",
24207
- "name": "getEnabledOptionsCount"
24186
+ "kind": "field",
24187
+ "name": "all",
24188
+ "type": {
24189
+ "text": "boolean"
24190
+ },
24191
+ "default": "true"
24208
24192
  },
24209
24193
  {
24210
- "kind": "method",
24211
- "name": "selectCheckboxAll"
24194
+ "kind": "field",
24195
+ "name": "allSelected",
24196
+ "type": {
24197
+ "text": "boolean"
24198
+ },
24199
+ "default": "false"
24212
24200
  },
24213
24201
  {
24214
- "kind": "method",
24215
- "name": "inputHandler"
24202
+ "kind": "field",
24203
+ "name": "search",
24204
+ "type": {
24205
+ "text": "boolean"
24206
+ },
24207
+ "default": "true"
24216
24208
  },
24217
24209
  {
24218
- "kind": "method",
24219
- "name": "findExactMatchOptions"
24210
+ "kind": "field",
24211
+ "name": "disabled",
24212
+ "type": {
24213
+ "text": "boolean"
24214
+ },
24215
+ "default": "false"
24220
24216
  },
24221
24217
  {
24222
- "kind": "method",
24223
- "name": "setFilter"
24218
+ "kind": "field",
24219
+ "name": "creatable",
24220
+ "type": {
24221
+ "text": "boolean"
24222
+ },
24223
+ "default": "false"
24224
24224
  },
24225
24225
  {
24226
- "kind": "method",
24227
- "name": "addOption"
24226
+ "kind": "field",
24227
+ "name": "async",
24228
+ "type": {
24229
+ "text": "boolean"
24230
+ },
24231
+ "default": "false"
24228
24232
  },
24229
24233
  {
24230
- "kind": "method",
24231
- "name": "asyncSetFilter"
24234
+ "kind": "field",
24235
+ "name": "debounce",
24236
+ "type": {
24237
+ "text": "number"
24238
+ },
24239
+ "default": "500"
24232
24240
  },
24233
24241
  {
24234
- "kind": "method",
24235
- "name": "changeHandler",
24236
- "parameters": [
24237
- {
24238
- "name": "event",
24239
- "type": {
24240
- "text": "Event"
24241
- }
24242
- }
24243
- ]
24242
+ "kind": "field",
24243
+ "name": "filterByContains",
24244
+ "type": {
24245
+ "text": "boolean"
24246
+ },
24247
+ "default": "false",
24248
+ "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check"
24244
24249
  },
24245
24250
  {
24246
24251
  "kind": "method",
24247
- "name": "handleClickOutside",
24248
- "privacy": "private",
24252
+ "name": "debounceChanged",
24249
24253
  "parameters": [
24250
24254
  {
24251
- "name": "event",
24252
- "type": {
24253
- "text": "MouseEvent"
24254
- }
24255
- }
24256
- ]
24257
- },
24258
- {
24259
- "kind": "method",
24260
- "name": "keydownHandler",
24261
- "return": {
24262
- "type": {
24263
- "text": "boolean | void"
24264
- }
24265
- },
24266
- "parameters": [
24255
+ "name": "oldValue"
24256
+ },
24267
24257
  {
24268
- "name": "e",
24258
+ "name": "newValue",
24269
24259
  "type": {
24270
- "text": "Event & KeyboardEvent"
24260
+ "text": "number"
24271
24261
  }
24272
24262
  }
24273
24263
  ]
24274
24264
  },
24275
24265
  {
24276
24266
  "kind": "field",
24277
- "name": "_presentation",
24278
- "type": {
24279
- "text": "ComponentPresentation | null | undefined"
24280
- },
24281
- "privacy": "private",
24282
- "default": "void 0",
24283
- "inheritedFrom": {
24284
- "name": "FoundationElement",
24285
- "module": "src/foundation-element/foundation-element.ts"
24286
- }
24267
+ "name": "debouncedInputHandler"
24287
24268
  },
24288
24269
  {
24289
24270
  "kind": "field",
24290
- "name": "$presentation",
24271
+ "name": "defaultSlottedNodes",
24291
24272
  "type": {
24292
- "text": "ComponentPresentation | null"
24293
- },
24294
- "privacy": "public",
24295
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
24296
- "inheritedFrom": {
24297
- "name": "FoundationElement",
24298
- "module": "src/foundation-element/foundation-element.ts"
24273
+ "text": "Node[]"
24299
24274
  }
24300
24275
  },
24301
24276
  {
24302
24277
  "kind": "field",
24303
- "name": "template",
24278
+ "name": "slottedDatasource",
24304
24279
  "type": {
24305
- "text": "ElementViewTemplate | void | null"
24306
- },
24307
- "privacy": "public",
24308
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
24309
- "inheritedFrom": {
24310
- "name": "FoundationElement",
24311
- "module": "src/foundation-element/foundation-element.ts"
24280
+ "text": "MultiselectDatasource[]"
24312
24281
  }
24313
24282
  },
24314
24283
  {
24315
- "kind": "method",
24316
- "name": "templateChanged",
24317
- "privacy": "protected",
24318
- "return": {
24319
- "type": {
24320
- "text": "void"
24321
- }
24322
- },
24323
- "inheritedFrom": {
24324
- "name": "FoundationElement",
24325
- "module": "src/foundation-element/foundation-element.ts"
24326
- }
24284
+ "kind": "field",
24285
+ "name": "valueFormatter"
24327
24286
  },
24328
24287
  {
24329
24288
  "kind": "field",
24330
- "name": "styles",
24289
+ "name": "loading",
24331
24290
  "type": {
24332
- "text": "ElementStyles | void | null"
24333
- },
24334
- "privacy": "public",
24335
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
24336
- "inheritedFrom": {
24337
- "name": "FoundationElement",
24338
- "module": "src/foundation-element/foundation-element.ts"
24339
- }
24340
- },
24341
- {
24342
- "kind": "method",
24343
- "name": "stylesChanged",
24344
- "privacy": "protected",
24345
- "return": {
24346
- "type": {
24347
- "text": "void"
24348
- }
24349
- },
24350
- "inheritedFrom": {
24351
- "name": "FoundationElement",
24352
- "module": "src/foundation-element/foundation-element.ts"
24291
+ "text": "boolean"
24353
24292
  }
24354
24293
  },
24355
24294
  {
24356
- "kind": "method",
24357
- "name": "compose",
24358
- "privacy": "public",
24359
- "static": true,
24360
- "return": {
24361
- "type": {
24362
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
24363
- }
24364
- },
24365
- "parameters": [
24366
- {
24367
- "name": "this",
24368
- "type": {
24369
- "text": "K"
24370
- }
24371
- },
24372
- {
24373
- "name": "elementDefinition",
24374
- "type": {
24375
- "text": "T"
24376
- },
24377
- "description": "The definition of the element to create the registry\nfunction for."
24378
- }
24379
- ],
24380
- "description": "Defines an element registry function with a set of element definition defaults.",
24381
- "inheritedFrom": {
24382
- "name": "FoundationElement",
24383
- "module": "src/foundation-element/foundation-element.ts"
24384
- }
24385
- }
24386
- ],
24387
- "attributes": [
24388
- {
24389
- "name": "name",
24295
+ "kind": "field",
24296
+ "name": "filterSearchValue",
24390
24297
  "type": {
24391
24298
  "text": "string"
24392
24299
  },
24393
- "default": "''",
24394
- "fieldName": "name"
24300
+ "default": "''"
24395
24301
  },
24396
24302
  {
24397
- "name": "auto-position",
24398
- "type": {
24399
- "text": "boolean"
24400
- },
24401
- "default": "true",
24402
- "fieldName": "autoPosition"
24303
+ "kind": "field",
24304
+ "name": "clickOutside",
24305
+ "privacy": "private"
24403
24306
  },
24404
24307
  {
24308
+ "kind": "field",
24309
+ "name": "open",
24405
24310
  "type": {
24406
24311
  "text": "boolean"
24407
24312
  },
24408
- "default": "true",
24409
- "fieldName": "all"
24313
+ "default": "false"
24314
+ },
24315
+ {
24316
+ "kind": "method",
24317
+ "name": "openChanged",
24318
+ "parameters": [
24319
+ {
24320
+ "name": "previous",
24321
+ "type": {
24322
+ "text": "boolean"
24323
+ }
24324
+ },
24325
+ {
24326
+ "name": "open",
24327
+ "type": {
24328
+ "text": "boolean"
24329
+ }
24330
+ }
24331
+ ]
24410
24332
  },
24411
24333
  {
24334
+ "kind": "field",
24335
+ "name": "options",
24412
24336
  "type": {
24413
- "text": "boolean"
24337
+ "text": "MultiselectOption[]"
24414
24338
  },
24415
- "default": "false",
24416
- "fieldName": "allSelected"
24339
+ "default": "[]"
24417
24340
  },
24418
24341
  {
24342
+ "kind": "field",
24343
+ "name": "selectedOptions",
24419
24344
  "type": {
24420
- "text": "boolean"
24345
+ "text": "string[]"
24421
24346
  },
24422
- "default": "true",
24423
- "fieldName": "search"
24347
+ "default": "[]"
24424
24348
  },
24425
24349
  {
24350
+ "kind": "field",
24351
+ "name": "filteredAvailableOptions",
24426
24352
  "type": {
24427
- "text": "boolean"
24353
+ "text": "MultiselectOption[]"
24428
24354
  },
24429
- "default": "false",
24430
- "fieldName": "disabled"
24355
+ "default": "[...this.options]"
24431
24356
  },
24432
24357
  {
24358
+ "kind": "field",
24359
+ "name": "scrollContainer",
24433
24360
  "type": {
24434
- "text": "boolean"
24435
- },
24436
- "default": "false",
24437
- "fieldName": "creatable"
24361
+ "text": "HTMLElement"
24362
+ }
24438
24363
  },
24439
24364
  {
24365
+ "kind": "field",
24366
+ "name": "position",
24440
24367
  "type": {
24441
- "text": "boolean"
24368
+ "text": "Position"
24442
24369
  },
24443
- "default": "false",
24444
- "fieldName": "async"
24370
+ "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field."
24445
24371
  },
24446
24372
  {
24447
- "name": "debounce",
24373
+ "kind": "field",
24374
+ "name": "onAllSelectedCallback",
24448
24375
  "type": {
24449
- "text": "number"
24450
- },
24451
- "default": "DEBOUNCE_TIME",
24452
- "resolveInitializer": {
24453
- "module": "src/multiselect/multiselect.ts"
24454
- },
24455
- "fieldName": "debounce"
24376
+ "text": "(allSelected: boolean) => void"
24377
+ }
24456
24378
  },
24457
24379
  {
24458
- "name": "filter-by-contains",
24380
+ "kind": "field",
24381
+ "name": "initialisedOptions",
24459
24382
  "type": {
24460
24383
  "text": "boolean"
24461
24384
  },
24462
- "default": "false",
24463
- "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
24464
- "fieldName": "filterByContains"
24385
+ "privacy": "private",
24386
+ "default": "false"
24465
24387
  },
24466
24388
  {
24467
- "name": "position",
24389
+ "kind": "field",
24390
+ "name": "arrowIcon",
24468
24391
  "type": {
24469
- "text": "Position"
24470
- },
24471
- "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
24472
- "fieldName": "position"
24473
- }
24474
- ],
24475
- "superclass": {
24476
- "name": "FoundationElement",
24477
- "package": "@microsoft/fast-foundation"
24478
- },
24479
- "tagName": "%%prefix%%-multiselect",
24480
- "customElement": true
24481
- },
24482
- {
24483
- "kind": "variable",
24484
- "name": "foundationMultiselect"
24485
- }
24486
- ],
24487
- "exports": [
24488
- {
24489
- "kind": "js",
24490
- "name": "foundationMultiselectShadowOptions",
24491
- "declaration": {
24492
- "name": "foundationMultiselectShadowOptions",
24493
- "module": "src/multiselect/multiselect.ts"
24494
- }
24495
- },
24496
- {
24497
- "kind": "js",
24498
- "name": "defaultMultiselectConfig",
24499
- "declaration": {
24500
- "name": "defaultMultiselectConfig",
24501
- "module": "src/multiselect/multiselect.ts"
24502
- }
24503
- },
24504
- {
24505
- "kind": "js",
24506
- "name": "Multiselect",
24507
- "declaration": {
24508
- "name": "Multiselect",
24509
- "module": "src/multiselect/multiselect.ts"
24510
- }
24511
- },
24512
- {
24513
- "kind": "js",
24514
- "name": "foundationMultiselect",
24515
- "declaration": {
24516
- "name": "foundationMultiselect",
24517
- "module": "src/multiselect/multiselect.ts"
24518
- }
24519
- }
24520
- ]
24521
- },
24522
- {
24523
- "kind": "javascript-module",
24524
- "path": "src/notification-listener/index.ts",
24525
- "declarations": [],
24526
- "exports": [
24527
- {
24528
- "kind": "js",
24529
- "name": "*",
24530
- "declaration": {
24531
- "name": "*",
24532
- "package": "./notification-listener.template"
24533
- }
24534
- },
24535
- {
24536
- "kind": "js",
24537
- "name": "*",
24538
- "declaration": {
24539
- "name": "*",
24540
- "package": "./notification-listener"
24541
- }
24542
- }
24543
- ]
24544
- },
24545
- {
24546
- "kind": "javascript-module",
24547
- "path": "src/notification-listener/notification-listener.template.ts",
24548
- "declarations": [
24549
- {
24550
- "kind": "variable",
24551
- "name": "foundationNotificationListenerTemplate",
24552
- "type": {
24553
- "text": "ViewTemplate<NotificationListener>"
24554
- },
24555
- "default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
24556
- }
24557
- ],
24558
- "exports": [
24559
- {
24560
- "kind": "js",
24561
- "name": "foundationNotificationListenerTemplate",
24562
- "declaration": {
24563
- "name": "foundationNotificationListenerTemplate",
24564
- "module": "src/notification-listener/notification-listener.template.ts"
24565
- }
24566
- }
24567
- ]
24568
- },
24569
- {
24570
- "kind": "javascript-module",
24571
- "path": "src/notification-listener/notification-listener.ts",
24572
- "declarations": [
24573
- {
24574
- "kind": "variable",
24575
- "name": "foundationNotificationListenerShadowOptions",
24576
- "type": {
24577
- "text": "ShadowRootInit"
24578
- },
24579
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
24580
- },
24581
- {
24582
- "kind": "class",
24583
- "description": "",
24584
- "name": "NotificationListener",
24585
- "members": [
24392
+ "text": "SVGElement"
24393
+ }
24394
+ },
24586
24395
  {
24587
24396
  "kind": "field",
24588
- "name": "notificationListener",
24397
+ "name": "optionsElement",
24589
24398
  "type": {
24590
24399
  "text": "HTMLElement"
24591
24400
  }
24592
24401
  },
24593
24402
  {
24594
- "kind": "field",
24595
- "name": "resourceName",
24596
- "description": "The resource name holding new and existing notifications",
24597
- "privacy": "public"
24403
+ "kind": "method",
24404
+ "name": "toggle"
24405
+ },
24406
+ {
24407
+ "kind": "method",
24408
+ "name": "optionsChanged"
24409
+ },
24410
+ {
24411
+ "kind": "method",
24412
+ "name": "selectedOptionsChanged"
24413
+ },
24414
+ {
24415
+ "kind": "method",
24416
+ "name": "setDropdownPosition",
24417
+ "privacy": "private",
24418
+ "description": "Sets the dropdown position based on the current configuration."
24419
+ },
24420
+ {
24421
+ "kind": "method",
24422
+ "name": "optionGetter",
24423
+ "parameters": [
24424
+ {
24425
+ "name": "option",
24426
+ "type": {
24427
+ "text": "MultiselectOption"
24428
+ }
24429
+ }
24430
+ ]
24431
+ },
24432
+ {
24433
+ "kind": "method",
24434
+ "name": "getItemLabel",
24435
+ "parameters": [
24436
+ {
24437
+ "name": "option",
24438
+ "type": {
24439
+ "text": "MultiselectOption"
24440
+ }
24441
+ }
24442
+ ]
24443
+ },
24444
+ {
24445
+ "kind": "method",
24446
+ "name": "isOptionDisabled",
24447
+ "parameters": [
24448
+ {
24449
+ "name": "option",
24450
+ "type": {
24451
+ "text": "MultiselectOption"
24452
+ }
24453
+ }
24454
+ ]
24598
24455
  },
24599
24456
  {
24600
24457
  "kind": "field",
24601
- "name": "closeTimeout",
24602
- "type": {
24603
- "text": "number"
24604
- },
24605
- "default": "0",
24606
- "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
24607
- "privacy": "public"
24458
+ "name": "getDisplayValue",
24459
+ "readonly": true
24608
24460
  },
24609
24461
  {
24610
24462
  "kind": "field",
24611
- "name": "toastButtons",
24612
- "type": {
24613
- "text": "ToastButton[]"
24614
- },
24615
- "default": "[]",
24616
- "description": "Array of buttons for notification toasts",
24617
- "privacy": "public"
24463
+ "name": "getPlaceholder",
24464
+ "readonly": true
24618
24465
  },
24619
24466
  {
24620
24467
  "kind": "field",
24621
- "name": "dataSub",
24622
- "type": {
24623
- "text": "Subscription"
24624
- },
24625
- "privacy": "protected"
24468
+ "name": "isAllOptionsDisabled",
24469
+ "readonly": true
24626
24470
  },
24627
24471
  {
24628
24472
  "kind": "field",
24629
- "name": "datasource",
24630
- "type": {
24631
- "text": "Datasource"
24632
- },
24633
- "privacy": "private"
24473
+ "name": "showCreatable",
24474
+ "readonly": true
24634
24475
  },
24635
24476
  {
24636
24477
  "kind": "method",
24637
- "name": "handleStreamUpdate",
24638
- "privacy": "private",
24478
+ "name": "isOptionSelected",
24639
24479
  "return": {
24640
24480
  "type": {
24641
- "text": "void"
24481
+ "text": "boolean"
24642
24482
  }
24643
24483
  },
24644
24484
  "parameters": [
24645
24485
  {
24646
- "name": "dataServerResult",
24486
+ "name": "normalizedOption",
24647
24487
  "type": {
24648
- "text": "any"
24488
+ "text": "MultiselectOption"
24649
24489
  }
24650
24490
  }
24651
24491
  ]
24652
24492
  },
24653
24493
  {
24654
24494
  "kind": "method",
24655
- "name": "showNotificationToast",
24656
- "privacy": "protected",
24495
+ "name": "selectCheckboxOne",
24496
+ "parameters": [
24497
+ {
24498
+ "name": "normalizedOption",
24499
+ "type": {
24500
+ "text": "MultiselectOption"
24501
+ }
24502
+ }
24503
+ ]
24504
+ },
24505
+ {
24506
+ "kind": "method",
24507
+ "name": "checkboxKeyDown",
24508
+ "parameters": [
24509
+ {
24510
+ "name": "normalizedOption",
24511
+ "type": {
24512
+ "text": "MultiselectOption"
24513
+ }
24514
+ },
24515
+ {
24516
+ "name": "event",
24517
+ "type": {
24518
+ "text": "KeyboardEvent"
24519
+ }
24520
+ }
24521
+ ]
24522
+ },
24523
+ {
24524
+ "kind": "method",
24525
+ "name": "getEnabledOptionsCount"
24526
+ },
24527
+ {
24528
+ "kind": "method",
24529
+ "name": "selectCheckboxAll"
24530
+ },
24531
+ {
24532
+ "kind": "method",
24533
+ "name": "inputHandler"
24534
+ },
24535
+ {
24536
+ "kind": "method",
24537
+ "name": "findExactMatchOptions"
24538
+ },
24539
+ {
24540
+ "kind": "method",
24541
+ "name": "setFilter"
24542
+ },
24543
+ {
24544
+ "kind": "method",
24545
+ "name": "addOption"
24546
+ },
24547
+ {
24548
+ "kind": "method",
24549
+ "name": "asyncSetFilter"
24550
+ },
24551
+ {
24552
+ "kind": "method",
24553
+ "name": "changeHandler",
24554
+ "parameters": [
24555
+ {
24556
+ "name": "event",
24557
+ "type": {
24558
+ "text": "Event"
24559
+ }
24560
+ }
24561
+ ]
24562
+ },
24563
+ {
24564
+ "kind": "method",
24565
+ "name": "handleClickOutside",
24566
+ "privacy": "private",
24567
+ "parameters": [
24568
+ {
24569
+ "name": "event",
24570
+ "type": {
24571
+ "text": "MouseEvent"
24572
+ }
24573
+ }
24574
+ ]
24575
+ },
24576
+ {
24577
+ "kind": "method",
24578
+ "name": "keydownHandler",
24657
24579
  "return": {
24658
24580
  "type": {
24659
- "text": "void"
24581
+ "text": "boolean | void"
24660
24582
  }
24661
24583
  },
24662
24584
  "parameters": [
24663
24585
  {
24664
- "name": "row",
24586
+ "name": "e",
24665
24587
  "type": {
24666
- "text": "NotificationDataRow"
24588
+ "text": "Event & KeyboardEvent"
24667
24589
  }
24668
24590
  }
24669
24591
  ]
@@ -24782,57 +24704,135 @@
24782
24704
  ],
24783
24705
  "attributes": [
24784
24706
  {
24785
- "name": "resource-name",
24786
- "description": "The resource name holding new and existing notifications",
24787
- "fieldName": "resourceName"
24707
+ "name": "name",
24708
+ "type": {
24709
+ "text": "string"
24710
+ },
24711
+ "default": "''",
24712
+ "fieldName": "name"
24788
24713
  },
24789
24714
  {
24790
- "name": "close-timeout",
24715
+ "name": "auto-position",
24716
+ "type": {
24717
+ "text": "boolean"
24718
+ },
24719
+ "default": "true",
24720
+ "fieldName": "autoPosition"
24721
+ },
24722
+ {
24723
+ "type": {
24724
+ "text": "boolean"
24725
+ },
24726
+ "default": "true",
24727
+ "fieldName": "all"
24728
+ },
24729
+ {
24730
+ "type": {
24731
+ "text": "boolean"
24732
+ },
24733
+ "default": "false",
24734
+ "fieldName": "allSelected"
24735
+ },
24736
+ {
24737
+ "type": {
24738
+ "text": "boolean"
24739
+ },
24740
+ "default": "true",
24741
+ "fieldName": "search"
24742
+ },
24743
+ {
24744
+ "type": {
24745
+ "text": "boolean"
24746
+ },
24747
+ "default": "false",
24748
+ "fieldName": "disabled"
24749
+ },
24750
+ {
24751
+ "type": {
24752
+ "text": "boolean"
24753
+ },
24754
+ "default": "false",
24755
+ "fieldName": "creatable"
24756
+ },
24757
+ {
24758
+ "type": {
24759
+ "text": "boolean"
24760
+ },
24761
+ "default": "false",
24762
+ "fieldName": "async"
24763
+ },
24764
+ {
24765
+ "name": "debounce",
24791
24766
  "type": {
24792
24767
  "text": "number"
24793
24768
  },
24794
- "default": "0",
24795
- "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
24796
- "fieldName": "closeTimeout"
24769
+ "default": "DEBOUNCE_TIME",
24770
+ "resolveInitializer": {
24771
+ "module": "src/multiselect/multiselect.ts"
24772
+ },
24773
+ "fieldName": "debounce"
24774
+ },
24775
+ {
24776
+ "name": "filter-by-contains",
24777
+ "type": {
24778
+ "text": "boolean"
24779
+ },
24780
+ "default": "false",
24781
+ "description": "Tells if the filter uses a contains; if FALSE, will filter using a starts-with check",
24782
+ "fieldName": "filterByContains"
24783
+ },
24784
+ {
24785
+ "name": "position",
24786
+ "type": {
24787
+ "text": "Position"
24788
+ },
24789
+ "description": "Controls the positioning of the multiselect dropdown. Accepts the following values:\n- Position.ABOVE: Forces the dropdown to always open above the input field.\n- Position.BELOW: Forces the dropdown to always open below the input field.",
24790
+ "fieldName": "position"
24797
24791
  }
24798
24792
  ],
24799
24793
  "superclass": {
24800
24794
  "name": "FoundationElement",
24801
24795
  "package": "@microsoft/fast-foundation"
24802
24796
  },
24803
- "tagName": "%%prefix%%-notification-listener",
24797
+ "tagName": "%%prefix%%-multiselect",
24804
24798
  "customElement": true
24805
24799
  },
24806
24800
  {
24807
24801
  "kind": "variable",
24808
- "name": "foundationNotificationListener",
24809
- "description": "The Foundation Notification Listener",
24810
- "privacy": "public"
24802
+ "name": "foundationMultiselect"
24811
24803
  }
24812
24804
  ],
24813
24805
  "exports": [
24814
24806
  {
24815
24807
  "kind": "js",
24816
- "name": "foundationNotificationListenerShadowOptions",
24808
+ "name": "foundationMultiselectShadowOptions",
24817
24809
  "declaration": {
24818
- "name": "foundationNotificationListenerShadowOptions",
24819
- "module": "src/notification-listener/notification-listener.ts"
24810
+ "name": "foundationMultiselectShadowOptions",
24811
+ "module": "src/multiselect/multiselect.ts"
24820
24812
  }
24821
24813
  },
24822
24814
  {
24823
24815
  "kind": "js",
24824
- "name": "NotificationListener",
24816
+ "name": "defaultMultiselectConfig",
24825
24817
  "declaration": {
24826
- "name": "NotificationListener",
24827
- "module": "src/notification-listener/notification-listener.ts"
24818
+ "name": "defaultMultiselectConfig",
24819
+ "module": "src/multiselect/multiselect.ts"
24828
24820
  }
24829
24821
  },
24830
24822
  {
24831
24823
  "kind": "js",
24832
- "name": "foundationNotificationListener",
24824
+ "name": "Multiselect",
24833
24825
  "declaration": {
24834
- "name": "foundationNotificationListener",
24835
- "module": "src/notification-listener/notification-listener.ts"
24826
+ "name": "Multiselect",
24827
+ "module": "src/multiselect/multiselect.ts"
24828
+ }
24829
+ },
24830
+ {
24831
+ "kind": "js",
24832
+ "name": "foundationMultiselect",
24833
+ "declaration": {
24834
+ "name": "foundationMultiselect",
24835
+ "module": "src/multiselect/multiselect.ts"
24836
24836
  }
24837
24837
  }
24838
24838
  ]