@genesislcap/foundation-ui 14.183.5 → 14.183.7-alpha-ed1fe01.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 (4) hide show
  1. package/dist/custom-elements.json +2106 -2106
  2. package/dist/dts/stepper/stepper.d.ts.map +1 -1
  3. package/dist/esm/stepper/stepper.js +15 -0
  4. package/package.json +16 -16
package/dist/custom-elements.json CHANGED
@@ -862,188 +862,6 @@
862
862
  }
863
863
  ]
864
864
  },
865
- {
866
- "kind": "javascript-module",
867
- "path": "src/accordion/accordion.styles.ts",
868
- "declarations": [
869
- {
870
- "kind": "function",
871
- "name": "foundationAccordionStyles",
872
- "return": {
873
- "type": {
874
- "text": "ElementStyles"
875
- }
876
- },
877
- "parameters": [
878
- {
879
- "name": "context",
880
- "type": {
881
- "text": "ElementDefinitionContext"
882
- }
883
- },
884
- {
885
- "name": "definition",
886
- "type": {
887
- "text": "FoundationElementDefinition"
888
- }
889
- }
890
- ]
891
- }
892
- ],
893
- "exports": [
894
- {
895
- "kind": "js",
896
- "name": "foundationAccordionStyles",
897
- "declaration": {
898
- "name": "foundationAccordionStyles",
899
- "module": "src/accordion/accordion.styles.ts"
900
- }
901
- }
902
- ]
903
- },
904
- {
905
- "kind": "javascript-module",
906
- "path": "src/accordion/accordion.template.ts",
907
- "declarations": [
908
- {
909
- "kind": "function",
910
- "name": "foundationAccordionTemplate",
911
- "return": {
912
- "type": {
913
- "text": "ViewTemplate<Accordion>"
914
- }
915
- },
916
- "parameters": [
917
- {
918
- "name": "context",
919
- "type": {
920
- "text": "ElementDefinitionContext"
921
- }
922
- },
923
- {
924
- "name": "definition",
925
- "type": {
926
- "text": "FoundationElementDefinition"
927
- }
928
- }
929
- ]
930
- }
931
- ],
932
- "exports": [
933
- {
934
- "kind": "js",
935
- "name": "foundationAccordionTemplate",
936
- "declaration": {
937
- "name": "foundationAccordionTemplate",
938
- "module": "src/accordion/accordion.template.ts"
939
- }
940
- }
941
- ]
942
- },
943
- {
944
- "kind": "javascript-module",
945
- "path": "src/accordion/accordion.ts",
946
- "declarations": [
947
- {
948
- "kind": "class",
949
- "description": "",
950
- "name": "Accordion",
951
- "superclass": {
952
- "name": "FASTAccordion",
953
- "package": "@microsoft/fast-foundation"
954
- },
955
- "tagName": "%%prefix%%-accordion",
956
- "customElement": true
957
- },
958
- {
959
- "kind": "variable",
960
- "name": "foundationAccordionShadowOptions",
961
- "type": {
962
- "text": "ShadowRootInit"
963
- },
964
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
965
- },
966
- {
967
- "kind": "variable",
968
- "name": "defaultAccordionConfig",
969
- "type": {
970
- "text": "object"
971
- },
972
- "default": "{}"
973
- },
974
- {
975
- "kind": "variable",
976
- "name": "foundationAccordion",
977
- "description": "The Foundation Accordion",
978
- "privacy": "public"
979
- }
980
- ],
981
- "exports": [
982
- {
983
- "kind": "js",
984
- "name": "Accordion",
985
- "declaration": {
986
- "name": "Accordion",
987
- "module": "src/accordion/accordion.ts"
988
- }
989
- },
990
- {
991
- "kind": "js",
992
- "name": "foundationAccordionShadowOptions",
993
- "declaration": {
994
- "name": "foundationAccordionShadowOptions",
995
- "module": "src/accordion/accordion.ts"
996
- }
997
- },
998
- {
999
- "kind": "js",
1000
- "name": "defaultAccordionConfig",
1001
- "declaration": {
1002
- "name": "defaultAccordionConfig",
1003
- "module": "src/accordion/accordion.ts"
1004
- }
1005
- },
1006
- {
1007
- "kind": "js",
1008
- "name": "foundationAccordion",
1009
- "declaration": {
1010
- "name": "foundationAccordion",
1011
- "module": "src/accordion/accordion.ts"
1012
- }
1013
- }
1014
- ]
1015
- },
1016
- {
1017
- "kind": "javascript-module",
1018
- "path": "src/accordion/index.ts",
1019
- "declarations": [],
1020
- "exports": [
1021
- {
1022
- "kind": "js",
1023
- "name": "*",
1024
- "declaration": {
1025
- "name": "*",
1026
- "package": "./accordion.template"
1027
- }
1028
- },
1029
- {
1030
- "kind": "js",
1031
- "name": "*",
1032
- "declaration": {
1033
- "name": "*",
1034
- "package": "./accordion.styles"
1035
- }
1036
- },
1037
- {
1038
- "kind": "js",
1039
- "name": "*",
1040
- "declaration": {
1041
- "name": "*",
1042
- "package": "./accordion"
1043
- }
1044
- }
1045
- ]
1046
- },
1047
865
  {
1048
866
  "kind": "javascript-module",
1049
867
  "path": "src/_config/index.ts",
@@ -1469,6 +1287,188 @@
1469
1287
  }
1470
1288
  ]
1471
1289
  },
1290
+ {
1291
+ "kind": "javascript-module",
1292
+ "path": "src/accordion/accordion.styles.ts",
1293
+ "declarations": [
1294
+ {
1295
+ "kind": "function",
1296
+ "name": "foundationAccordionStyles",
1297
+ "return": {
1298
+ "type": {
1299
+ "text": "ElementStyles"
1300
+ }
1301
+ },
1302
+ "parameters": [
1303
+ {
1304
+ "name": "context",
1305
+ "type": {
1306
+ "text": "ElementDefinitionContext"
1307
+ }
1308
+ },
1309
+ {
1310
+ "name": "definition",
1311
+ "type": {
1312
+ "text": "FoundationElementDefinition"
1313
+ }
1314
+ }
1315
+ ]
1316
+ }
1317
+ ],
1318
+ "exports": [
1319
+ {
1320
+ "kind": "js",
1321
+ "name": "foundationAccordionStyles",
1322
+ "declaration": {
1323
+ "name": "foundationAccordionStyles",
1324
+ "module": "src/accordion/accordion.styles.ts"
1325
+ }
1326
+ }
1327
+ ]
1328
+ },
1329
+ {
1330
+ "kind": "javascript-module",
1331
+ "path": "src/accordion/accordion.template.ts",
1332
+ "declarations": [
1333
+ {
1334
+ "kind": "function",
1335
+ "name": "foundationAccordionTemplate",
1336
+ "return": {
1337
+ "type": {
1338
+ "text": "ViewTemplate<Accordion>"
1339
+ }
1340
+ },
1341
+ "parameters": [
1342
+ {
1343
+ "name": "context",
1344
+ "type": {
1345
+ "text": "ElementDefinitionContext"
1346
+ }
1347
+ },
1348
+ {
1349
+ "name": "definition",
1350
+ "type": {
1351
+ "text": "FoundationElementDefinition"
1352
+ }
1353
+ }
1354
+ ]
1355
+ }
1356
+ ],
1357
+ "exports": [
1358
+ {
1359
+ "kind": "js",
1360
+ "name": "foundationAccordionTemplate",
1361
+ "declaration": {
1362
+ "name": "foundationAccordionTemplate",
1363
+ "module": "src/accordion/accordion.template.ts"
1364
+ }
1365
+ }
1366
+ ]
1367
+ },
1368
+ {
1369
+ "kind": "javascript-module",
1370
+ "path": "src/accordion/accordion.ts",
1371
+ "declarations": [
1372
+ {
1373
+ "kind": "class",
1374
+ "description": "",
1375
+ "name": "Accordion",
1376
+ "superclass": {
1377
+ "name": "FASTAccordion",
1378
+ "package": "@microsoft/fast-foundation"
1379
+ },
1380
+ "tagName": "%%prefix%%-accordion",
1381
+ "customElement": true
1382
+ },
1383
+ {
1384
+ "kind": "variable",
1385
+ "name": "foundationAccordionShadowOptions",
1386
+ "type": {
1387
+ "text": "ShadowRootInit"
1388
+ },
1389
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
1390
+ },
1391
+ {
1392
+ "kind": "variable",
1393
+ "name": "defaultAccordionConfig",
1394
+ "type": {
1395
+ "text": "object"
1396
+ },
1397
+ "default": "{}"
1398
+ },
1399
+ {
1400
+ "kind": "variable",
1401
+ "name": "foundationAccordion",
1402
+ "description": "The Foundation Accordion",
1403
+ "privacy": "public"
1404
+ }
1405
+ ],
1406
+ "exports": [
1407
+ {
1408
+ "kind": "js",
1409
+ "name": "Accordion",
1410
+ "declaration": {
1411
+ "name": "Accordion",
1412
+ "module": "src/accordion/accordion.ts"
1413
+ }
1414
+ },
1415
+ {
1416
+ "kind": "js",
1417
+ "name": "foundationAccordionShadowOptions",
1418
+ "declaration": {
1419
+ "name": "foundationAccordionShadowOptions",
1420
+ "module": "src/accordion/accordion.ts"
1421
+ }
1422
+ },
1423
+ {
1424
+ "kind": "js",
1425
+ "name": "defaultAccordionConfig",
1426
+ "declaration": {
1427
+ "name": "defaultAccordionConfig",
1428
+ "module": "src/accordion/accordion.ts"
1429
+ }
1430
+ },
1431
+ {
1432
+ "kind": "js",
1433
+ "name": "foundationAccordion",
1434
+ "declaration": {
1435
+ "name": "foundationAccordion",
1436
+ "module": "src/accordion/accordion.ts"
1437
+ }
1438
+ }
1439
+ ]
1440
+ },
1441
+ {
1442
+ "kind": "javascript-module",
1443
+ "path": "src/accordion/index.ts",
1444
+ "declarations": [],
1445
+ "exports": [
1446
+ {
1447
+ "kind": "js",
1448
+ "name": "*",
1449
+ "declaration": {
1450
+ "name": "*",
1451
+ "package": "./accordion.template"
1452
+ }
1453
+ },
1454
+ {
1455
+ "kind": "js",
1456
+ "name": "*",
1457
+ "declaration": {
1458
+ "name": "*",
1459
+ "package": "./accordion.styles"
1460
+ }
1461
+ },
1462
+ {
1463
+ "kind": "js",
1464
+ "name": "*",
1465
+ "declaration": {
1466
+ "name": "*",
1467
+ "package": "./accordion"
1468
+ }
1469
+ }
1470
+ ]
1471
+ },
1472
1472
  {
1473
1473
  "kind": "javascript-module",
1474
1474
  "path": "src/actions-menu/actions-menu.styles.ts",
@@ -4930,185 +4930,125 @@
4930
4930
  },
4931
4931
  {
4932
4932
  "kind": "javascript-module",
4933
- "path": "src/breadcrumb/breadcrumb.styles.ts",
4933
+ "path": "src/banner/banner.styles.ts",
4934
4934
  "declarations": [
4935
4935
  {
4936
- "kind": "function",
4937
- "name": "foundationBreadcrumbStyles",
4938
- "return": {
4939
- "type": {
4940
- "text": "ElementStyles"
4941
- }
4936
+ "kind": "variable",
4937
+ "name": "foundationBannerStyles",
4938
+ "type": {
4939
+ "text": "ElementStyles"
4942
4940
  },
4943
- "parameters": [
4944
- {
4945
- "name": "context",
4946
- "type": {
4947
- "text": "ElementDefinitionContext"
4948
- }
4949
- },
4950
- {
4951
- "name": "definition",
4952
- "type": {
4953
- "text": "FoundationElementDefinition"
4954
- }
4955
- }
4956
- ]
4941
+ "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4957
4942
  }
4958
4943
  ],
4959
4944
  "exports": [
4960
4945
  {
4961
4946
  "kind": "js",
4962
- "name": "foundationBreadcrumbStyles",
4947
+ "name": "foundationBannerStyles",
4963
4948
  "declaration": {
4964
- "name": "foundationBreadcrumbStyles",
4965
- "module": "src/breadcrumb/breadcrumb.styles.ts"
4949
+ "name": "foundationBannerStyles",
4950
+ "module": "src/banner/banner.styles.ts"
4966
4951
  }
4967
4952
  }
4968
4953
  ]
4969
4954
  },
4970
4955
  {
4971
4956
  "kind": "javascript-module",
4972
- "path": "src/breadcrumb/breadcrumb.template.ts",
4957
+ "path": "src/banner/banner.template.ts",
4973
4958
  "declarations": [
4974
4959
  {
4975
4960
  "kind": "function",
4976
- "name": "foundationBreadcrumbTemplate",
4977
- "return": {
4978
- "type": {
4979
- "text": "ViewTemplate<Breadcrumb>"
4980
- }
4981
- },
4961
+ "name": "getBannerTemplate",
4982
4962
  "parameters": [
4983
4963
  {
4984
- "name": "context",
4985
- "type": {
4986
- "text": "ElementDefinitionContext"
4987
- }
4988
- },
4989
- {
4990
- "name": "definition",
4964
+ "name": "prefix",
4991
4965
  "type": {
4992
- "text": "FoundationElementDefinition"
4966
+ "text": "string"
4993
4967
  }
4994
4968
  }
4995
4969
  ]
4970
+ },
4971
+ {
4972
+ "kind": "variable",
4973
+ "name": "foundationBannerTemplate",
4974
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4996
4975
  }
4997
4976
  ],
4998
4977
  "exports": [
4999
4978
  {
5000
4979
  "kind": "js",
5001
- "name": "foundationBreadcrumbTemplate",
4980
+ "name": "getBannerTemplate",
5002
4981
  "declaration": {
5003
- "name": "foundationBreadcrumbTemplate",
5004
- "module": "src/breadcrumb/breadcrumb.template.ts"
4982
+ "name": "getBannerTemplate",
4983
+ "module": "src/banner/banner.template.ts"
4984
+ }
4985
+ },
4986
+ {
4987
+ "kind": "js",
4988
+ "name": "foundationBannerTemplate",
4989
+ "declaration": {
4990
+ "name": "foundationBannerTemplate",
4991
+ "module": "src/banner/banner.template.ts"
5005
4992
  }
5006
4993
  }
5007
4994
  ]
5008
4995
  },
5009
4996
  {
5010
4997
  "kind": "javascript-module",
5011
- "path": "src/breadcrumb/breadcrumb.ts",
4998
+ "path": "src/banner/banner.ts",
5012
4999
  "declarations": [
5000
+ {
5001
+ "kind": "variable",
5002
+ "name": "foundationBannerShadowOptions",
5003
+ "type": {
5004
+ "text": "ShadowRootInit"
5005
+ },
5006
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5007
+ },
5013
5008
  {
5014
5009
  "kind": "class",
5015
5010
  "description": "",
5016
- "name": "Breadcrumb",
5017
- "superclass": {
5018
- "name": "FASTBreadcrumb",
5019
- "package": "@microsoft/fast-components"
5020
- },
5021
- "tagName": "%%prefix%%-breadcrumb",
5022
- "customElement": true,
5011
+ "name": "Banner",
5023
5012
  "members": [
5024
5013
  {
5025
- "kind": "method",
5026
- "name": "slottedBreadcrumbItemsChanged",
5027
- "privacy": "public",
5028
- "inheritedFrom": {
5029
- "name": "Breadcrumb",
5030
- "module": "src/breadcrumb/breadcrumb.ts"
5031
- }
5014
+ "kind": "field",
5015
+ "name": "banner",
5016
+ "type": {
5017
+ "text": "HTMLElement"
5018
+ },
5019
+ "privacy": "public"
5032
5020
  },
5033
5021
  {
5034
- "kind": "method",
5035
- "name": "setItemSeparator",
5036
- "privacy": "private",
5037
- "return": {
5038
- "type": {
5039
- "text": "void"
5040
- }
5022
+ "kind": "field",
5023
+ "name": "dismissAnimation",
5024
+ "type": {
5025
+ "text": "'banner-delete' | ''"
5041
5026
  },
5042
- "parameters": [
5043
- {
5044
- "name": "item",
5045
- "type": {
5046
- "text": "HTMLElement"
5047
- }
5048
- },
5049
- {
5050
- "name": "isLastNode",
5051
- "type": {
5052
- "text": "boolean"
5053
- }
5054
- }
5055
- ],
5056
- "inheritedFrom": {
5057
- "name": "Breadcrumb",
5058
- "module": "src/breadcrumb/breadcrumb.ts"
5027
+ "default": "''"
5028
+ },
5029
+ {
5030
+ "kind": "field",
5031
+ "name": "notification",
5032
+ "type": {
5033
+ "text": "NotificationStructure"
5059
5034
  }
5060
5035
  },
5061
5036
  {
5062
5037
  "kind": "method",
5063
- "name": "findChildWithHref",
5064
- "privacy": "private",
5038
+ "name": "dismiss",
5039
+ "privacy": "public",
5065
5040
  "return": {
5066
5041
  "type": {
5067
- "text": "HTMLElement | null"
5042
+ "text": "Promise<void>"
5068
5043
  }
5069
5044
  },
5070
- "parameters": [
5071
- {
5072
- "name": "node",
5073
- "type": {
5074
- "text": "HTMLElement"
5075
- }
5076
- }
5077
- ],
5078
- "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
5079
- "inheritedFrom": {
5080
- "name": "Breadcrumb",
5081
- "module": "src/breadcrumb/breadcrumb.ts"
5082
- }
5045
+ "description": "Dismiss the Banner from display."
5083
5046
  },
5084
5047
  {
5085
5048
  "kind": "method",
5086
- "name": "setAriaCurrent",
5087
- "privacy": "private",
5088
- "return": {
5089
- "type": {
5090
- "text": "void"
5091
- }
5092
- },
5093
- "parameters": [
5094
- {
5095
- "name": "item",
5096
- "type": {
5097
- "text": "HTMLElement"
5098
- }
5099
- },
5100
- {
5101
- "name": "isLastNode",
5102
- "type": {
5103
- "text": "boolean"
5104
- }
5105
- }
5106
- ],
5107
- "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
5108
- "inheritedFrom": {
5109
- "name": "Breadcrumb",
5110
- "module": "src/breadcrumb/breadcrumb.ts"
5111
- }
5049
+ "name": "dismissNotification",
5050
+ "privacy": "public",
5051
+ "description": "Dismiss the Banner (NotificationStructure) from display."
5112
5052
  },
5113
5053
  {
5114
5054
  "kind": "field",
@@ -5221,69 +5161,51 @@
5221
5161
  "module": "src/foundation-element/foundation-element.ts"
5222
5162
  }
5223
5163
  }
5224
- ]
5225
- },
5226
- {
5227
- "kind": "variable",
5228
- "name": "foundationBreadcrumbShadowOptions",
5229
- "type": {
5230
- "text": "ShadowRootInit"
5231
- },
5232
- "default": "undefined"
5233
- },
5234
- {
5235
- "kind": "variable",
5236
- "name": "defaultBreadcrumbConfig",
5237
- "type": {
5238
- "text": "object"
5164
+ ],
5165
+ "superclass": {
5166
+ "name": "FoundationElement",
5167
+ "package": "@microsoft/fast-foundation"
5239
5168
  },
5240
- "default": "{}"
5169
+ "tagName": "%%prefix%%-banner",
5170
+ "customElement": true
5241
5171
  },
5242
5172
  {
5243
5173
  "kind": "variable",
5244
- "name": "foundationBreadcrumb",
5245
- "description": "The Foundation Breadcrumb",
5174
+ "name": "foundationBanner",
5175
+ "description": "The Foundation Banner",
5246
5176
  "privacy": "public"
5247
5177
  }
5248
5178
  ],
5249
5179
  "exports": [
5250
5180
  {
5251
5181
  "kind": "js",
5252
- "name": "Breadcrumb",
5253
- "declaration": {
5254
- "name": "Breadcrumb",
5255
- "module": "src/breadcrumb/breadcrumb.ts"
5256
- }
5257
- },
5258
- {
5259
- "kind": "js",
5260
- "name": "foundationBreadcrumbShadowOptions",
5182
+ "name": "foundationBannerShadowOptions",
5261
5183
  "declaration": {
5262
- "name": "foundationBreadcrumbShadowOptions",
5263
- "module": "src/breadcrumb/breadcrumb.ts"
5184
+ "name": "foundationBannerShadowOptions",
5185
+ "module": "src/banner/banner.ts"
5264
5186
  }
5265
5187
  },
5266
5188
  {
5267
5189
  "kind": "js",
5268
- "name": "defaultBreadcrumbConfig",
5190
+ "name": "Banner",
5269
5191
  "declaration": {
5270
- "name": "defaultBreadcrumbConfig",
5271
- "module": "src/breadcrumb/breadcrumb.ts"
5192
+ "name": "Banner",
5193
+ "module": "src/banner/banner.ts"
5272
5194
  }
5273
5195
  },
5274
5196
  {
5275
5197
  "kind": "js",
5276
- "name": "foundationBreadcrumb",
5198
+ "name": "foundationBanner",
5277
5199
  "declaration": {
5278
- "name": "foundationBreadcrumb",
5279
- "module": "src/breadcrumb/breadcrumb.ts"
5200
+ "name": "foundationBanner",
5201
+ "module": "src/banner/banner.ts"
5280
5202
  }
5281
5203
  }
5282
5204
  ]
5283
5205
  },
5284
5206
  {
5285
5207
  "kind": "javascript-module",
5286
- "path": "src/breadcrumb/index.ts",
5208
+ "path": "src/banner/index.ts",
5287
5209
  "declarations": [],
5288
5210
  "exports": [
5289
5211
  {
@@ -5291,7 +5213,7 @@
5291
5213
  "name": "*",
5292
5214
  "declaration": {
5293
5215
  "name": "*",
5294
- "package": "./breadcrumb.template"
5216
+ "package": "./banner.styles"
5295
5217
  }
5296
5218
  },
5297
5219
  {
@@ -5299,7 +5221,7 @@
5299
5221
  "name": "*",
5300
5222
  "declaration": {
5301
5223
  "name": "*",
5302
- "package": "./breadcrumb.styles"
5224
+ "package": "./banner.template"
5303
5225
  }
5304
5226
  },
5305
5227
  {
@@ -5307,132 +5229,192 @@
5307
5229
  "name": "*",
5308
5230
  "declaration": {
5309
5231
  "name": "*",
5310
- "package": "./breadcrumb"
5232
+ "package": "./banner"
5311
5233
  }
5312
5234
  }
5313
5235
  ]
5314
5236
  },
5315
5237
  {
5316
5238
  "kind": "javascript-module",
5317
- "path": "src/banner/banner.styles.ts",
5239
+ "path": "src/breadcrumb/breadcrumb.styles.ts",
5318
5240
  "declarations": [
5319
5241
  {
5320
- "kind": "variable",
5321
- "name": "foundationBannerStyles",
5322
- "type": {
5323
- "text": "ElementStyles"
5242
+ "kind": "function",
5243
+ "name": "foundationBreadcrumbStyles",
5244
+ "return": {
5245
+ "type": {
5246
+ "text": "ElementStyles"
5247
+ }
5324
5248
  },
5325
- "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
5249
+ "parameters": [
5250
+ {
5251
+ "name": "context",
5252
+ "type": {
5253
+ "text": "ElementDefinitionContext"
5254
+ }
5255
+ },
5256
+ {
5257
+ "name": "definition",
5258
+ "type": {
5259
+ "text": "FoundationElementDefinition"
5260
+ }
5261
+ }
5262
+ ]
5326
5263
  }
5327
5264
  ],
5328
5265
  "exports": [
5329
5266
  {
5330
5267
  "kind": "js",
5331
- "name": "foundationBannerStyles",
5268
+ "name": "foundationBreadcrumbStyles",
5332
5269
  "declaration": {
5333
- "name": "foundationBannerStyles",
5334
- "module": "src/banner/banner.styles.ts"
5270
+ "name": "foundationBreadcrumbStyles",
5271
+ "module": "src/breadcrumb/breadcrumb.styles.ts"
5335
5272
  }
5336
5273
  }
5337
5274
  ]
5338
5275
  },
5339
5276
  {
5340
5277
  "kind": "javascript-module",
5341
- "path": "src/banner/banner.template.ts",
5278
+ "path": "src/breadcrumb/breadcrumb.template.ts",
5342
5279
  "declarations": [
5343
5280
  {
5344
5281
  "kind": "function",
5345
- "name": "getBannerTemplate",
5282
+ "name": "foundationBreadcrumbTemplate",
5283
+ "return": {
5284
+ "type": {
5285
+ "text": "ViewTemplate<Breadcrumb>"
5286
+ }
5287
+ },
5346
5288
  "parameters": [
5347
5289
  {
5348
- "name": "prefix",
5290
+ "name": "context",
5349
5291
  "type": {
5350
- "text": "string"
5292
+ "text": "ElementDefinitionContext"
5293
+ }
5294
+ },
5295
+ {
5296
+ "name": "definition",
5297
+ "type": {
5298
+ "text": "FoundationElementDefinition"
5351
5299
  }
5352
5300
  }
5353
5301
  ]
5354
- },
5355
- {
5356
- "kind": "variable",
5357
- "name": "foundationBannerTemplate",
5358
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
5359
5302
  }
5360
5303
  ],
5361
5304
  "exports": [
5362
5305
  {
5363
5306
  "kind": "js",
5364
- "name": "getBannerTemplate",
5365
- "declaration": {
5366
- "name": "getBannerTemplate",
5367
- "module": "src/banner/banner.template.ts"
5368
- }
5369
- },
5370
- {
5371
- "kind": "js",
5372
- "name": "foundationBannerTemplate",
5307
+ "name": "foundationBreadcrumbTemplate",
5373
5308
  "declaration": {
5374
- "name": "foundationBannerTemplate",
5375
- "module": "src/banner/banner.template.ts"
5309
+ "name": "foundationBreadcrumbTemplate",
5310
+ "module": "src/breadcrumb/breadcrumb.template.ts"
5376
5311
  }
5377
5312
  }
5378
5313
  ]
5379
5314
  },
5380
5315
  {
5381
5316
  "kind": "javascript-module",
5382
- "path": "src/banner/banner.ts",
5317
+ "path": "src/breadcrumb/breadcrumb.ts",
5383
5318
  "declarations": [
5384
- {
5385
- "kind": "variable",
5386
- "name": "foundationBannerShadowOptions",
5387
- "type": {
5388
- "text": "ShadowRootInit"
5389
- },
5390
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5391
- },
5392
5319
  {
5393
5320
  "kind": "class",
5394
5321
  "description": "",
5395
- "name": "Banner",
5322
+ "name": "Breadcrumb",
5323
+ "superclass": {
5324
+ "name": "FASTBreadcrumb",
5325
+ "package": "@microsoft/fast-components"
5326
+ },
5327
+ "tagName": "%%prefix%%-breadcrumb",
5328
+ "customElement": true,
5396
5329
  "members": [
5397
5330
  {
5398
- "kind": "field",
5399
- "name": "banner",
5400
- "type": {
5401
- "text": "HTMLElement"
5402
- },
5403
- "privacy": "public"
5331
+ "kind": "method",
5332
+ "name": "slottedBreadcrumbItemsChanged",
5333
+ "privacy": "public",
5334
+ "inheritedFrom": {
5335
+ "name": "Breadcrumb",
5336
+ "module": "src/breadcrumb/breadcrumb.ts"
5337
+ }
5404
5338
  },
5405
5339
  {
5406
- "kind": "field",
5407
- "name": "dismissAnimation",
5408
- "type": {
5409
- "text": "'banner-delete' | ''"
5340
+ "kind": "method",
5341
+ "name": "setItemSeparator",
5342
+ "privacy": "private",
5343
+ "return": {
5344
+ "type": {
5345
+ "text": "void"
5346
+ }
5410
5347
  },
5411
- "default": "''"
5412
- },
5413
- {
5414
- "kind": "field",
5415
- "name": "notification",
5416
- "type": {
5417
- "text": "NotificationStructure"
5348
+ "parameters": [
5349
+ {
5350
+ "name": "item",
5351
+ "type": {
5352
+ "text": "HTMLElement"
5353
+ }
5354
+ },
5355
+ {
5356
+ "name": "isLastNode",
5357
+ "type": {
5358
+ "text": "boolean"
5359
+ }
5360
+ }
5361
+ ],
5362
+ "inheritedFrom": {
5363
+ "name": "Breadcrumb",
5364
+ "module": "src/breadcrumb/breadcrumb.ts"
5418
5365
  }
5419
5366
  },
5420
5367
  {
5421
5368
  "kind": "method",
5422
- "name": "dismiss",
5423
- "privacy": "public",
5369
+ "name": "findChildWithHref",
5370
+ "privacy": "private",
5424
5371
  "return": {
5425
5372
  "type": {
5426
- "text": "Promise<void>"
5373
+ "text": "HTMLElement | null"
5427
5374
  }
5428
5375
  },
5429
- "description": "Dismiss the Banner from display."
5376
+ "parameters": [
5377
+ {
5378
+ "name": "node",
5379
+ "type": {
5380
+ "text": "HTMLElement"
5381
+ }
5382
+ }
5383
+ ],
5384
+ "description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
5385
+ "inheritedFrom": {
5386
+ "name": "Breadcrumb",
5387
+ "module": "src/breadcrumb/breadcrumb.ts"
5388
+ }
5430
5389
  },
5431
5390
  {
5432
5391
  "kind": "method",
5433
- "name": "dismissNotification",
5434
- "privacy": "public",
5435
- "description": "Dismiss the Banner (NotificationStructure) from display."
5392
+ "name": "setAriaCurrent",
5393
+ "privacy": "private",
5394
+ "return": {
5395
+ "type": {
5396
+ "text": "void"
5397
+ }
5398
+ },
5399
+ "parameters": [
5400
+ {
5401
+ "name": "item",
5402
+ "type": {
5403
+ "text": "HTMLElement"
5404
+ }
5405
+ },
5406
+ {
5407
+ "name": "isLastNode",
5408
+ "type": {
5409
+ "text": "boolean"
5410
+ }
5411
+ }
5412
+ ],
5413
+ "description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
5414
+ "inheritedFrom": {
5415
+ "name": "Breadcrumb",
5416
+ "module": "src/breadcrumb/breadcrumb.ts"
5417
+ }
5436
5418
  },
5437
5419
  {
5438
5420
  "kind": "field",
@@ -5545,51 +5527,69 @@
5545
5527
  "module": "src/foundation-element/foundation-element.ts"
5546
5528
  }
5547
5529
  }
5548
- ],
5549
- "superclass": {
5550
- "name": "FoundationElement",
5551
- "package": "@microsoft/fast-foundation"
5530
+ ]
5531
+ },
5532
+ {
5533
+ "kind": "variable",
5534
+ "name": "foundationBreadcrumbShadowOptions",
5535
+ "type": {
5536
+ "text": "ShadowRootInit"
5552
5537
  },
5553
- "tagName": "%%prefix%%-banner",
5554
- "customElement": true
5538
+ "default": "undefined"
5555
5539
  },
5556
5540
  {
5557
5541
  "kind": "variable",
5558
- "name": "foundationBanner",
5559
- "description": "The Foundation Banner",
5542
+ "name": "defaultBreadcrumbConfig",
5543
+ "type": {
5544
+ "text": "object"
5545
+ },
5546
+ "default": "{}"
5547
+ },
5548
+ {
5549
+ "kind": "variable",
5550
+ "name": "foundationBreadcrumb",
5551
+ "description": "The Foundation Breadcrumb",
5560
5552
  "privacy": "public"
5561
5553
  }
5562
5554
  ],
5563
5555
  "exports": [
5564
5556
  {
5565
5557
  "kind": "js",
5566
- "name": "foundationBannerShadowOptions",
5558
+ "name": "Breadcrumb",
5567
5559
  "declaration": {
5568
- "name": "foundationBannerShadowOptions",
5569
- "module": "src/banner/banner.ts"
5560
+ "name": "Breadcrumb",
5561
+ "module": "src/breadcrumb/breadcrumb.ts"
5570
5562
  }
5571
5563
  },
5572
5564
  {
5573
5565
  "kind": "js",
5574
- "name": "Banner",
5566
+ "name": "foundationBreadcrumbShadowOptions",
5575
5567
  "declaration": {
5576
- "name": "Banner",
5577
- "module": "src/banner/banner.ts"
5568
+ "name": "foundationBreadcrumbShadowOptions",
5569
+ "module": "src/breadcrumb/breadcrumb.ts"
5578
5570
  }
5579
5571
  },
5580
5572
  {
5581
5573
  "kind": "js",
5582
- "name": "foundationBanner",
5574
+ "name": "defaultBreadcrumbConfig",
5583
5575
  "declaration": {
5584
- "name": "foundationBanner",
5585
- "module": "src/banner/banner.ts"
5576
+ "name": "defaultBreadcrumbConfig",
5577
+ "module": "src/breadcrumb/breadcrumb.ts"
5578
+ }
5579
+ },
5580
+ {
5581
+ "kind": "js",
5582
+ "name": "foundationBreadcrumb",
5583
+ "declaration": {
5584
+ "name": "foundationBreadcrumb",
5585
+ "module": "src/breadcrumb/breadcrumb.ts"
5586
5586
  }
5587
5587
  }
5588
5588
  ]
5589
5589
  },
5590
5590
  {
5591
5591
  "kind": "javascript-module",
5592
- "path": "src/banner/index.ts",
5592
+ "path": "src/breadcrumb/index.ts",
5593
5593
  "declarations": [],
5594
5594
  "exports": [
5595
5595
  {
@@ -5597,7 +5597,7 @@
5597
5597
  "name": "*",
5598
5598
  "declaration": {
5599
5599
  "name": "*",
5600
- "package": "./banner.styles"
5600
+ "package": "./breadcrumb.template"
5601
5601
  }
5602
5602
  },
5603
5603
  {
@@ -5605,7 +5605,7 @@
5605
5605
  "name": "*",
5606
5606
  "declaration": {
5607
5607
  "name": "*",
5608
- "package": "./banner.template"
5608
+ "package": "./breadcrumb.styles"
5609
5609
  }
5610
5610
  },
5611
5611
  {
@@ -5613,7 +5613,7 @@
5613
5613
  "name": "*",
5614
5614
  "declaration": {
5615
5615
  "name": "*",
5616
- "package": "./banner"
5616
+ "package": "./breadcrumb"
5617
5617
  }
5618
5618
  }
5619
5619
  ]
@@ -12451,6 +12451,952 @@
12451
12451
  }
12452
12452
  ]
12453
12453
  },
12454
+ {
12455
+ "kind": "javascript-module",
12456
+ "path": "src/date-picker/calendar.ts",
12457
+ "declarations": [
12458
+ {
12459
+ "kind": "class",
12460
+ "description": "",
12461
+ "name": "Calendar",
12462
+ "members": [
12463
+ {
12464
+ "kind": "field",
12465
+ "name": "today",
12466
+ "type": {
12467
+ "text": "any"
12468
+ },
12469
+ "default": "new Day(null, lang)"
12470
+ },
12471
+ {
12472
+ "kind": "field",
12473
+ "name": "year",
12474
+ "type": {
12475
+ "text": "number"
12476
+ }
12477
+ },
12478
+ {
12479
+ "kind": "field",
12480
+ "name": "month",
12481
+ "type": {
12482
+ "text": "any"
12483
+ },
12484
+ "default": "new Month(new Date(this.year, (monthNumber || this.today.monthNumber) - 1), lang)"
12485
+ },
12486
+ {
12487
+ "kind": "field",
12488
+ "name": "lang",
12489
+ "type": {
12490
+ "text": "string"
12491
+ },
12492
+ "default": "lang"
12493
+ },
12494
+ {
12495
+ "kind": "field",
12496
+ "name": "weekDays"
12497
+ },
12498
+ {
12499
+ "kind": "method",
12500
+ "name": "getMonth",
12501
+ "parameters": [
12502
+ {
12503
+ "name": "monthNumber"
12504
+ }
12505
+ ]
12506
+ },
12507
+ {
12508
+ "kind": "method",
12509
+ "name": "getPreviousMonth"
12510
+ },
12511
+ {
12512
+ "kind": "method",
12513
+ "name": "getNextMonth"
12514
+ },
12515
+ {
12516
+ "kind": "method",
12517
+ "name": "goToDate",
12518
+ "parameters": [
12519
+ {
12520
+ "name": "monthNumber"
12521
+ },
12522
+ {
12523
+ "name": "year"
12524
+ }
12525
+ ]
12526
+ },
12527
+ {
12528
+ "kind": "method",
12529
+ "name": "goToNextYear"
12530
+ },
12531
+ {
12532
+ "kind": "method",
12533
+ "name": "goToPreviousYear"
12534
+ },
12535
+ {
12536
+ "kind": "method",
12537
+ "name": "goToNextMonth"
12538
+ },
12539
+ {
12540
+ "kind": "method",
12541
+ "name": "goToPreviousMonth"
12542
+ },
12543
+ {
12544
+ "kind": "field",
12545
+ "name": "_presentation",
12546
+ "type": {
12547
+ "text": "ComponentPresentation | null | undefined"
12548
+ },
12549
+ "privacy": "private",
12550
+ "default": "void 0",
12551
+ "inheritedFrom": {
12552
+ "name": "FoundationElement",
12553
+ "module": "src/foundation-element/foundation-element.ts"
12554
+ }
12555
+ },
12556
+ {
12557
+ "kind": "field",
12558
+ "name": "$presentation",
12559
+ "type": {
12560
+ "text": "ComponentPresentation | null"
12561
+ },
12562
+ "privacy": "public",
12563
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
12564
+ "inheritedFrom": {
12565
+ "name": "FoundationElement",
12566
+ "module": "src/foundation-element/foundation-element.ts"
12567
+ }
12568
+ },
12569
+ {
12570
+ "kind": "field",
12571
+ "name": "template",
12572
+ "type": {
12573
+ "text": "ElementViewTemplate | void | null"
12574
+ },
12575
+ "privacy": "public",
12576
+ "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.",
12577
+ "inheritedFrom": {
12578
+ "name": "FoundationElement",
12579
+ "module": "src/foundation-element/foundation-element.ts"
12580
+ }
12581
+ },
12582
+ {
12583
+ "kind": "method",
12584
+ "name": "templateChanged",
12585
+ "privacy": "protected",
12586
+ "return": {
12587
+ "type": {
12588
+ "text": "void"
12589
+ }
12590
+ },
12591
+ "inheritedFrom": {
12592
+ "name": "FoundationElement",
12593
+ "module": "src/foundation-element/foundation-element.ts"
12594
+ }
12595
+ },
12596
+ {
12597
+ "kind": "field",
12598
+ "name": "styles",
12599
+ "type": {
12600
+ "text": "ElementStyles | void | null"
12601
+ },
12602
+ "privacy": "public",
12603
+ "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.",
12604
+ "inheritedFrom": {
12605
+ "name": "FoundationElement",
12606
+ "module": "src/foundation-element/foundation-element.ts"
12607
+ }
12608
+ },
12609
+ {
12610
+ "kind": "method",
12611
+ "name": "stylesChanged",
12612
+ "privacy": "protected",
12613
+ "return": {
12614
+ "type": {
12615
+ "text": "void"
12616
+ }
12617
+ },
12618
+ "inheritedFrom": {
12619
+ "name": "FoundationElement",
12620
+ "module": "src/foundation-element/foundation-element.ts"
12621
+ }
12622
+ },
12623
+ {
12624
+ "kind": "method",
12625
+ "name": "compose",
12626
+ "privacy": "public",
12627
+ "static": true,
12628
+ "return": {
12629
+ "type": {
12630
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
12631
+ }
12632
+ },
12633
+ "parameters": [
12634
+ {
12635
+ "name": "this",
12636
+ "type": {
12637
+ "text": "K"
12638
+ }
12639
+ },
12640
+ {
12641
+ "name": "elementDefinition",
12642
+ "type": {
12643
+ "text": "T"
12644
+ },
12645
+ "description": "The definition of the element to create the registry\nfunction for."
12646
+ }
12647
+ ],
12648
+ "description": "Defines an element registry function with a set of element definition defaults.",
12649
+ "inheritedFrom": {
12650
+ "name": "FoundationElement",
12651
+ "module": "src/foundation-element/foundation-element.ts"
12652
+ }
12653
+ }
12654
+ ]
12655
+ }
12656
+ ],
12657
+ "exports": [
12658
+ {
12659
+ "kind": "js",
12660
+ "name": "default",
12661
+ "declaration": {
12662
+ "name": "Calendar",
12663
+ "module": "src/date-picker/calendar.ts"
12664
+ }
12665
+ }
12666
+ ]
12667
+ },
12668
+ {
12669
+ "kind": "javascript-module",
12670
+ "path": "src/date-picker/date-picker.styles.ts",
12671
+ "declarations": [
12672
+ {
12673
+ "kind": "variable",
12674
+ "name": "foundationDatePickerStyles",
12675
+ "type": {
12676
+ "text": "ElementStyles"
12677
+ },
12678
+ "default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-foreground-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 10px;\n }\n\n .header h3 {\n margin: 0;\n text-transform: capitalize;\n font-weight: bold;\n color: var(--foreground-on-accent-rest);\n }\n\n .header .months-arrows {\n display: flex;\n flex-direction: row;\n }\n\n .header .icon-container {\n display: flex;\n width: 25px;\n height: 25px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n\n .header .icon-container:first-child {\n margin-right: calc(var(--design-unit) * 2px);\n }\n\n .header .prev-month,\n .header .next-month {\n color: var(--foreground-on-accent-rest);\n font-size: 18px;\n }\n\n .week-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n margin-bottom: 10px;\n color: var(--foreground-on-accent-rest);\n }\n\n .week-days span {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n text-transform: capitalize;\n }\n\n .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n }\n\n .month-day {\n padding: 8px 5px;\n color: #808080;\n background: none;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: calc(var(--control-corner-radius) * 4px);\n cursor: pointer;\n border: none;\n }\n\n .month-day.current {\n opacity: 100%;\n color: var(--foreground-on-accent-rest);\n }\n\n .month-day.selected {\n background: var(--accent-foreground-rest);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day:hover {\n background: var(--neutral-stroke-hover);\n color: (--neutral-foreground-rest);\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
12679
+ }
12680
+ ],
12681
+ "exports": [
12682
+ {
12683
+ "kind": "js",
12684
+ "name": "foundationDatePickerStyles",
12685
+ "declaration": {
12686
+ "name": "foundationDatePickerStyles",
12687
+ "module": "src/date-picker/date-picker.styles.ts"
12688
+ }
12689
+ }
12690
+ ]
12691
+ },
12692
+ {
12693
+ "kind": "javascript-module",
12694
+ "path": "src/date-picker/date-picker.template.ts",
12695
+ "declarations": [
12696
+ {
12697
+ "kind": "function",
12698
+ "name": "getPrefixedDatePicker",
12699
+ "parameters": [
12700
+ {
12701
+ "name": "prefix",
12702
+ "type": {
12703
+ "text": "string"
12704
+ }
12705
+ }
12706
+ ]
12707
+ },
12708
+ {
12709
+ "kind": "variable",
12710
+ "name": "foundationDatePickerTemplate",
12711
+ "default": "html<DatePicker>`\n ${(x) => getPrefixedDatePicker(getPrefix(x))}\n`"
12712
+ }
12713
+ ],
12714
+ "exports": [
12715
+ {
12716
+ "kind": "js",
12717
+ "name": "getPrefixedDatePicker",
12718
+ "declaration": {
12719
+ "name": "getPrefixedDatePicker",
12720
+ "module": "src/date-picker/date-picker.template.ts"
12721
+ }
12722
+ },
12723
+ {
12724
+ "kind": "js",
12725
+ "name": "foundationDatePickerTemplate",
12726
+ "declaration": {
12727
+ "name": "foundationDatePickerTemplate",
12728
+ "module": "src/date-picker/date-picker.template.ts"
12729
+ }
12730
+ }
12731
+ ]
12732
+ },
12733
+ {
12734
+ "kind": "javascript-module",
12735
+ "path": "src/date-picker/date-picker.ts",
12736
+ "declarations": [
12737
+ {
12738
+ "kind": "variable",
12739
+ "name": "foundationDatePickerShadowOptions",
12740
+ "type": {
12741
+ "text": "ShadowRootInit"
12742
+ },
12743
+ "default": "undefined"
12744
+ },
12745
+ {
12746
+ "kind": "variable",
12747
+ "name": "defaultDatePickerConfig",
12748
+ "type": {
12749
+ "text": "object"
12750
+ },
12751
+ "default": "{}"
12752
+ },
12753
+ {
12754
+ "kind": "class",
12755
+ "description": "",
12756
+ "name": "DatePicker",
12757
+ "members": [
12758
+ {
12759
+ "kind": "field",
12760
+ "name": "format",
12761
+ "type": {
12762
+ "text": "string"
12763
+ },
12764
+ "default": "'MM-DD-YYYY'"
12765
+ },
12766
+ {
12767
+ "kind": "method",
12768
+ "name": "formatChanged",
12769
+ "parameters": [
12770
+ {
12771
+ "name": "oldValue",
12772
+ "type": {
12773
+ "text": "string"
12774
+ }
12775
+ },
12776
+ {
12777
+ "name": "newValue",
12778
+ "type": {
12779
+ "text": "string"
12780
+ }
12781
+ }
12782
+ ]
12783
+ },
12784
+ {
12785
+ "kind": "field",
12786
+ "name": "lang",
12787
+ "type": {
12788
+ "text": "string"
12789
+ },
12790
+ "default": "'en-US'"
12791
+ },
12792
+ {
12793
+ "kind": "field",
12794
+ "name": "visible",
12795
+ "type": {
12796
+ "text": "boolean"
12797
+ },
12798
+ "default": "false"
12799
+ },
12800
+ {
12801
+ "kind": "field",
12802
+ "name": "position",
12803
+ "type": {
12804
+ "text": "string"
12805
+ },
12806
+ "default": "'bottom'"
12807
+ },
12808
+ {
12809
+ "kind": "field",
12810
+ "name": "label",
12811
+ "type": {
12812
+ "text": "string"
12813
+ }
12814
+ },
12815
+ {
12816
+ "kind": "field",
12817
+ "name": "value",
12818
+ "type": {
12819
+ "text": "string"
12820
+ }
12821
+ },
12822
+ {
12823
+ "kind": "method",
12824
+ "name": "valueChanged",
12825
+ "parameters": [
12826
+ {
12827
+ "name": "oldValue",
12828
+ "type": {
12829
+ "text": "string"
12830
+ }
12831
+ },
12832
+ {
12833
+ "name": "newValue",
12834
+ "type": {
12835
+ "text": "string"
12836
+ }
12837
+ }
12838
+ ]
12839
+ },
12840
+ {
12841
+ "kind": "field",
12842
+ "name": "currentDate",
12843
+ "type": {
12844
+ "text": "any"
12845
+ },
12846
+ "default": "new Day(dayjsDate.toDate(), this.lang)"
12847
+ },
12848
+ {
12849
+ "kind": "field",
12850
+ "name": "currentMonth",
12851
+ "type": {
12852
+ "text": "Calendar"
12853
+ }
12854
+ },
12855
+ {
12856
+ "kind": "field",
12857
+ "name": "currentYear",
12858
+ "type": {
12859
+ "text": "number"
12860
+ }
12861
+ },
12862
+ {
12863
+ "kind": "field",
12864
+ "name": "calendarDropdownClasses",
12865
+ "type": {
12866
+ "text": "String"
12867
+ }
12868
+ },
12869
+ {
12870
+ "kind": "field",
12871
+ "name": "formatDate",
12872
+ "type": {
12873
+ "text": "string"
12874
+ }
12875
+ },
12876
+ {
12877
+ "kind": "field",
12878
+ "name": "monthList",
12879
+ "type": {
12880
+ "text": "any"
12881
+ }
12882
+ },
12883
+ {
12884
+ "kind": "field",
12885
+ "name": "calendar",
12886
+ "type": {
12887
+ "text": "Calendar"
12888
+ },
12889
+ "default": "new Calendar(this.currentDate.year, this.currentDate.monthNumber, this.lang)"
12890
+ },
12891
+ {
12892
+ "kind": "field",
12893
+ "name": "toggleButton",
12894
+ "type": {
12895
+ "text": "HTMLElement"
12896
+ }
12897
+ },
12898
+ {
12899
+ "kind": "field",
12900
+ "name": "calendarDaysContainer",
12901
+ "type": {
12902
+ "text": "HTMLElement"
12903
+ }
12904
+ },
12905
+ {
12906
+ "kind": "field",
12907
+ "name": "selectedDayElement",
12908
+ "type": {
12909
+ "text": "HTMLElement"
12910
+ }
12911
+ },
12912
+ {
12913
+ "kind": "field",
12914
+ "name": "prevBtn",
12915
+ "type": {
12916
+ "text": "HTMLElement"
12917
+ }
12918
+ },
12919
+ {
12920
+ "kind": "field",
12921
+ "name": "nextBtn",
12922
+ "type": {
12923
+ "text": "HTMLElement"
12924
+ }
12925
+ },
12926
+ {
12927
+ "kind": "field",
12928
+ "name": "substringNumber",
12929
+ "type": {
12930
+ "text": "number"
12931
+ },
12932
+ "default": "3"
12933
+ },
12934
+ {
12935
+ "kind": "method",
12936
+ "name": "updateHeaderText"
12937
+ },
12938
+ {
12939
+ "kind": "method",
12940
+ "name": "toggleCalendar"
12941
+ },
12942
+ {
12943
+ "kind": "method",
12944
+ "name": "toggleVisibility"
12945
+ },
12946
+ {
12947
+ "kind": "method",
12948
+ "name": "isSelectedDate",
12949
+ "parameters": [
12950
+ {
12951
+ "name": "date"
12952
+ }
12953
+ ]
12954
+ },
12955
+ {
12956
+ "kind": "method",
12957
+ "name": "isCurrentCalendarMonth"
12958
+ },
12959
+ {
12960
+ "kind": "method",
12961
+ "name": "prevMonth"
12962
+ },
12963
+ {
12964
+ "kind": "method",
12965
+ "name": "nextMonth"
12966
+ },
12967
+ {
12968
+ "kind": "method",
12969
+ "name": "selectDay",
12970
+ "parameters": [
12971
+ {
12972
+ "name": "day"
12973
+ }
12974
+ ]
12975
+ },
12976
+ {
12977
+ "kind": "method",
12978
+ "name": "getMonthDaysGrid"
12979
+ },
12980
+ {
12981
+ "kind": "field",
12982
+ "name": "_presentation",
12983
+ "type": {
12984
+ "text": "ComponentPresentation | null | undefined"
12985
+ },
12986
+ "privacy": "private",
12987
+ "default": "void 0",
12988
+ "inheritedFrom": {
12989
+ "name": "FoundationElement",
12990
+ "module": "src/foundation-element/foundation-element.ts"
12991
+ }
12992
+ },
12993
+ {
12994
+ "kind": "field",
12995
+ "name": "$presentation",
12996
+ "type": {
12997
+ "text": "ComponentPresentation | null"
12998
+ },
12999
+ "privacy": "public",
13000
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
13001
+ "inheritedFrom": {
13002
+ "name": "FoundationElement",
13003
+ "module": "src/foundation-element/foundation-element.ts"
13004
+ }
13005
+ },
13006
+ {
13007
+ "kind": "field",
13008
+ "name": "template",
13009
+ "type": {
13010
+ "text": "ElementViewTemplate | void | null"
13011
+ },
13012
+ "privacy": "public",
13013
+ "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.",
13014
+ "inheritedFrom": {
13015
+ "name": "FoundationElement",
13016
+ "module": "src/foundation-element/foundation-element.ts"
13017
+ }
13018
+ },
13019
+ {
13020
+ "kind": "method",
13021
+ "name": "templateChanged",
13022
+ "privacy": "protected",
13023
+ "return": {
13024
+ "type": {
13025
+ "text": "void"
13026
+ }
13027
+ },
13028
+ "inheritedFrom": {
13029
+ "name": "FoundationElement",
13030
+ "module": "src/foundation-element/foundation-element.ts"
13031
+ }
13032
+ },
13033
+ {
13034
+ "kind": "field",
13035
+ "name": "styles",
13036
+ "type": {
13037
+ "text": "ElementStyles | void | null"
13038
+ },
13039
+ "privacy": "public",
13040
+ "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.",
13041
+ "inheritedFrom": {
13042
+ "name": "FoundationElement",
13043
+ "module": "src/foundation-element/foundation-element.ts"
13044
+ }
13045
+ },
13046
+ {
13047
+ "kind": "method",
13048
+ "name": "stylesChanged",
13049
+ "privacy": "protected",
13050
+ "return": {
13051
+ "type": {
13052
+ "text": "void"
13053
+ }
13054
+ },
13055
+ "inheritedFrom": {
13056
+ "name": "FoundationElement",
13057
+ "module": "src/foundation-element/foundation-element.ts"
13058
+ }
13059
+ },
13060
+ {
13061
+ "kind": "method",
13062
+ "name": "compose",
13063
+ "privacy": "public",
13064
+ "static": true,
13065
+ "return": {
13066
+ "type": {
13067
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
13068
+ }
13069
+ },
13070
+ "parameters": [
13071
+ {
13072
+ "name": "this",
13073
+ "type": {
13074
+ "text": "K"
13075
+ }
13076
+ },
13077
+ {
13078
+ "name": "elementDefinition",
13079
+ "type": {
13080
+ "text": "T"
13081
+ },
13082
+ "description": "The definition of the element to create the registry\nfunction for."
13083
+ }
13084
+ ],
13085
+ "description": "Defines an element registry function with a set of element definition defaults.",
13086
+ "inheritedFrom": {
13087
+ "name": "FoundationElement",
13088
+ "module": "src/foundation-element/foundation-element.ts"
13089
+ }
13090
+ }
13091
+ ],
13092
+ "attributes": [
13093
+ {
13094
+ "name": "format",
13095
+ "type": {
13096
+ "text": "string"
13097
+ },
13098
+ "default": "'MM-DD-YYYY'",
13099
+ "fieldName": "format"
13100
+ },
13101
+ {
13102
+ "name": "lang",
13103
+ "type": {
13104
+ "text": "string"
13105
+ },
13106
+ "default": "'en-US'",
13107
+ "fieldName": "lang"
13108
+ },
13109
+ {
13110
+ "name": "visible",
13111
+ "type": {
13112
+ "text": "boolean"
13113
+ },
13114
+ "default": "false",
13115
+ "fieldName": "visible"
13116
+ },
13117
+ {
13118
+ "name": "position",
13119
+ "type": {
13120
+ "text": "string"
13121
+ },
13122
+ "default": "'bottom'",
13123
+ "fieldName": "position"
13124
+ },
13125
+ {
13126
+ "name": "label",
13127
+ "type": {
13128
+ "text": "string"
13129
+ },
13130
+ "fieldName": "label"
13131
+ },
13132
+ {
13133
+ "name": "value",
13134
+ "type": {
13135
+ "text": "string"
13136
+ },
13137
+ "fieldName": "value"
13138
+ }
13139
+ ],
13140
+ "superclass": {
13141
+ "name": "FoundationElement",
13142
+ "package": "@microsoft/fast-foundation"
13143
+ },
13144
+ "tagName": "%%prefix%%-date-picker",
13145
+ "customElement": true
13146
+ },
13147
+ {
13148
+ "kind": "variable",
13149
+ "name": "foundationDatePicker",
13150
+ "description": "The Foundation DatePicker",
13151
+ "privacy": "public"
13152
+ }
13153
+ ],
13154
+ "exports": [
13155
+ {
13156
+ "kind": "js",
13157
+ "name": "foundationDatePickerShadowOptions",
13158
+ "declaration": {
13159
+ "name": "foundationDatePickerShadowOptions",
13160
+ "module": "src/date-picker/date-picker.ts"
13161
+ }
13162
+ },
13163
+ {
13164
+ "kind": "js",
13165
+ "name": "defaultDatePickerConfig",
13166
+ "declaration": {
13167
+ "name": "defaultDatePickerConfig",
13168
+ "module": "src/date-picker/date-picker.ts"
13169
+ }
13170
+ },
13171
+ {
13172
+ "kind": "js",
13173
+ "name": "DatePicker",
13174
+ "declaration": {
13175
+ "name": "DatePicker",
13176
+ "module": "src/date-picker/date-picker.ts"
13177
+ }
13178
+ },
13179
+ {
13180
+ "kind": "js",
13181
+ "name": "foundationDatePicker",
13182
+ "declaration": {
13183
+ "name": "foundationDatePicker",
13184
+ "module": "src/date-picker/date-picker.ts"
13185
+ }
13186
+ }
13187
+ ]
13188
+ },
13189
+ {
13190
+ "kind": "javascript-module",
13191
+ "path": "src/date-picker/day.ts",
13192
+ "declarations": [
13193
+ {
13194
+ "kind": "class",
13195
+ "description": "",
13196
+ "name": "Day",
13197
+ "members": [
13198
+ {
13199
+ "kind": "field",
13200
+ "name": "Date",
13201
+ "type": {
13202
+ "text": "Object"
13203
+ },
13204
+ "default": "date"
13205
+ },
13206
+ {
13207
+ "kind": "field",
13208
+ "name": "date",
13209
+ "type": {
13210
+ "text": "Date"
13211
+ }
13212
+ },
13213
+ {
13214
+ "kind": "field",
13215
+ "name": "day",
13216
+ "type": {
13217
+ "text": "string"
13218
+ }
13219
+ },
13220
+ {
13221
+ "kind": "field",
13222
+ "name": "dayNumber",
13223
+ "type": {
13224
+ "text": "number"
13225
+ }
13226
+ },
13227
+ {
13228
+ "kind": "field",
13229
+ "name": "dayShort",
13230
+ "type": {
13231
+ "text": "string"
13232
+ }
13233
+ },
13234
+ {
13235
+ "kind": "field",
13236
+ "name": "year",
13237
+ "type": {
13238
+ "text": "number"
13239
+ }
13240
+ },
13241
+ {
13242
+ "kind": "field",
13243
+ "name": "yearShort",
13244
+ "type": {
13245
+ "text": "number"
13246
+ }
13247
+ },
13248
+ {
13249
+ "kind": "field",
13250
+ "name": "month",
13251
+ "type": {
13252
+ "text": "string"
13253
+ }
13254
+ },
13255
+ {
13256
+ "kind": "field",
13257
+ "name": "monthShort",
13258
+ "type": {
13259
+ "text": "string"
13260
+ }
13261
+ },
13262
+ {
13263
+ "kind": "field",
13264
+ "name": "monthNumber",
13265
+ "type": {
13266
+ "text": "number"
13267
+ }
13268
+ },
13269
+ {
13270
+ "kind": "field",
13271
+ "name": "timestamp",
13272
+ "type": {
13273
+ "text": "number"
13274
+ }
13275
+ },
13276
+ {
13277
+ "kind": "field",
13278
+ "name": "week",
13279
+ "type": {
13280
+ "text": "number"
13281
+ }
13282
+ },
13283
+ {
13284
+ "kind": "field"
13285
+ }
13286
+ ]
13287
+ }
13288
+ ],
13289
+ "exports": [
13290
+ {
13291
+ "kind": "js",
13292
+ "name": "default",
13293
+ "declaration": {
13294
+ "name": "Day",
13295
+ "module": "src/date-picker/day.ts"
13296
+ }
13297
+ }
13298
+ ]
13299
+ },
13300
+ {
13301
+ "kind": "javascript-module",
13302
+ "path": "src/date-picker/index.ts",
13303
+ "declarations": [],
13304
+ "exports": [
13305
+ {
13306
+ "kind": "js",
13307
+ "name": "*",
13308
+ "declaration": {
13309
+ "name": "*",
13310
+ "package": "./date-picker.styles"
13311
+ }
13312
+ },
13313
+ {
13314
+ "kind": "js",
13315
+ "name": "*",
13316
+ "declaration": {
13317
+ "name": "*",
13318
+ "package": "./date-picker.template"
13319
+ }
13320
+ },
13321
+ {
13322
+ "kind": "js",
13323
+ "name": "*",
13324
+ "declaration": {
13325
+ "name": "*",
13326
+ "package": "./date-picker"
13327
+ }
13328
+ }
13329
+ ]
13330
+ },
13331
+ {
13332
+ "kind": "javascript-module",
13333
+ "path": "src/date-picker/month.ts",
13334
+ "declarations": [
13335
+ {
13336
+ "kind": "class",
13337
+ "description": "",
13338
+ "name": "Month",
13339
+ "members": [
13340
+ {
13341
+ "kind": "field",
13342
+ "name": "lang",
13343
+ "type": {
13344
+ "text": "string"
13345
+ },
13346
+ "default": "lang"
13347
+ },
13348
+ {
13349
+ "kind": "field",
13350
+ "name": "name",
13351
+ "type": {
13352
+ "text": "string"
13353
+ }
13354
+ },
13355
+ {
13356
+ "kind": "field",
13357
+ "name": "number",
13358
+ "type": {
13359
+ "text": "number"
13360
+ }
13361
+ },
13362
+ {
13363
+ "kind": "field",
13364
+ "name": "year",
13365
+ "type": {
13366
+ "text": "number"
13367
+ }
13368
+ },
13369
+ {
13370
+ "kind": "field",
13371
+ "name": "numberOfDays",
13372
+ "type": {
13373
+ "text": "number"
13374
+ },
13375
+ "default": "monthSize[this.number - 1]"
13376
+ },
13377
+ {
13378
+ "kind": "method",
13379
+ "name": "getDay",
13380
+ "parameters": [
13381
+ {
13382
+ "name": "date"
13383
+ }
13384
+ ]
13385
+ }
13386
+ ]
13387
+ }
13388
+ ],
13389
+ "exports": [
13390
+ {
13391
+ "kind": "js",
13392
+ "name": "default",
13393
+ "declaration": {
13394
+ "name": "Month",
13395
+ "module": "src/date-picker/month.ts"
13396
+ }
13397
+ }
13398
+ ]
13399
+ },
12454
13400
  {
12455
13401
  "kind": "javascript-module",
12456
13402
  "path": "src/design-system-provider/design-system-provider.styles.ts",
@@ -19466,532 +20412,119 @@
19466
20412
  "description": "Function that can scroll an item into view.",
19467
20413
  "inheritedFrom": {
19468
20414
  "name": "HorizontalScroll",
19469
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19470
- }
19471
- },
19472
- {
19473
- "kind": "method",
19474
- "name": "keyupHandler",
19475
- "privacy": "public",
19476
- "parameters": [
19477
- {
19478
- "name": "e",
19479
- "type": {
19480
- "text": "Event & KeyboardEvent"
19481
- },
19482
- "description": "Keyboard event"
19483
- }
19484
- ],
19485
- "description": "Lets the user arrow left and right through the horizontal scroll",
19486
- "inheritedFrom": {
19487
- "name": "HorizontalScroll",
19488
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19489
- }
19490
- },
19491
- {
19492
- "kind": "method",
19493
- "name": "scrollToPrevious",
19494
- "privacy": "public",
19495
- "return": {
19496
- "type": {
19497
- "text": "void"
19498
- }
19499
- },
19500
- "description": "Scrolls items to the left",
19501
- "inheritedFrom": {
19502
- "name": "HorizontalScroll",
19503
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19504
- }
19505
- },
19506
- {
19507
- "kind": "method",
19508
- "name": "scrollToNext",
19509
- "privacy": "public",
19510
- "return": {
19511
- "type": {
19512
- "text": "void"
19513
- }
19514
- },
19515
- "description": "Scrolls items to the right",
19516
- "inheritedFrom": {
19517
- "name": "HorizontalScroll",
19518
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19519
- }
19520
- },
19521
- {
19522
- "kind": "method",
19523
- "name": "scrollToPosition",
19524
- "privacy": "public",
19525
- "return": {
19526
- "type": {
19527
- "text": "void"
19528
- }
19529
- },
19530
- "parameters": [
19531
- {
19532
- "name": "newPosition",
19533
- "type": {
19534
- "text": "number"
19535
- },
19536
- "description": "position to scroll to"
19537
- },
19538
- {
19539
- "name": "position",
19540
- "default": "this.scrollContainer.scrollLeft",
19541
- "type": {
19542
- "text": "number"
19543
- },
19544
- "description": "starting position"
19545
- }
19546
- ],
19547
- "description": "Handles scrolling with easing",
19548
- "inheritedFrom": {
19549
- "name": "HorizontalScroll",
19550
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19551
- }
19552
- },
19553
- {
19554
- "kind": "method",
19555
- "name": "resized",
19556
- "privacy": "public",
19557
- "return": {
19558
- "type": {
19559
- "text": "void"
19560
- }
19561
- },
19562
- "description": "Monitors resize event on the horizontal-scroll element",
19563
- "inheritedFrom": {
19564
- "name": "HorizontalScroll",
19565
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19566
- }
19567
- },
19568
- {
19569
- "kind": "method",
19570
- "name": "scrolled",
19571
- "privacy": "public",
19572
- "return": {
19573
- "type": {
19574
- "text": "void"
19575
- }
19576
- },
19577
- "description": "Monitors scrolled event on the content container",
19578
- "inheritedFrom": {
19579
- "name": "HorizontalScroll",
19580
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19581
- }
19582
- },
19583
- {
19584
- "kind": "field",
19585
- "name": "_presentation",
19586
- "type": {
19587
- "text": "ComponentPresentation | null | undefined"
19588
- },
19589
- "privacy": "private",
19590
- "default": "void 0",
19591
- "inheritedFrom": {
19592
- "name": "FoundationElement",
19593
- "module": "src/foundation-element/foundation-element.ts"
19594
- }
19595
- },
19596
- {
19597
- "kind": "field",
19598
- "name": "$presentation",
19599
- "type": {
19600
- "text": "ComponentPresentation | null"
19601
- },
19602
- "privacy": "public",
19603
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
19604
- "inheritedFrom": {
19605
- "name": "FoundationElement",
19606
- "module": "src/foundation-element/foundation-element.ts"
19607
- }
19608
- },
19609
- {
19610
- "kind": "field",
19611
- "name": "template",
19612
- "type": {
19613
- "text": "ElementViewTemplate | void | null"
19614
- },
19615
- "privacy": "public",
19616
- "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.",
19617
- "inheritedFrom": {
19618
- "name": "FoundationElement",
19619
- "module": "src/foundation-element/foundation-element.ts"
19620
- }
19621
- },
19622
- {
19623
- "kind": "method",
19624
- "name": "templateChanged",
19625
- "privacy": "protected",
19626
- "return": {
19627
- "type": {
19628
- "text": "void"
19629
- }
19630
- },
19631
- "inheritedFrom": {
19632
- "name": "FoundationElement",
19633
- "module": "src/foundation-element/foundation-element.ts"
19634
- }
19635
- },
19636
- {
19637
- "kind": "field",
19638
- "name": "styles",
19639
- "type": {
19640
- "text": "ElementStyles | void | null"
19641
- },
19642
- "privacy": "public",
19643
- "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.",
19644
- "inheritedFrom": {
19645
- "name": "FoundationElement",
19646
- "module": "src/foundation-element/foundation-element.ts"
19647
- }
19648
- },
19649
- {
19650
- "kind": "method",
19651
- "name": "stylesChanged",
19652
- "privacy": "protected",
19653
- "return": {
19654
- "type": {
19655
- "text": "void"
19656
- }
19657
- },
19658
- "inheritedFrom": {
19659
- "name": "FoundationElement",
19660
- "module": "src/foundation-element/foundation-element.ts"
19661
- }
19662
- },
19663
- {
19664
- "kind": "method",
19665
- "name": "compose",
19666
- "privacy": "public",
19667
- "static": true,
19668
- "return": {
19669
- "type": {
19670
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
19671
- }
19672
- },
19673
- "parameters": [
19674
- {
19675
- "name": "this",
19676
- "type": {
19677
- "text": "K"
19678
- }
19679
- },
19680
- {
19681
- "name": "elementDefinition",
19682
- "type": {
19683
- "text": "T"
19684
- },
19685
- "description": "The definition of the element to create the registry\nfunction for."
19686
- }
19687
- ],
19688
- "description": "Defines an element registry function with a set of element definition defaults.",
19689
- "inheritedFrom": {
19690
- "name": "FoundationElement",
19691
- "module": "src/foundation-element/foundation-element.ts"
19692
- }
19693
- }
19694
- ],
19695
- "events": [
19696
- {
19697
- "description": "Fires a custom 'scrollstart' event when scrolling",
19698
- "name": "scrollstart",
19699
- "inheritedFrom": {
19700
- "name": "HorizontalScroll",
19701
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19702
- }
19703
- },
19704
- {
19705
- "description": "Fires a custom 'scrollend' event when scrolling stops",
19706
- "name": "scrollend",
19707
- "inheritedFrom": {
19708
- "name": "HorizontalScroll",
19709
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19710
- }
19711
- }
19712
- ]
19713
- },
19714
- {
19715
- "kind": "variable",
19716
- "name": "foundationHorizontalScrollShadowOptions",
19717
- "type": {
19718
- "text": "ShadowRootInit"
19719
- },
19720
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
19721
- },
19722
- {
19723
- "kind": "variable",
19724
- "name": "defaultHorizontalScrollConfig",
19725
- "type": {
19726
- "text": "object"
19727
- },
19728
- "default": "{\n nextFlipper: html`\n <foundation-flipper\n @click=\"${(x) => x.scrollToNext()}\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></foundation-flipper>\n `,\n previousFlipper: html`\n <foundation-flipper\n @click=\"${(x) => x.scrollToPrevious()}\"\n direction=\"previous\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></foundation-flipper>\n `,\n}"
19729
- },
19730
- {
19731
- "kind": "variable",
19732
- "name": "foundationHorizontalScroll",
19733
- "description": "The Foundation HorizontalScroll",
19734
- "privacy": "public"
19735
- }
19736
- ],
19737
- "exports": [
19738
- {
19739
- "kind": "js",
19740
- "name": "HorizontalScroll",
19741
- "declaration": {
19742
- "name": "HorizontalScroll",
19743
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19744
- }
19745
- },
19746
- {
19747
- "kind": "js",
19748
- "name": "foundationHorizontalScrollShadowOptions",
19749
- "declaration": {
19750
- "name": "foundationHorizontalScrollShadowOptions",
19751
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19752
- }
19753
- },
19754
- {
19755
- "kind": "js",
19756
- "name": "defaultHorizontalScrollConfig",
19757
- "declaration": {
19758
- "name": "defaultHorizontalScrollConfig",
19759
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19760
- }
19761
- },
19762
- {
19763
- "kind": "js",
19764
- "name": "foundationHorizontalScroll",
19765
- "declaration": {
19766
- "name": "foundationHorizontalScroll",
19767
- "module": "src/horizontal-scroll/horizontal-scroll.ts"
19768
- }
19769
- }
19770
- ]
19771
- },
19772
- {
19773
- "kind": "javascript-module",
19774
- "path": "src/horizontal-scroll/index.ts",
19775
- "declarations": [],
19776
- "exports": [
19777
- {
19778
- "kind": "js",
19779
- "name": "*",
19780
- "declaration": {
19781
- "name": "*",
19782
- "package": "./horizontal-scroll.template"
19783
- }
19784
- },
19785
- {
19786
- "kind": "js",
19787
- "name": "*",
19788
- "declaration": {
19789
- "name": "*",
19790
- "package": "./horizontal-scroll.styles"
19791
- }
19792
- },
19793
- {
19794
- "kind": "js",
19795
- "name": "*",
19796
- "declaration": {
19797
- "name": "*",
19798
- "package": "./horizontal-scroll"
19799
- }
19800
- }
19801
- ]
19802
- },
19803
- {
19804
- "kind": "javascript-module",
19805
- "path": "src/icon/icon.styles.ts",
19806
- "declarations": [
19807
- {
19808
- "kind": "function",
19809
- "name": "foundationIconStyles",
19810
- "return": {
19811
- "type": {
19812
- "text": "ElementStyles"
19813
- }
19814
- },
19815
- "parameters": [
19816
- {
19817
- "name": "context",
19818
- "type": {
19819
- "text": "ElementDefinitionContext"
19820
- }
19821
- },
19822
- {
19823
- "name": "definition",
19824
- "type": {
19825
- "text": "FoundationElementDefinition"
19826
- }
19827
- }
19828
- ]
19829
- }
19830
- ],
19831
- "exports": [
19832
- {
19833
- "kind": "js",
19834
- "name": "foundationIconStyles",
19835
- "declaration": {
19836
- "name": "foundationIconStyles",
19837
- "module": "src/icon/icon.styles.ts"
19838
- }
19839
- }
19840
- ]
19841
- },
19842
- {
19843
- "kind": "javascript-module",
19844
- "path": "src/icon/icon.template.ts",
19845
- "declarations": [
19846
- {
19847
- "kind": "variable",
19848
- "name": "foundationIconTemplate",
19849
- "type": {
19850
- "text": "ViewTemplate"
19851
- },
19852
- "default": "html<Icon>`\n <template>\n <i\n ${ref('iElement')}\n class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant}`}\n part=${(x) => `icon-${x.name}-${x.size}-${x.variant}`}\n >\n <slot></slot>\n </i>\n </template>\n`"
19853
- }
19854
- ],
19855
- "exports": [
19856
- {
19857
- "kind": "js",
19858
- "name": "foundationIconTemplate",
19859
- "declaration": {
19860
- "name": "foundationIconTemplate",
19861
- "module": "src/icon/icon.template.ts"
19862
- }
19863
- }
19864
- ]
19865
- },
19866
- {
19867
- "kind": "javascript-module",
19868
- "path": "src/icon/icon.ts",
19869
- "declarations": [
19870
- {
19871
- "kind": "variable",
19872
- "name": "foundationIconShadowOptions",
19873
- "type": {
19874
- "text": "ShadowRootInit"
19875
- },
19876
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
19877
- },
19878
- {
19879
- "kind": "variable",
19880
- "name": "defaultIconConfig",
19881
- "type": {
19882
- "text": "object"
19883
- },
19884
- "default": "{}"
19885
- },
19886
- {
19887
- "kind": "variable",
19888
- "name": "faSizeValueDefault",
19889
- "type": {
19890
- "text": "'1x'"
19891
- },
19892
- "default": "'1x'"
19893
- },
19894
- {
19895
- "kind": "variable",
19896
- "name": "faSizeValues",
19897
- "type": {
19898
- "text": "[\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n faSizeValueDefault,\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n 'stack-1x',\n 'stack-2x',\n]"
19899
- },
19900
- "default": "[\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n faSizeValueDefault,\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n 'stack-1x',\n 'stack-2x',\n]"
19901
- },
19902
- {
19903
- "kind": "class",
19904
- "description": "",
19905
- "name": "Icon",
19906
- "members": [
19907
- {
19908
- "kind": "field",
19909
- "name": "iElement",
19910
- "type": {
19911
- "text": "HTMLElement"
19912
- }
19913
- },
19914
- {
19915
- "kind": "field",
19916
- "name": "name",
19917
- "type": {
19918
- "text": "IconName"
20415
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
19919
20416
  }
19920
20417
  },
19921
20418
  {
19922
20419
  "kind": "method",
19923
- "name": "nameChanged",
20420
+ "name": "keyupHandler",
20421
+ "privacy": "public",
19924
20422
  "parameters": [
19925
20423
  {
19926
- "name": "oldValue",
19927
- "type": {
19928
- "text": "string"
19929
- }
19930
- },
19931
- {
19932
- "name": "newValue",
20424
+ "name": "e",
19933
20425
  "type": {
19934
- "text": "string"
19935
- }
20426
+ "text": "Event & KeyboardEvent"
20427
+ },
20428
+ "description": "Keyboard event"
19936
20429
  }
19937
- ]
20430
+ ],
20431
+ "description": "Lets the user arrow left and right through the horizontal scroll",
20432
+ "inheritedFrom": {
20433
+ "name": "HorizontalScroll",
20434
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20435
+ }
19938
20436
  },
19939
20437
  {
19940
- "kind": "field",
19941
- "name": "size",
19942
- "type": {
19943
- "text": "FaSize"
20438
+ "kind": "method",
20439
+ "name": "scrollToPrevious",
20440
+ "privacy": "public",
20441
+ "return": {
20442
+ "type": {
20443
+ "text": "void"
20444
+ }
19944
20445
  },
19945
- "default": "'sm'"
20446
+ "description": "Scrolls items to the left",
20447
+ "inheritedFrom": {
20448
+ "name": "HorizontalScroll",
20449
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20450
+ }
19946
20451
  },
19947
20452
  {
19948
20453
  "kind": "method",
19949
- "name": "sizeChanged",
19950
- "parameters": [
19951
- {
19952
- "name": "oldValue",
19953
- "type": {
19954
- "text": "string"
19955
- }
19956
- },
19957
- {
19958
- "name": "newValue",
19959
- "type": {
19960
- "text": "string"
19961
- }
20454
+ "name": "scrollToNext",
20455
+ "privacy": "public",
20456
+ "return": {
20457
+ "type": {
20458
+ "text": "void"
19962
20459
  }
19963
- ]
19964
- },
19965
- {
19966
- "kind": "field",
19967
- "name": "variant",
19968
- "type": {
19969
- "text": "IconStyle"
19970
20460
  },
19971
- "default": "'solid'"
20461
+ "description": "Scrolls items to the right",
20462
+ "inheritedFrom": {
20463
+ "name": "HorizontalScroll",
20464
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20465
+ }
19972
20466
  },
19973
20467
  {
19974
20468
  "kind": "method",
19975
- "name": "variantChanged",
20469
+ "name": "scrollToPosition",
20470
+ "privacy": "public",
20471
+ "return": {
20472
+ "type": {
20473
+ "text": "void"
20474
+ }
20475
+ },
19976
20476
  "parameters": [
19977
20477
  {
19978
- "name": "oldValue",
20478
+ "name": "newPosition",
19979
20479
  "type": {
19980
- "text": "string"
19981
- }
20480
+ "text": "number"
20481
+ },
20482
+ "description": "position to scroll to"
19982
20483
  },
19983
20484
  {
19984
- "name": "newValue",
20485
+ "name": "position",
20486
+ "default": "this.scrollContainer.scrollLeft",
19985
20487
  "type": {
19986
- "text": "string"
19987
- }
20488
+ "text": "number"
20489
+ },
20490
+ "description": "starting position"
19988
20491
  }
19989
- ]
20492
+ ],
20493
+ "description": "Handles scrolling with easing",
20494
+ "inheritedFrom": {
20495
+ "name": "HorizontalScroll",
20496
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20497
+ }
19990
20498
  },
19991
20499
  {
19992
20500
  "kind": "method",
19993
- "name": "loadIcon",
19994
- "privacy": "public"
20501
+ "name": "resized",
20502
+ "privacy": "public",
20503
+ "return": {
20504
+ "type": {
20505
+ "text": "void"
20506
+ }
20507
+ },
20508
+ "description": "Monitors resize event on the horizontal-scroll element",
20509
+ "inheritedFrom": {
20510
+ "name": "HorizontalScroll",
20511
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20512
+ }
20513
+ },
20514
+ {
20515
+ "kind": "method",
20516
+ "name": "scrolled",
20517
+ "privacy": "public",
20518
+ "return": {
20519
+ "type": {
20520
+ "text": "void"
20521
+ }
20522
+ },
20523
+ "description": "Monitors scrolled event on the content container",
20524
+ "inheritedFrom": {
20525
+ "name": "HorizontalScroll",
20526
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20527
+ }
19995
20528
  },
19996
20529
  {
19997
20530
  "kind": "field",
@@ -20105,115 +20638,86 @@
20105
20638
  }
20106
20639
  }
20107
20640
  ],
20108
- "attributes": [
20109
- {
20110
- "name": "name",
20111
- "type": {
20112
- "text": "IconName"
20113
- },
20114
- "fieldName": "name"
20115
- },
20641
+ "events": [
20116
20642
  {
20117
- "name": "size",
20118
- "type": {
20119
- "text": "FaSize"
20120
- },
20121
- "default": "'sm'",
20122
- "fieldName": "size"
20643
+ "description": "Fires a custom 'scrollstart' event when scrolling",
20644
+ "name": "scrollstart",
20645
+ "inheritedFrom": {
20646
+ "name": "HorizontalScroll",
20647
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20648
+ }
20123
20649
  },
20124
20650
  {
20125
- "name": "variant",
20126
- "type": {
20127
- "text": "IconStyle"
20128
- },
20129
- "default": "'solid'",
20130
- "fieldName": "variant"
20651
+ "description": "Fires a custom 'scrollend' event when scrolling stops",
20652
+ "name": "scrollend",
20653
+ "inheritedFrom": {
20654
+ "name": "HorizontalScroll",
20655
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20656
+ }
20131
20657
  }
20132
- ],
20133
- "superclass": {
20134
- "name": "FoundationElement",
20135
- "package": "@microsoft/fast-foundation"
20658
+ ]
20659
+ },
20660
+ {
20661
+ "kind": "variable",
20662
+ "name": "foundationHorizontalScrollShadowOptions",
20663
+ "type": {
20664
+ "text": "ShadowRootInit"
20136
20665
  },
20137
- "tagName": "%%prefix%%-icon",
20138
- "customElement": true
20666
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
20139
20667
  },
20140
20668
  {
20141
20669
  "kind": "variable",
20142
- "name": "foundationIcon",
20143
- "description": "The Foundation Icon",
20670
+ "name": "defaultHorizontalScrollConfig",
20671
+ "type": {
20672
+ "text": "object"
20673
+ },
20674
+ "default": "{\n nextFlipper: html`\n <foundation-flipper\n @click=\"${(x) => x.scrollToNext()}\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></foundation-flipper>\n `,\n previousFlipper: html`\n <foundation-flipper\n @click=\"${(x) => x.scrollToPrevious()}\"\n direction=\"previous\"\n aria-hidden=\"${(x) => x.flippersHiddenFromAT}\"\n ></foundation-flipper>\n `,\n}"
20675
+ },
20676
+ {
20677
+ "kind": "variable",
20678
+ "name": "foundationHorizontalScroll",
20679
+ "description": "The Foundation HorizontalScroll",
20144
20680
  "privacy": "public"
20145
20681
  }
20146
20682
  ],
20147
20683
  "exports": [
20148
20684
  {
20149
20685
  "kind": "js",
20150
- "name": "IconName",
20151
- "declaration": {
20152
- "name": "IconName",
20153
- "module": "src/icon/icon.ts"
20154
- }
20155
- },
20156
- {
20157
- "kind": "js",
20158
- "name": "IconStyle",
20159
- "declaration": {
20160
- "name": "IconStyle",
20161
- "module": "src/icon/icon.ts"
20162
- }
20163
- },
20164
- {
20165
- "kind": "js",
20166
- "name": "foundationIconShadowOptions",
20167
- "declaration": {
20168
- "name": "foundationIconShadowOptions",
20169
- "module": "src/icon/icon.ts"
20170
- }
20171
- },
20172
- {
20173
- "kind": "js",
20174
- "name": "defaultIconConfig",
20175
- "declaration": {
20176
- "name": "defaultIconConfig",
20177
- "module": "src/icon/icon.ts"
20178
- }
20179
- },
20180
- {
20181
- "kind": "js",
20182
- "name": "faSizeValueDefault",
20686
+ "name": "HorizontalScroll",
20183
20687
  "declaration": {
20184
- "name": "faSizeValueDefault",
20185
- "module": "src/icon/icon.ts"
20688
+ "name": "HorizontalScroll",
20689
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20186
20690
  }
20187
20691
  },
20188
20692
  {
20189
20693
  "kind": "js",
20190
- "name": "faSizeValues",
20694
+ "name": "foundationHorizontalScrollShadowOptions",
20191
20695
  "declaration": {
20192
- "name": "faSizeValues",
20193
- "module": "src/icon/icon.ts"
20696
+ "name": "foundationHorizontalScrollShadowOptions",
20697
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20194
20698
  }
20195
20699
  },
20196
20700
  {
20197
20701
  "kind": "js",
20198
- "name": "Icon",
20702
+ "name": "defaultHorizontalScrollConfig",
20199
20703
  "declaration": {
20200
- "name": "Icon",
20201
- "module": "src/icon/icon.ts"
20704
+ "name": "defaultHorizontalScrollConfig",
20705
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20202
20706
  }
20203
20707
  },
20204
20708
  {
20205
20709
  "kind": "js",
20206
- "name": "foundationIcon",
20710
+ "name": "foundationHorizontalScroll",
20207
20711
  "declaration": {
20208
- "name": "foundationIcon",
20209
- "module": "src/icon/icon.ts"
20712
+ "name": "foundationHorizontalScroll",
20713
+ "module": "src/horizontal-scroll/horizontal-scroll.ts"
20210
20714
  }
20211
20715
  }
20212
20716
  ]
20213
20717
  },
20214
20718
  {
20215
20719
  "kind": "javascript-module",
20216
- "path": "src/icon/index.ts",
20720
+ "path": "src/horizontal-scroll/index.ts",
20217
20721
  "declarations": [],
20218
20722
  "exports": [
20219
20723
  {
@@ -20221,7 +20725,7 @@
20221
20725
  "name": "*",
20222
20726
  "declaration": {
20223
20727
  "name": "*",
20224
- "package": "./icon.styles"
20728
+ "package": "./horizontal-scroll.template"
20225
20729
  }
20226
20730
  },
20227
20731
  {
@@ -20229,7 +20733,7 @@
20229
20733
  "name": "*",
20230
20734
  "declaration": {
20231
20735
  "name": "*",
20232
- "package": "./icon.template"
20736
+ "package": "./horizontal-scroll.styles"
20233
20737
  }
20234
20738
  },
20235
20739
  {
@@ -20237,209 +20741,34 @@
20237
20741
  "name": "*",
20238
20742
  "declaration": {
20239
20743
  "name": "*",
20240
- "package": "./icon"
20744
+ "package": "./horizontal-scroll"
20241
20745
  }
20242
20746
  }
20243
20747
  ]
20244
20748
  },
20245
20749
  {
20246
20750
  "kind": "javascript-module",
20247
- "path": "src/date-picker/calendar.ts",
20751
+ "path": "src/icon/icon.styles.ts",
20248
20752
  "declarations": [
20249
20753
  {
20250
- "kind": "class",
20251
- "description": "",
20252
- "name": "Calendar",
20253
- "members": [
20254
- {
20255
- "kind": "field",
20256
- "name": "today",
20257
- "type": {
20258
- "text": "any"
20259
- },
20260
- "default": "new Day(null, lang)"
20261
- },
20262
- {
20263
- "kind": "field",
20264
- "name": "year",
20265
- "type": {
20266
- "text": "number"
20267
- }
20268
- },
20269
- {
20270
- "kind": "field",
20271
- "name": "month",
20272
- "type": {
20273
- "text": "any"
20274
- },
20275
- "default": "new Month(new Date(this.year, (monthNumber || this.today.monthNumber) - 1), lang)"
20276
- },
20277
- {
20278
- "kind": "field",
20279
- "name": "lang",
20280
- "type": {
20281
- "text": "string"
20282
- },
20283
- "default": "lang"
20284
- },
20285
- {
20286
- "kind": "field",
20287
- "name": "weekDays"
20288
- },
20289
- {
20290
- "kind": "method",
20291
- "name": "getMonth",
20292
- "parameters": [
20293
- {
20294
- "name": "monthNumber"
20295
- }
20296
- ]
20297
- },
20298
- {
20299
- "kind": "method",
20300
- "name": "getPreviousMonth"
20301
- },
20302
- {
20303
- "kind": "method",
20304
- "name": "getNextMonth"
20305
- },
20306
- {
20307
- "kind": "method",
20308
- "name": "goToDate",
20309
- "parameters": [
20310
- {
20311
- "name": "monthNumber"
20312
- },
20313
- {
20314
- "name": "year"
20315
- }
20316
- ]
20317
- },
20318
- {
20319
- "kind": "method",
20320
- "name": "goToNextYear"
20321
- },
20322
- {
20323
- "kind": "method",
20324
- "name": "goToPreviousYear"
20325
- },
20326
- {
20327
- "kind": "method",
20328
- "name": "goToNextMonth"
20329
- },
20330
- {
20331
- "kind": "method",
20332
- "name": "goToPreviousMonth"
20333
- },
20334
- {
20335
- "kind": "field",
20336
- "name": "_presentation",
20337
- "type": {
20338
- "text": "ComponentPresentation | null | undefined"
20339
- },
20340
- "privacy": "private",
20341
- "default": "void 0",
20342
- "inheritedFrom": {
20343
- "name": "FoundationElement",
20344
- "module": "src/foundation-element/foundation-element.ts"
20345
- }
20346
- },
20347
- {
20348
- "kind": "field",
20349
- "name": "$presentation",
20350
- "type": {
20351
- "text": "ComponentPresentation | null"
20352
- },
20353
- "privacy": "public",
20354
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
20355
- "inheritedFrom": {
20356
- "name": "FoundationElement",
20357
- "module": "src/foundation-element/foundation-element.ts"
20358
- }
20359
- },
20754
+ "kind": "function",
20755
+ "name": "foundationIconStyles",
20756
+ "return": {
20757
+ "type": {
20758
+ "text": "ElementStyles"
20759
+ }
20760
+ },
20761
+ "parameters": [
20360
20762
  {
20361
- "kind": "field",
20362
- "name": "template",
20763
+ "name": "context",
20363
20764
  "type": {
20364
- "text": "ElementViewTemplate | void | null"
20365
- },
20366
- "privacy": "public",
20367
- "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.",
20368
- "inheritedFrom": {
20369
- "name": "FoundationElement",
20370
- "module": "src/foundation-element/foundation-element.ts"
20371
- }
20372
- },
20373
- {
20374
- "kind": "method",
20375
- "name": "templateChanged",
20376
- "privacy": "protected",
20377
- "return": {
20378
- "type": {
20379
- "text": "void"
20380
- }
20381
- },
20382
- "inheritedFrom": {
20383
- "name": "FoundationElement",
20384
- "module": "src/foundation-element/foundation-element.ts"
20765
+ "text": "ElementDefinitionContext"
20385
20766
  }
20386
20767
  },
20387
20768
  {
20388
- "kind": "field",
20389
- "name": "styles",
20769
+ "name": "definition",
20390
20770
  "type": {
20391
- "text": "ElementStyles | void | null"
20392
- },
20393
- "privacy": "public",
20394
- "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.",
20395
- "inheritedFrom": {
20396
- "name": "FoundationElement",
20397
- "module": "src/foundation-element/foundation-element.ts"
20398
- }
20399
- },
20400
- {
20401
- "kind": "method",
20402
- "name": "stylesChanged",
20403
- "privacy": "protected",
20404
- "return": {
20405
- "type": {
20406
- "text": "void"
20407
- }
20408
- },
20409
- "inheritedFrom": {
20410
- "name": "FoundationElement",
20411
- "module": "src/foundation-element/foundation-element.ts"
20412
- }
20413
- },
20414
- {
20415
- "kind": "method",
20416
- "name": "compose",
20417
- "privacy": "public",
20418
- "static": true,
20419
- "return": {
20420
- "type": {
20421
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
20422
- }
20423
- },
20424
- "parameters": [
20425
- {
20426
- "name": "this",
20427
- "type": {
20428
- "text": "K"
20429
- }
20430
- },
20431
- {
20432
- "name": "elementDefinition",
20433
- "type": {
20434
- "text": "T"
20435
- },
20436
- "description": "The definition of the element to create the registry\nfunction for."
20437
- }
20438
- ],
20439
- "description": "Defines an element registry function with a set of element definition defaults.",
20440
- "inheritedFrom": {
20441
- "name": "FoundationElement",
20442
- "module": "src/foundation-element/foundation-element.ts"
20771
+ "text": "FoundationElementDefinition"
20443
20772
  }
20444
20773
  }
20445
20774
  ]
@@ -20448,115 +20777,96 @@
20448
20777
  "exports": [
20449
20778
  {
20450
20779
  "kind": "js",
20451
- "name": "default",
20780
+ "name": "foundationIconStyles",
20452
20781
  "declaration": {
20453
- "name": "Calendar",
20454
- "module": "src/date-picker/calendar.ts"
20782
+ "name": "foundationIconStyles",
20783
+ "module": "src/icon/icon.styles.ts"
20455
20784
  }
20456
20785
  }
20457
20786
  ]
20458
20787
  },
20459
20788
  {
20460
20789
  "kind": "javascript-module",
20461
- "path": "src/date-picker/date-picker.styles.ts",
20790
+ "path": "src/icon/icon.template.ts",
20462
20791
  "declarations": [
20463
20792
  {
20464
20793
  "kind": "variable",
20465
- "name": "foundationDatePickerStyles",
20794
+ "name": "foundationIconTemplate",
20466
20795
  "type": {
20467
- "text": "ElementStyles"
20796
+ "text": "ViewTemplate"
20468
20797
  },
20469
- "default": "css`\n :host {\n position: relative;\n }\n\n .date-toggle::part(control) {\n cursor: pointer;\n }\n\n .date-toggle::part(label) {\n cursor: pointer;\n }\n\n .calendar-dropdown {\n display: none;\n width: 300px;\n z-index: 999;\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translate(-50%, 8px);\n margin: 10px 0 0;\n padding: 20px;\n background: var(--neutral-foreground-rest);\n border-radius: calc(var(--control-corner-radius) * 1px);\n box-shadow: 0 0 8px rgb(0 0 0 / 20%);\n }\n\n .calendar-dropdown.top {\n top: auto;\n bottom: 100%;\n margin: 0 0 5px;\n transform: translate(-50%, -8px);\n }\n\n .calendar-dropdown.left {\n top: 50%;\n left: 0;\n margin: 0 0 0 5px;\n transform: translate(calc(-8px + -100%), -50%);\n }\n\n .calendar-dropdown.right {\n top: 50%;\n left: 100%;\n transform: translate(8px, -50%);\n }\n\n .calendar-dropdown.visible {\n display: block;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 0 0 10px;\n }\n\n .header h3 {\n margin: 0;\n text-transform: capitalize;\n font-weight: bold;\n color: var(--foreground-on-accent-rest);\n }\n\n .header .months-arrows {\n display: flex;\n flex-direction: row;\n }\n\n .header .icon-container {\n display: flex;\n width: 25px;\n height: 25px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n }\n\n .header .icon-container:first-child {\n margin-right: calc(var(--design-unit) * 2px);\n }\n\n .header .prev-month,\n .header .next-month {\n color: var(--foreground-on-accent-rest);\n font-size: 18px;\n }\n\n .week-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n margin-bottom: 10px;\n color: var(--foreground-on-accent-rest);\n }\n\n .week-days span {\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 14px;\n font-weight: bold;\n text-transform: capitalize;\n }\n\n .month-days {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n grid-gap: 5px;\n }\n\n .month-day {\n padding: 8px 5px;\n color: #808080;\n background: none;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: calc(var(--control-corner-radius) * 4px);\n cursor: pointer;\n border: none;\n }\n\n .month-day.current {\n opacity: 100%;\n color: var(--foreground-on-accent-rest);\n }\n\n .month-day.selected {\n background: var(--accent-foreground-rest);\n color: var(--neutral-foreground-rest);\n }\n\n .month-day:hover {\n background: var(--neutral-stroke-hover);\n color: (--neutral-foreground-rest);\n }\n\n .date-toggle[readonly] .label {\n cursor: pointer;\n }\n`"
20470
- }
20471
- ],
20472
- "exports": [
20473
- {
20474
- "kind": "js",
20475
- "name": "foundationDatePickerStyles",
20476
- "declaration": {
20477
- "name": "foundationDatePickerStyles",
20478
- "module": "src/date-picker/date-picker.styles.ts"
20479
- }
20480
- }
20481
- ]
20482
- },
20483
- {
20484
- "kind": "javascript-module",
20485
- "path": "src/date-picker/date-picker.template.ts",
20486
- "declarations": [
20487
- {
20488
- "kind": "function",
20489
- "name": "getPrefixedDatePicker",
20490
- "parameters": [
20491
- {
20492
- "name": "prefix",
20493
- "type": {
20494
- "text": "string"
20495
- }
20496
- }
20497
- ]
20498
- },
20499
- {
20500
- "kind": "variable",
20501
- "name": "foundationDatePickerTemplate",
20502
- "default": "html<DatePicker>`\n ${(x) => getPrefixedDatePicker(getPrefix(x))}\n`"
20798
+ "default": "html<Icon>`\n <template>\n <i\n ${ref('iElement')}\n class=${(x) => `fa-${x.name} fa-${x.size} fa-${x.variant}`}\n part=${(x) => `icon-${x.name}-${x.size}-${x.variant}`}\n >\n <slot></slot>\n </i>\n </template>\n`"
20503
20799
  }
20504
- ],
20505
- "exports": [
20506
- {
20507
- "kind": "js",
20508
- "name": "getPrefixedDatePicker",
20509
- "declaration": {
20510
- "name": "getPrefixedDatePicker",
20511
- "module": "src/date-picker/date-picker.template.ts"
20512
- }
20513
- },
20800
+ ],
20801
+ "exports": [
20514
20802
  {
20515
20803
  "kind": "js",
20516
- "name": "foundationDatePickerTemplate",
20804
+ "name": "foundationIconTemplate",
20517
20805
  "declaration": {
20518
- "name": "foundationDatePickerTemplate",
20519
- "module": "src/date-picker/date-picker.template.ts"
20806
+ "name": "foundationIconTemplate",
20807
+ "module": "src/icon/icon.template.ts"
20520
20808
  }
20521
20809
  }
20522
20810
  ]
20523
20811
  },
20524
20812
  {
20525
20813
  "kind": "javascript-module",
20526
- "path": "src/date-picker/date-picker.ts",
20814
+ "path": "src/icon/icon.ts",
20527
20815
  "declarations": [
20528
20816
  {
20529
20817
  "kind": "variable",
20530
- "name": "foundationDatePickerShadowOptions",
20818
+ "name": "foundationIconShadowOptions",
20531
20819
  "type": {
20532
20820
  "text": "ShadowRootInit"
20533
20821
  },
20534
- "default": "undefined"
20822
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
20535
20823
  },
20536
20824
  {
20537
20825
  "kind": "variable",
20538
- "name": "defaultDatePickerConfig",
20826
+ "name": "defaultIconConfig",
20539
20827
  "type": {
20540
20828
  "text": "object"
20541
20829
  },
20542
20830
  "default": "{}"
20543
20831
  },
20832
+ {
20833
+ "kind": "variable",
20834
+ "name": "faSizeValueDefault",
20835
+ "type": {
20836
+ "text": "'1x'"
20837
+ },
20838
+ "default": "'1x'"
20839
+ },
20840
+ {
20841
+ "kind": "variable",
20842
+ "name": "faSizeValues",
20843
+ "type": {
20844
+ "text": "[\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n faSizeValueDefault,\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n 'stack-1x',\n 'stack-2x',\n]"
20845
+ },
20846
+ "default": "[\n '2xs',\n 'xs',\n 'sm',\n 'lg',\n 'xl',\n '2xl',\n faSizeValueDefault,\n '2x',\n '3x',\n '4x',\n '5x',\n '6x',\n '7x',\n '8x',\n '9x',\n '10x',\n 'stack-1x',\n 'stack-2x',\n]"
20847
+ },
20544
20848
  {
20545
20849
  "kind": "class",
20546
20850
  "description": "",
20547
- "name": "DatePicker",
20851
+ "name": "Icon",
20548
20852
  "members": [
20549
20853
  {
20550
20854
  "kind": "field",
20551
- "name": "format",
20855
+ "name": "iElement",
20552
20856
  "type": {
20553
- "text": "string"
20554
- },
20555
- "default": "'MM-DD-YYYY'"
20857
+ "text": "HTMLElement"
20858
+ }
20859
+ },
20860
+ {
20861
+ "kind": "field",
20862
+ "name": "name",
20863
+ "type": {
20864
+ "text": "IconName"
20865
+ }
20556
20866
  },
20557
20867
  {
20558
20868
  "kind": "method",
20559
- "name": "formatChanged",
20869
+ "name": "nameChanged",
20560
20870
  "parameters": [
20561
20871
  {
20562
20872
  "name": "oldValue",
@@ -20574,45 +20884,15 @@
20574
20884
  },
20575
20885
  {
20576
20886
  "kind": "field",
20577
- "name": "lang",
20578
- "type": {
20579
- "text": "string"
20580
- },
20581
- "default": "'en-US'"
20582
- },
20583
- {
20584
- "kind": "field",
20585
- "name": "visible",
20586
- "type": {
20587
- "text": "boolean"
20588
- },
20589
- "default": "false"
20590
- },
20591
- {
20592
- "kind": "field",
20593
- "name": "position",
20887
+ "name": "size",
20594
20888
  "type": {
20595
- "text": "string"
20889
+ "text": "FaSize"
20596
20890
  },
20597
- "default": "'bottom'"
20598
- },
20599
- {
20600
- "kind": "field",
20601
- "name": "label",
20602
- "type": {
20603
- "text": "string"
20604
- }
20605
- },
20606
- {
20607
- "kind": "field",
20608
- "name": "value",
20609
- "type": {
20610
- "text": "string"
20611
- }
20891
+ "default": "'sm'"
20612
20892
  },
20613
20893
  {
20614
20894
  "kind": "method",
20615
- "name": "valueChanged",
20895
+ "name": "sizeChanged",
20616
20896
  "parameters": [
20617
20897
  {
20618
20898
  "name": "oldValue",
@@ -20630,143 +20910,34 @@
20630
20910
  },
20631
20911
  {
20632
20912
  "kind": "field",
20633
- "name": "currentDate",
20634
- "type": {
20635
- "text": "any"
20636
- },
20637
- "default": "new Day(dayjsDate.toDate(), this.lang)"
20638
- },
20639
- {
20640
- "kind": "field",
20641
- "name": "currentMonth",
20642
- "type": {
20643
- "text": "Calendar"
20644
- }
20645
- },
20646
- {
20647
- "kind": "field",
20648
- "name": "currentYear",
20649
- "type": {
20650
- "text": "number"
20651
- }
20652
- },
20653
- {
20654
- "kind": "field",
20655
- "name": "calendarDropdownClasses",
20656
- "type": {
20657
- "text": "String"
20658
- }
20659
- },
20660
- {
20661
- "kind": "field",
20662
- "name": "formatDate",
20663
- "type": {
20664
- "text": "string"
20665
- }
20666
- },
20667
- {
20668
- "kind": "field",
20669
- "name": "monthList",
20670
- "type": {
20671
- "text": "any"
20672
- }
20673
- },
20674
- {
20675
- "kind": "field",
20676
- "name": "calendar",
20677
- "type": {
20678
- "text": "Calendar"
20679
- },
20680
- "default": "new Calendar(this.currentDate.year, this.currentDate.monthNumber, this.lang)"
20681
- },
20682
- {
20683
- "kind": "field",
20684
- "name": "toggleButton",
20685
- "type": {
20686
- "text": "HTMLElement"
20687
- }
20688
- },
20689
- {
20690
- "kind": "field",
20691
- "name": "calendarDaysContainer",
20692
- "type": {
20693
- "text": "HTMLElement"
20694
- }
20695
- },
20696
- {
20697
- "kind": "field",
20698
- "name": "selectedDayElement",
20699
- "type": {
20700
- "text": "HTMLElement"
20701
- }
20702
- },
20703
- {
20704
- "kind": "field",
20705
- "name": "prevBtn",
20706
- "type": {
20707
- "text": "HTMLElement"
20708
- }
20709
- },
20710
- {
20711
- "kind": "field",
20712
- "name": "nextBtn",
20713
- "type": {
20714
- "text": "HTMLElement"
20715
- }
20716
- },
20717
- {
20718
- "kind": "field",
20719
- "name": "substringNumber",
20913
+ "name": "variant",
20720
20914
  "type": {
20721
- "text": "number"
20915
+ "text": "IconStyle"
20722
20916
  },
20723
- "default": "3"
20724
- },
20725
- {
20726
- "kind": "method",
20727
- "name": "updateHeaderText"
20728
- },
20729
- {
20730
- "kind": "method",
20731
- "name": "toggleCalendar"
20732
- },
20733
- {
20734
- "kind": "method",
20735
- "name": "toggleVisibility"
20917
+ "default": "'solid'"
20736
20918
  },
20737
20919
  {
20738
20920
  "kind": "method",
20739
- "name": "isSelectedDate",
20921
+ "name": "variantChanged",
20740
20922
  "parameters": [
20741
20923
  {
20742
- "name": "date"
20743
- }
20744
- ]
20745
- },
20746
- {
20747
- "kind": "method",
20748
- "name": "isCurrentCalendarMonth"
20749
- },
20750
- {
20751
- "kind": "method",
20752
- "name": "prevMonth"
20753
- },
20754
- {
20755
- "kind": "method",
20756
- "name": "nextMonth"
20757
- },
20758
- {
20759
- "kind": "method",
20760
- "name": "selectDay",
20761
- "parameters": [
20924
+ "name": "oldValue",
20925
+ "type": {
20926
+ "text": "string"
20927
+ }
20928
+ },
20762
20929
  {
20763
- "name": "day"
20930
+ "name": "newValue",
20931
+ "type": {
20932
+ "text": "string"
20933
+ }
20764
20934
  }
20765
20935
  ]
20766
20936
  },
20767
20937
  {
20768
20938
  "kind": "method",
20769
- "name": "getMonthDaysGrid"
20939
+ "name": "loadIcon",
20940
+ "privacy": "public"
20770
20941
  },
20771
20942
  {
20772
20943
  "kind": "field",
@@ -20882,215 +21053,113 @@
20882
21053
  ],
20883
21054
  "attributes": [
20884
21055
  {
20885
- "name": "format",
20886
- "type": {
20887
- "text": "string"
20888
- },
20889
- "default": "'MM-DD-YYYY'",
20890
- "fieldName": "format"
20891
- },
20892
- {
20893
- "name": "lang",
20894
- "type": {
20895
- "text": "string"
20896
- },
20897
- "default": "'en-US'",
20898
- "fieldName": "lang"
20899
- },
20900
- {
20901
- "name": "visible",
20902
- "type": {
20903
- "text": "boolean"
20904
- },
20905
- "default": "false",
20906
- "fieldName": "visible"
20907
- },
20908
- {
20909
- "name": "position",
21056
+ "name": "name",
20910
21057
  "type": {
20911
- "text": "string"
21058
+ "text": "IconName"
20912
21059
  },
20913
- "default": "'bottom'",
20914
- "fieldName": "position"
21060
+ "fieldName": "name"
20915
21061
  },
20916
21062
  {
20917
- "name": "label",
21063
+ "name": "size",
20918
21064
  "type": {
20919
- "text": "string"
21065
+ "text": "FaSize"
20920
21066
  },
20921
- "fieldName": "label"
21067
+ "default": "'sm'",
21068
+ "fieldName": "size"
20922
21069
  },
20923
21070
  {
20924
- "name": "value",
21071
+ "name": "variant",
20925
21072
  "type": {
20926
- "text": "string"
21073
+ "text": "IconStyle"
20927
21074
  },
20928
- "fieldName": "value"
21075
+ "default": "'solid'",
21076
+ "fieldName": "variant"
20929
21077
  }
20930
21078
  ],
20931
21079
  "superclass": {
20932
21080
  "name": "FoundationElement",
20933
21081
  "package": "@microsoft/fast-foundation"
20934
21082
  },
20935
- "tagName": "%%prefix%%-date-picker",
21083
+ "tagName": "%%prefix%%-icon",
20936
21084
  "customElement": true
20937
21085
  },
20938
21086
  {
20939
21087
  "kind": "variable",
20940
- "name": "foundationDatePicker",
20941
- "description": "The Foundation DatePicker",
21088
+ "name": "foundationIcon",
21089
+ "description": "The Foundation Icon",
20942
21090
  "privacy": "public"
20943
21091
  }
20944
21092
  ],
20945
21093
  "exports": [
20946
21094
  {
20947
21095
  "kind": "js",
20948
- "name": "foundationDatePickerShadowOptions",
21096
+ "name": "IconName",
20949
21097
  "declaration": {
20950
- "name": "foundationDatePickerShadowOptions",
20951
- "module": "src/date-picker/date-picker.ts"
21098
+ "name": "IconName",
21099
+ "module": "src/icon/icon.ts"
20952
21100
  }
20953
21101
  },
20954
21102
  {
20955
21103
  "kind": "js",
20956
- "name": "defaultDatePickerConfig",
21104
+ "name": "IconStyle",
20957
21105
  "declaration": {
20958
- "name": "defaultDatePickerConfig",
20959
- "module": "src/date-picker/date-picker.ts"
21106
+ "name": "IconStyle",
21107
+ "module": "src/icon/icon.ts"
20960
21108
  }
20961
21109
  },
20962
21110
  {
20963
21111
  "kind": "js",
20964
- "name": "DatePicker",
21112
+ "name": "foundationIconShadowOptions",
20965
21113
  "declaration": {
20966
- "name": "DatePicker",
20967
- "module": "src/date-picker/date-picker.ts"
21114
+ "name": "foundationIconShadowOptions",
21115
+ "module": "src/icon/icon.ts"
20968
21116
  }
20969
21117
  },
20970
21118
  {
20971
21119
  "kind": "js",
20972
- "name": "foundationDatePicker",
21120
+ "name": "defaultIconConfig",
20973
21121
  "declaration": {
20974
- "name": "foundationDatePicker",
20975
- "module": "src/date-picker/date-picker.ts"
21122
+ "name": "defaultIconConfig",
21123
+ "module": "src/icon/icon.ts"
20976
21124
  }
20977
- }
20978
- ]
20979
- },
20980
- {
20981
- "kind": "javascript-module",
20982
- "path": "src/date-picker/day.ts",
20983
- "declarations": [
21125
+ },
20984
21126
  {
20985
- "kind": "class",
20986
- "description": "",
20987
- "name": "Day",
20988
- "members": [
20989
- {
20990
- "kind": "field",
20991
- "name": "Date",
20992
- "type": {
20993
- "text": "Object"
20994
- },
20995
- "default": "date"
20996
- },
20997
- {
20998
- "kind": "field",
20999
- "name": "date",
21000
- "type": {
21001
- "text": "Date"
21002
- }
21003
- },
21004
- {
21005
- "kind": "field",
21006
- "name": "day",
21007
- "type": {
21008
- "text": "string"
21009
- }
21010
- },
21011
- {
21012
- "kind": "field",
21013
- "name": "dayNumber",
21014
- "type": {
21015
- "text": "number"
21016
- }
21017
- },
21018
- {
21019
- "kind": "field",
21020
- "name": "dayShort",
21021
- "type": {
21022
- "text": "string"
21023
- }
21024
- },
21025
- {
21026
- "kind": "field",
21027
- "name": "year",
21028
- "type": {
21029
- "text": "number"
21030
- }
21031
- },
21032
- {
21033
- "kind": "field",
21034
- "name": "yearShort",
21035
- "type": {
21036
- "text": "number"
21037
- }
21038
- },
21039
- {
21040
- "kind": "field",
21041
- "name": "month",
21042
- "type": {
21043
- "text": "string"
21044
- }
21045
- },
21046
- {
21047
- "kind": "field",
21048
- "name": "monthShort",
21049
- "type": {
21050
- "text": "string"
21051
- }
21052
- },
21053
- {
21054
- "kind": "field",
21055
- "name": "monthNumber",
21056
- "type": {
21057
- "text": "number"
21058
- }
21059
- },
21060
- {
21061
- "kind": "field",
21062
- "name": "timestamp",
21063
- "type": {
21064
- "text": "number"
21065
- }
21066
- },
21067
- {
21068
- "kind": "field",
21069
- "name": "week",
21070
- "type": {
21071
- "text": "number"
21072
- }
21073
- },
21074
- {
21075
- "kind": "field"
21076
- }
21077
- ]
21078
- }
21079
- ],
21080
- "exports": [
21127
+ "kind": "js",
21128
+ "name": "faSizeValueDefault",
21129
+ "declaration": {
21130
+ "name": "faSizeValueDefault",
21131
+ "module": "src/icon/icon.ts"
21132
+ }
21133
+ },
21081
21134
  {
21082
21135
  "kind": "js",
21083
- "name": "default",
21136
+ "name": "faSizeValues",
21084
21137
  "declaration": {
21085
- "name": "Day",
21086
- "module": "src/date-picker/day.ts"
21138
+ "name": "faSizeValues",
21139
+ "module": "src/icon/icon.ts"
21140
+ }
21141
+ },
21142
+ {
21143
+ "kind": "js",
21144
+ "name": "Icon",
21145
+ "declaration": {
21146
+ "name": "Icon",
21147
+ "module": "src/icon/icon.ts"
21148
+ }
21149
+ },
21150
+ {
21151
+ "kind": "js",
21152
+ "name": "foundationIcon",
21153
+ "declaration": {
21154
+ "name": "foundationIcon",
21155
+ "module": "src/icon/icon.ts"
21087
21156
  }
21088
21157
  }
21089
21158
  ]
21090
21159
  },
21091
21160
  {
21092
21161
  "kind": "javascript-module",
21093
- "path": "src/date-picker/index.ts",
21162
+ "path": "src/icon/index.ts",
21094
21163
  "declarations": [],
21095
21164
  "exports": [
21096
21165
  {
@@ -21098,7 +21167,7 @@
21098
21167
  "name": "*",
21099
21168
  "declaration": {
21100
21169
  "name": "*",
21101
- "package": "./date-picker.styles"
21170
+ "package": "./icon.styles"
21102
21171
  }
21103
21172
  },
21104
21173
  {
@@ -21106,7 +21175,7 @@
21106
21175
  "name": "*",
21107
21176
  "declaration": {
21108
21177
  "name": "*",
21109
- "package": "./date-picker.template"
21178
+ "package": "./icon.template"
21110
21179
  }
21111
21180
  },
21112
21181
  {
@@ -21114,76 +21183,7 @@
21114
21183
  "name": "*",
21115
21184
  "declaration": {
21116
21185
  "name": "*",
21117
- "package": "./date-picker"
21118
- }
21119
- }
21120
- ]
21121
- },
21122
- {
21123
- "kind": "javascript-module",
21124
- "path": "src/date-picker/month.ts",
21125
- "declarations": [
21126
- {
21127
- "kind": "class",
21128
- "description": "",
21129
- "name": "Month",
21130
- "members": [
21131
- {
21132
- "kind": "field",
21133
- "name": "lang",
21134
- "type": {
21135
- "text": "string"
21136
- },
21137
- "default": "lang"
21138
- },
21139
- {
21140
- "kind": "field",
21141
- "name": "name",
21142
- "type": {
21143
- "text": "string"
21144
- }
21145
- },
21146
- {
21147
- "kind": "field",
21148
- "name": "number",
21149
- "type": {
21150
- "text": "number"
21151
- }
21152
- },
21153
- {
21154
- "kind": "field",
21155
- "name": "year",
21156
- "type": {
21157
- "text": "number"
21158
- }
21159
- },
21160
- {
21161
- "kind": "field",
21162
- "name": "numberOfDays",
21163
- "type": {
21164
- "text": "number"
21165
- },
21166
- "default": "monthSize[this.number - 1]"
21167
- },
21168
- {
21169
- "kind": "method",
21170
- "name": "getDay",
21171
- "parameters": [
21172
- {
21173
- "name": "date"
21174
- }
21175
- ]
21176
- }
21177
- ]
21178
- }
21179
- ],
21180
- "exports": [
21181
- {
21182
- "kind": "js",
21183
- "name": "default",
21184
- "declaration": {
21185
- "name": "Month",
21186
- "module": "src/date-picker/month.ts"
21186
+ "package": "./icon"
21187
21187
  }
21188
21188
  }
21189
21189
  ]
@@ -33454,163 +33454,453 @@
33454
33454
  },
33455
33455
  {
33456
33456
  "kind": "javascript-module",
33457
- "path": "src/slider-label/slider-label.ts",
33457
+ "path": "src/slider-label/slider-label.ts",
33458
+ "declarations": [
33459
+ {
33460
+ "kind": "class",
33461
+ "description": "",
33462
+ "name": "SliderLabel",
33463
+ "superclass": {
33464
+ "name": "FASTSliderLabel",
33465
+ "package": "@microsoft/fast-components"
33466
+ },
33467
+ "tagName": "%%prefix%%-slider-label",
33468
+ "customElement": true,
33469
+ "attributes": [
33470
+ {
33471
+ "name": "position",
33472
+ "type": {
33473
+ "text": "string"
33474
+ },
33475
+ "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
33476
+ "fieldName": "position",
33477
+ "inheritedFrom": {
33478
+ "name": "SliderLabel",
33479
+ "module": "src/slider-label/slider-label.ts"
33480
+ }
33481
+ },
33482
+ {
33483
+ "name": "hide-mark",
33484
+ "type": {
33485
+ "text": "boolean"
33486
+ },
33487
+ "default": "false",
33488
+ "description": "Hides the tick mark.",
33489
+ "fieldName": "hideMark",
33490
+ "inheritedFrom": {
33491
+ "name": "SliderLabel",
33492
+ "module": "src/slider-label/slider-label.ts"
33493
+ }
33494
+ },
33495
+ {
33496
+ "name": "disabled",
33497
+ "type": {
33498
+ "text": "boolean"
33499
+ },
33500
+ "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
33501
+ "fieldName": "disabled",
33502
+ "inheritedFrom": {
33503
+ "name": "SliderLabel",
33504
+ "module": "src/slider-label/slider-label.ts"
33505
+ }
33506
+ }
33507
+ ],
33508
+ "members": [
33509
+ {
33510
+ "kind": "field",
33511
+ "name": "position",
33512
+ "type": {
33513
+ "text": "string"
33514
+ },
33515
+ "privacy": "public",
33516
+ "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
33517
+ "inheritedFrom": {
33518
+ "name": "SliderLabel",
33519
+ "module": "src/slider-label/slider-label.ts"
33520
+ }
33521
+ },
33522
+ {
33523
+ "kind": "method",
33524
+ "name": "positionChanged",
33525
+ "privacy": "private",
33526
+ "return": {
33527
+ "type": {
33528
+ "text": "void"
33529
+ }
33530
+ },
33531
+ "inheritedFrom": {
33532
+ "name": "SliderLabel",
33533
+ "module": "src/slider-label/slider-label.ts"
33534
+ }
33535
+ },
33536
+ {
33537
+ "kind": "field",
33538
+ "name": "hideMark",
33539
+ "type": {
33540
+ "text": "boolean"
33541
+ },
33542
+ "privacy": "public",
33543
+ "default": "false",
33544
+ "description": "Hides the tick mark.",
33545
+ "inheritedFrom": {
33546
+ "name": "SliderLabel",
33547
+ "module": "src/slider-label/slider-label.ts"
33548
+ }
33549
+ },
33550
+ {
33551
+ "kind": "field",
33552
+ "name": "disabled",
33553
+ "type": {
33554
+ "text": "boolean"
33555
+ },
33556
+ "privacy": "public",
33557
+ "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
33558
+ "inheritedFrom": {
33559
+ "name": "SliderLabel",
33560
+ "module": "src/slider-label/slider-label.ts"
33561
+ }
33562
+ },
33563
+ {
33564
+ "kind": "field",
33565
+ "name": "notifier",
33566
+ "type": {
33567
+ "text": "Notifier"
33568
+ },
33569
+ "privacy": "private",
33570
+ "inheritedFrom": {
33571
+ "name": "SliderLabel",
33572
+ "module": "src/slider-label/slider-label.ts"
33573
+ }
33574
+ },
33575
+ {
33576
+ "kind": "method",
33577
+ "name": "isSliderConfig",
33578
+ "privacy": "private",
33579
+ "return": {
33580
+ "type": {
33581
+ "text": "node is SliderConfiguration"
33582
+ }
33583
+ },
33584
+ "parameters": [
33585
+ {
33586
+ "name": "node",
33587
+ "type": {
33588
+ "text": "any"
33589
+ }
33590
+ }
33591
+ ],
33592
+ "inheritedFrom": {
33593
+ "name": "SliderLabel",
33594
+ "module": "src/slider-label/slider-label.ts"
33595
+ }
33596
+ },
33597
+ {
33598
+ "kind": "field",
33599
+ "name": "getSliderConfiguration",
33600
+ "privacy": "private",
33601
+ "inheritedFrom": {
33602
+ "name": "SliderLabel",
33603
+ "module": "src/slider-label/slider-label.ts"
33604
+ }
33605
+ },
33606
+ {
33607
+ "kind": "field",
33608
+ "name": "positionAsStyle",
33609
+ "privacy": "private",
33610
+ "inheritedFrom": {
33611
+ "name": "SliderLabel",
33612
+ "module": "src/slider-label/slider-label.ts"
33613
+ }
33614
+ },
33615
+ {
33616
+ "kind": "field",
33617
+ "name": "_presentation",
33618
+ "type": {
33619
+ "text": "ComponentPresentation | null | undefined"
33620
+ },
33621
+ "privacy": "private",
33622
+ "default": "void 0",
33623
+ "inheritedFrom": {
33624
+ "name": "FoundationElement",
33625
+ "module": "src/foundation-element/foundation-element.ts"
33626
+ }
33627
+ },
33628
+ {
33629
+ "kind": "field",
33630
+ "name": "$presentation",
33631
+ "type": {
33632
+ "text": "ComponentPresentation | null"
33633
+ },
33634
+ "privacy": "public",
33635
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
33636
+ "inheritedFrom": {
33637
+ "name": "FoundationElement",
33638
+ "module": "src/foundation-element/foundation-element.ts"
33639
+ }
33640
+ },
33641
+ {
33642
+ "kind": "field",
33643
+ "name": "template",
33644
+ "type": {
33645
+ "text": "ElementViewTemplate | void | null"
33646
+ },
33647
+ "privacy": "public",
33648
+ "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.",
33649
+ "inheritedFrom": {
33650
+ "name": "FoundationElement",
33651
+ "module": "src/foundation-element/foundation-element.ts"
33652
+ }
33653
+ },
33654
+ {
33655
+ "kind": "method",
33656
+ "name": "templateChanged",
33657
+ "privacy": "protected",
33658
+ "return": {
33659
+ "type": {
33660
+ "text": "void"
33661
+ }
33662
+ },
33663
+ "inheritedFrom": {
33664
+ "name": "FoundationElement",
33665
+ "module": "src/foundation-element/foundation-element.ts"
33666
+ }
33667
+ },
33668
+ {
33669
+ "kind": "field",
33670
+ "name": "styles",
33671
+ "type": {
33672
+ "text": "ElementStyles | void | null"
33673
+ },
33674
+ "privacy": "public",
33675
+ "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.",
33676
+ "inheritedFrom": {
33677
+ "name": "FoundationElement",
33678
+ "module": "src/foundation-element/foundation-element.ts"
33679
+ }
33680
+ },
33681
+ {
33682
+ "kind": "method",
33683
+ "name": "stylesChanged",
33684
+ "privacy": "protected",
33685
+ "return": {
33686
+ "type": {
33687
+ "text": "void"
33688
+ }
33689
+ },
33690
+ "inheritedFrom": {
33691
+ "name": "FoundationElement",
33692
+ "module": "src/foundation-element/foundation-element.ts"
33693
+ }
33694
+ },
33695
+ {
33696
+ "kind": "method",
33697
+ "name": "compose",
33698
+ "privacy": "public",
33699
+ "static": true,
33700
+ "return": {
33701
+ "type": {
33702
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
33703
+ }
33704
+ },
33705
+ "parameters": [
33706
+ {
33707
+ "name": "this",
33708
+ "type": {
33709
+ "text": "K"
33710
+ }
33711
+ },
33712
+ {
33713
+ "name": "elementDefinition",
33714
+ "type": {
33715
+ "text": "T"
33716
+ },
33717
+ "description": "The definition of the element to create the registry\nfunction for."
33718
+ }
33719
+ ],
33720
+ "description": "Defines an element registry function with a set of element definition defaults.",
33721
+ "inheritedFrom": {
33722
+ "name": "FoundationElement",
33723
+ "module": "src/foundation-element/foundation-element.ts"
33724
+ }
33725
+ }
33726
+ ]
33727
+ },
33728
+ {
33729
+ "kind": "variable",
33730
+ "name": "foundationSliderLabelShadowOptions",
33731
+ "type": {
33732
+ "text": "ShadowRootInit"
33733
+ },
33734
+ "default": "undefined"
33735
+ },
33736
+ {
33737
+ "kind": "variable",
33738
+ "name": "defaultSliderLabelConfig",
33739
+ "type": {
33740
+ "text": "object"
33741
+ },
33742
+ "default": "{}"
33743
+ },
33744
+ {
33745
+ "kind": "variable",
33746
+ "name": "foundationSliderLabel",
33747
+ "description": "The Foundation Slider Label",
33748
+ "privacy": "public"
33749
+ }
33750
+ ],
33751
+ "exports": [
33752
+ {
33753
+ "kind": "js",
33754
+ "name": "SliderLabel",
33755
+ "declaration": {
33756
+ "name": "SliderLabel",
33757
+ "module": "src/slider-label/slider-label.ts"
33758
+ }
33759
+ },
33760
+ {
33761
+ "kind": "js",
33762
+ "name": "foundationSliderLabelShadowOptions",
33763
+ "declaration": {
33764
+ "name": "foundationSliderLabelShadowOptions",
33765
+ "module": "src/slider-label/slider-label.ts"
33766
+ }
33767
+ },
33768
+ {
33769
+ "kind": "js",
33770
+ "name": "defaultSliderLabelConfig",
33771
+ "declaration": {
33772
+ "name": "defaultSliderLabelConfig",
33773
+ "module": "src/slider-label/slider-label.ts"
33774
+ }
33775
+ },
33776
+ {
33777
+ "kind": "js",
33778
+ "name": "foundationSliderLabel",
33779
+ "declaration": {
33780
+ "name": "foundationSliderLabel",
33781
+ "module": "src/slider-label/slider-label.ts"
33782
+ }
33783
+ }
33784
+ ]
33785
+ },
33786
+ {
33787
+ "kind": "javascript-module",
33788
+ "path": "src/stacking-icons/index.ts",
33789
+ "declarations": [],
33790
+ "exports": [
33791
+ {
33792
+ "kind": "js",
33793
+ "name": "*",
33794
+ "declaration": {
33795
+ "name": "*",
33796
+ "package": "./stacking-icons.styles"
33797
+ }
33798
+ },
33799
+ {
33800
+ "kind": "js",
33801
+ "name": "*",
33802
+ "declaration": {
33803
+ "name": "*",
33804
+ "package": "./stacking-icons.template"
33805
+ }
33806
+ },
33807
+ {
33808
+ "kind": "js",
33809
+ "name": "*",
33810
+ "declaration": {
33811
+ "name": "*",
33812
+ "package": "./stacking-icons"
33813
+ }
33814
+ }
33815
+ ]
33816
+ },
33817
+ {
33818
+ "kind": "javascript-module",
33819
+ "path": "src/stacking-icons/stacking-icons.styles.ts",
33820
+ "declarations": [
33821
+ {
33822
+ "kind": "function",
33823
+ "name": "foundationStackingIconsStyles",
33824
+ "return": {
33825
+ "type": {
33826
+ "text": "ElementStyles"
33827
+ }
33828
+ },
33829
+ "parameters": [
33830
+ {
33831
+ "name": "context",
33832
+ "type": {
33833
+ "text": "ElementDefinitionContext"
33834
+ }
33835
+ },
33836
+ {
33837
+ "name": "definition",
33838
+ "type": {
33839
+ "text": "FoundationElementDefinition"
33840
+ }
33841
+ }
33842
+ ]
33843
+ }
33844
+ ],
33845
+ "exports": [
33846
+ {
33847
+ "kind": "js",
33848
+ "name": "foundationStackingIconsStyles",
33849
+ "declaration": {
33850
+ "name": "foundationStackingIconsStyles",
33851
+ "module": "src/stacking-icons/stacking-icons.styles.ts"
33852
+ }
33853
+ }
33854
+ ]
33855
+ },
33856
+ {
33857
+ "kind": "javascript-module",
33858
+ "path": "src/stacking-icons/stacking-icons.template.ts",
33859
+ "declarations": [
33860
+ {
33861
+ "kind": "variable",
33862
+ "name": "foundationStackingIconsTemplate",
33863
+ "type": {
33864
+ "text": "ViewTemplate"
33865
+ },
33866
+ "default": "html<StackingIcons>`\n <span\n class=${(x) => `fa-stack fa-${x.size}`}\n style=${(x) => `vertical-align: ${x['vertical-align']};`}\n >\n <slot></slot>\n </span>\n`"
33867
+ }
33868
+ ],
33869
+ "exports": [
33870
+ {
33871
+ "kind": "js",
33872
+ "name": "foundationStackingIconsTemplate",
33873
+ "declaration": {
33874
+ "name": "foundationStackingIconsTemplate",
33875
+ "module": "src/stacking-icons/stacking-icons.template.ts"
33876
+ }
33877
+ }
33878
+ ]
33879
+ },
33880
+ {
33881
+ "kind": "javascript-module",
33882
+ "path": "src/stacking-icons/stacking-icons.ts",
33458
33883
  "declarations": [
33459
33884
  {
33460
33885
  "kind": "class",
33461
33886
  "description": "",
33462
- "name": "SliderLabel",
33463
- "superclass": {
33464
- "name": "FASTSliderLabel",
33465
- "package": "@microsoft/fast-components"
33466
- },
33467
- "tagName": "%%prefix%%-slider-label",
33468
- "customElement": true,
33469
- "attributes": [
33470
- {
33471
- "name": "position",
33472
- "type": {
33473
- "text": "string"
33474
- },
33475
- "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
33476
- "fieldName": "position",
33477
- "inheritedFrom": {
33478
- "name": "SliderLabel",
33479
- "module": "src/slider-label/slider-label.ts"
33480
- }
33481
- },
33482
- {
33483
- "name": "hide-mark",
33484
- "type": {
33485
- "text": "boolean"
33486
- },
33487
- "default": "false",
33488
- "description": "Hides the tick mark.",
33489
- "fieldName": "hideMark",
33490
- "inheritedFrom": {
33491
- "name": "SliderLabel",
33492
- "module": "src/slider-label/slider-label.ts"
33493
- }
33494
- },
33495
- {
33496
- "name": "disabled",
33497
- "type": {
33498
- "text": "boolean"
33499
- },
33500
- "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
33501
- "fieldName": "disabled",
33502
- "inheritedFrom": {
33503
- "name": "SliderLabel",
33504
- "module": "src/slider-label/slider-label.ts"
33505
- }
33506
- }
33507
- ],
33887
+ "name": "StackingIcons",
33508
33888
  "members": [
33509
33889
  {
33510
33890
  "kind": "field",
33511
- "name": "position",
33512
- "type": {
33513
- "text": "string"
33514
- },
33515
- "privacy": "public",
33516
- "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
33517
- "inheritedFrom": {
33518
- "name": "SliderLabel",
33519
- "module": "src/slider-label/slider-label.ts"
33520
- }
33521
- },
33522
- {
33523
- "kind": "method",
33524
- "name": "positionChanged",
33525
- "privacy": "private",
33526
- "return": {
33527
- "type": {
33528
- "text": "void"
33529
- }
33530
- },
33531
- "inheritedFrom": {
33532
- "name": "SliderLabel",
33533
- "module": "src/slider-label/slider-label.ts"
33534
- }
33535
- },
33536
- {
33537
- "kind": "field",
33538
- "name": "hideMark",
33539
- "type": {
33540
- "text": "boolean"
33541
- },
33542
- "privacy": "public",
33543
- "default": "false",
33544
- "description": "Hides the tick mark.",
33545
- "inheritedFrom": {
33546
- "name": "SliderLabel",
33547
- "module": "src/slider-label/slider-label.ts"
33548
- }
33549
- },
33550
- {
33551
- "kind": "field",
33552
- "name": "disabled",
33891
+ "name": "size",
33553
33892
  "type": {
33554
- "text": "boolean"
33893
+ "text": "StackingIconsSize"
33555
33894
  },
33556
- "privacy": "public",
33557
- "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
33558
- "inheritedFrom": {
33559
- "name": "SliderLabel",
33560
- "module": "src/slider-label/slider-label.ts"
33561
- }
33895
+ "default": "faSizeValueDefault"
33562
33896
  },
33563
33897
  {
33564
33898
  "kind": "field",
33565
- "name": "notifier",
33899
+ "name": "['vertical-align']",
33566
33900
  "type": {
33567
- "text": "Notifier"
33568
- },
33569
- "privacy": "private",
33570
- "inheritedFrom": {
33571
- "name": "SliderLabel",
33572
- "module": "src/slider-label/slider-label.ts"
33573
- }
33574
- },
33575
- {
33576
- "kind": "method",
33577
- "name": "isSliderConfig",
33578
- "privacy": "private",
33579
- "return": {
33580
- "type": {
33581
- "text": "node is SliderConfiguration"
33582
- }
33901
+ "text": "VerticalAlign"
33583
33902
  },
33584
- "parameters": [
33585
- {
33586
- "name": "node",
33587
- "type": {
33588
- "text": "any"
33589
- }
33590
- }
33591
- ],
33592
- "inheritedFrom": {
33593
- "name": "SliderLabel",
33594
- "module": "src/slider-label/slider-label.ts"
33595
- }
33596
- },
33597
- {
33598
- "kind": "field",
33599
- "name": "getSliderConfiguration",
33600
- "privacy": "private",
33601
- "inheritedFrom": {
33602
- "name": "SliderLabel",
33603
- "module": "src/slider-label/slider-label.ts"
33604
- }
33605
- },
33606
- {
33607
- "kind": "field",
33608
- "name": "positionAsStyle",
33609
- "privacy": "private",
33610
- "inheritedFrom": {
33611
- "name": "SliderLabel",
33612
- "module": "src/slider-label/slider-label.ts"
33613
- }
33903
+ "default": "'baseline'"
33614
33904
  },
33615
33905
  {
33616
33906
  "kind": "field",
@@ -33723,62 +34013,57 @@
33723
34013
  "module": "src/foundation-element/foundation-element.ts"
33724
34014
  }
33725
34015
  }
33726
- ]
33727
- },
33728
- {
33729
- "kind": "variable",
33730
- "name": "foundationSliderLabelShadowOptions",
33731
- "type": {
33732
- "text": "ShadowRootInit"
33733
- },
33734
- "default": "undefined"
33735
- },
33736
- {
33737
- "kind": "variable",
33738
- "name": "defaultSliderLabelConfig",
33739
- "type": {
33740
- "text": "object"
34016
+ ],
34017
+ "attributes": [
34018
+ {
34019
+ "name": "size",
34020
+ "type": {
34021
+ "text": "StackingIconsSize"
34022
+ },
34023
+ "default": "faSizeValueDefault",
34024
+ "resolveInitializer": {
34025
+ "module": "/src/icon"
34026
+ },
34027
+ "fieldName": "size"
34028
+ },
34029
+ {
34030
+ "name": "['vertical-align']",
34031
+ "type": {
34032
+ "text": "VerticalAlign"
34033
+ },
34034
+ "default": "'baseline'",
34035
+ "fieldName": "['vertical-align']"
34036
+ }
34037
+ ],
34038
+ "superclass": {
34039
+ "name": "FoundationElement",
34040
+ "package": "@microsoft/fast-foundation"
33741
34041
  },
33742
- "default": "{}"
34042
+ "tagName": "%%prefix%%-stacking-icons",
34043
+ "customElement": true
33743
34044
  },
33744
34045
  {
33745
34046
  "kind": "variable",
33746
- "name": "foundationSliderLabel",
33747
- "description": "The Foundation Slider Label",
34047
+ "name": "foundationStackingIcons",
34048
+ "description": "The Foundation Stacking Icon",
33748
34049
  "privacy": "public"
33749
34050
  }
33750
34051
  ],
33751
34052
  "exports": [
33752
34053
  {
33753
34054
  "kind": "js",
33754
- "name": "SliderLabel",
33755
- "declaration": {
33756
- "name": "SliderLabel",
33757
- "module": "src/slider-label/slider-label.ts"
33758
- }
33759
- },
33760
- {
33761
- "kind": "js",
33762
- "name": "foundationSliderLabelShadowOptions",
33763
- "declaration": {
33764
- "name": "foundationSliderLabelShadowOptions",
33765
- "module": "src/slider-label/slider-label.ts"
33766
- }
33767
- },
33768
- {
33769
- "kind": "js",
33770
- "name": "defaultSliderLabelConfig",
34055
+ "name": "StackingIcons",
33771
34056
  "declaration": {
33772
- "name": "defaultSliderLabelConfig",
33773
- "module": "src/slider-label/slider-label.ts"
34057
+ "name": "StackingIcons",
34058
+ "module": "src/stacking-icons/stacking-icons.ts"
33774
34059
  }
33775
34060
  },
33776
34061
  {
33777
34062
  "kind": "js",
33778
- "name": "foundationSliderLabel",
34063
+ "name": "foundationStackingIcons",
33779
34064
  "declaration": {
33780
- "name": "foundationSliderLabel",
33781
- "module": "src/slider-label/slider-label.ts"
34065
+ "name": "foundationStackingIcons",
34066
+ "module": "src/stacking-icons/stacking-icons.ts"
33782
34067
  }
33783
34068
  }
33784
34069
  ]
@@ -34252,291 +34537,6 @@
34252
34537
  "declarations": [],
34253
34538
  "exports": []
34254
34539
  },
34255
- {
34256
- "kind": "javascript-module",
34257
- "path": "src/stacking-icons/index.ts",
34258
- "declarations": [],
34259
- "exports": [
34260
- {
34261
- "kind": "js",
34262
- "name": "*",
34263
- "declaration": {
34264
- "name": "*",
34265
- "package": "./stacking-icons.styles"
34266
- }
34267
- },
34268
- {
34269
- "kind": "js",
34270
- "name": "*",
34271
- "declaration": {
34272
- "name": "*",
34273
- "package": "./stacking-icons.template"
34274
- }
34275
- },
34276
- {
34277
- "kind": "js",
34278
- "name": "*",
34279
- "declaration": {
34280
- "name": "*",
34281
- "package": "./stacking-icons"
34282
- }
34283
- }
34284
- ]
34285
- },
34286
- {
34287
- "kind": "javascript-module",
34288
- "path": "src/stacking-icons/stacking-icons.styles.ts",
34289
- "declarations": [
34290
- {
34291
- "kind": "function",
34292
- "name": "foundationStackingIconsStyles",
34293
- "return": {
34294
- "type": {
34295
- "text": "ElementStyles"
34296
- }
34297
- },
34298
- "parameters": [
34299
- {
34300
- "name": "context",
34301
- "type": {
34302
- "text": "ElementDefinitionContext"
34303
- }
34304
- },
34305
- {
34306
- "name": "definition",
34307
- "type": {
34308
- "text": "FoundationElementDefinition"
34309
- }
34310
- }
34311
- ]
34312
- }
34313
- ],
34314
- "exports": [
34315
- {
34316
- "kind": "js",
34317
- "name": "foundationStackingIconsStyles",
34318
- "declaration": {
34319
- "name": "foundationStackingIconsStyles",
34320
- "module": "src/stacking-icons/stacking-icons.styles.ts"
34321
- }
34322
- }
34323
- ]
34324
- },
34325
- {
34326
- "kind": "javascript-module",
34327
- "path": "src/stacking-icons/stacking-icons.template.ts",
34328
- "declarations": [
34329
- {
34330
- "kind": "variable",
34331
- "name": "foundationStackingIconsTemplate",
34332
- "type": {
34333
- "text": "ViewTemplate"
34334
- },
34335
- "default": "html<StackingIcons>`\n <span\n class=${(x) => `fa-stack fa-${x.size}`}\n style=${(x) => `vertical-align: ${x['vertical-align']};`}\n >\n <slot></slot>\n </span>\n`"
34336
- }
34337
- ],
34338
- "exports": [
34339
- {
34340
- "kind": "js",
34341
- "name": "foundationStackingIconsTemplate",
34342
- "declaration": {
34343
- "name": "foundationStackingIconsTemplate",
34344
- "module": "src/stacking-icons/stacking-icons.template.ts"
34345
- }
34346
- }
34347
- ]
34348
- },
34349
- {
34350
- "kind": "javascript-module",
34351
- "path": "src/stacking-icons/stacking-icons.ts",
34352
- "declarations": [
34353
- {
34354
- "kind": "class",
34355
- "description": "",
34356
- "name": "StackingIcons",
34357
- "members": [
34358
- {
34359
- "kind": "field",
34360
- "name": "size",
34361
- "type": {
34362
- "text": "StackingIconsSize"
34363
- },
34364
- "default": "faSizeValueDefault"
34365
- },
34366
- {
34367
- "kind": "field",
34368
- "name": "['vertical-align']",
34369
- "type": {
34370
- "text": "VerticalAlign"
34371
- },
34372
- "default": "'baseline'"
34373
- },
34374
- {
34375
- "kind": "field",
34376
- "name": "_presentation",
34377
- "type": {
34378
- "text": "ComponentPresentation | null | undefined"
34379
- },
34380
- "privacy": "private",
34381
- "default": "void 0",
34382
- "inheritedFrom": {
34383
- "name": "FoundationElement",
34384
- "module": "src/foundation-element/foundation-element.ts"
34385
- }
34386
- },
34387
- {
34388
- "kind": "field",
34389
- "name": "$presentation",
34390
- "type": {
34391
- "text": "ComponentPresentation | null"
34392
- },
34393
- "privacy": "public",
34394
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
34395
- "inheritedFrom": {
34396
- "name": "FoundationElement",
34397
- "module": "src/foundation-element/foundation-element.ts"
34398
- }
34399
- },
34400
- {
34401
- "kind": "field",
34402
- "name": "template",
34403
- "type": {
34404
- "text": "ElementViewTemplate | void | null"
34405
- },
34406
- "privacy": "public",
34407
- "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.",
34408
- "inheritedFrom": {
34409
- "name": "FoundationElement",
34410
- "module": "src/foundation-element/foundation-element.ts"
34411
- }
34412
- },
34413
- {
34414
- "kind": "method",
34415
- "name": "templateChanged",
34416
- "privacy": "protected",
34417
- "return": {
34418
- "type": {
34419
- "text": "void"
34420
- }
34421
- },
34422
- "inheritedFrom": {
34423
- "name": "FoundationElement",
34424
- "module": "src/foundation-element/foundation-element.ts"
34425
- }
34426
- },
34427
- {
34428
- "kind": "field",
34429
- "name": "styles",
34430
- "type": {
34431
- "text": "ElementStyles | void | null"
34432
- },
34433
- "privacy": "public",
34434
- "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.",
34435
- "inheritedFrom": {
34436
- "name": "FoundationElement",
34437
- "module": "src/foundation-element/foundation-element.ts"
34438
- }
34439
- },
34440
- {
34441
- "kind": "method",
34442
- "name": "stylesChanged",
34443
- "privacy": "protected",
34444
- "return": {
34445
- "type": {
34446
- "text": "void"
34447
- }
34448
- },
34449
- "inheritedFrom": {
34450
- "name": "FoundationElement",
34451
- "module": "src/foundation-element/foundation-element.ts"
34452
- }
34453
- },
34454
- {
34455
- "kind": "method",
34456
- "name": "compose",
34457
- "privacy": "public",
34458
- "static": true,
34459
- "return": {
34460
- "type": {
34461
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
34462
- }
34463
- },
34464
- "parameters": [
34465
- {
34466
- "name": "this",
34467
- "type": {
34468
- "text": "K"
34469
- }
34470
- },
34471
- {
34472
- "name": "elementDefinition",
34473
- "type": {
34474
- "text": "T"
34475
- },
34476
- "description": "The definition of the element to create the registry\nfunction for."
34477
- }
34478
- ],
34479
- "description": "Defines an element registry function with a set of element definition defaults.",
34480
- "inheritedFrom": {
34481
- "name": "FoundationElement",
34482
- "module": "src/foundation-element/foundation-element.ts"
34483
- }
34484
- }
34485
- ],
34486
- "attributes": [
34487
- {
34488
- "name": "size",
34489
- "type": {
34490
- "text": "StackingIconsSize"
34491
- },
34492
- "default": "faSizeValueDefault",
34493
- "resolveInitializer": {
34494
- "module": "/src/icon"
34495
- },
34496
- "fieldName": "size"
34497
- },
34498
- {
34499
- "name": "['vertical-align']",
34500
- "type": {
34501
- "text": "VerticalAlign"
34502
- },
34503
- "default": "'baseline'",
34504
- "fieldName": "['vertical-align']"
34505
- }
34506
- ],
34507
- "superclass": {
34508
- "name": "FoundationElement",
34509
- "package": "@microsoft/fast-foundation"
34510
- },
34511
- "tagName": "%%prefix%%-stacking-icons",
34512
- "customElement": true
34513
- },
34514
- {
34515
- "kind": "variable",
34516
- "name": "foundationStackingIcons",
34517
- "description": "The Foundation Stacking Icon",
34518
- "privacy": "public"
34519
- }
34520
- ],
34521
- "exports": [
34522
- {
34523
- "kind": "js",
34524
- "name": "StackingIcons",
34525
- "declaration": {
34526
- "name": "StackingIcons",
34527
- "module": "src/stacking-icons/stacking-icons.ts"
34528
- }
34529
- },
34530
- {
34531
- "kind": "js",
34532
- "name": "foundationStackingIcons",
34533
- "declaration": {
34534
- "name": "foundationStackingIcons",
34535
- "module": "src/stacking-icons/stacking-icons.ts"
34536
- }
34537
- }
34538
- ]
34539
- },
34540
34540
  {
34541
34541
  "kind": "javascript-module",
34542
34542
  "path": "src/stepper/index.ts",