@genesislcap/foundation-ui 14.147.1-alpha-e3b7ca7.0 → 14.148.1-alpha-4b4abd1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +961 -961
  2. package/package.json +15 -15
package/dist/custom-elements.json CHANGED
@@ -785,47 +785,6 @@
785
785
  }
786
786
  ]
787
787
  },
788
- {
789
- "kind": "javascript-module",
790
- "path": "src/_common/icons.ts",
791
- "declarations": [
792
- {
793
- "kind": "function",
794
- "name": "closeIcon",
795
- "parameters": [
796
- {
797
- "name": "slot",
798
- "default": "'start'"
799
- }
800
- ]
801
- }
802
- ],
803
- "exports": [
804
- {
805
- "kind": "js",
806
- "name": "closeIcon",
807
- "declaration": {
808
- "name": "closeIcon",
809
- "module": "src/_common/icons.ts"
810
- }
811
- }
812
- ]
813
- },
814
- {
815
- "kind": "javascript-module",
816
- "path": "src/_common/index.ts",
817
- "declarations": [],
818
- "exports": [
819
- {
820
- "kind": "js",
821
- "name": "*",
822
- "declaration": {
823
- "name": "*",
824
- "package": "./icons"
825
- }
826
- }
827
- ]
828
- },
829
788
  {
830
789
  "kind": "javascript-module",
831
790
  "path": "src/_config/index.ts",
@@ -1433,6 +1392,47 @@
1433
1392
  }
1434
1393
  ]
1435
1394
  },
1395
+ {
1396
+ "kind": "javascript-module",
1397
+ "path": "src/_common/icons.ts",
1398
+ "declarations": [
1399
+ {
1400
+ "kind": "function",
1401
+ "name": "closeIcon",
1402
+ "parameters": [
1403
+ {
1404
+ "name": "slot",
1405
+ "default": "'start'"
1406
+ }
1407
+ ]
1408
+ }
1409
+ ],
1410
+ "exports": [
1411
+ {
1412
+ "kind": "js",
1413
+ "name": "closeIcon",
1414
+ "declaration": {
1415
+ "name": "closeIcon",
1416
+ "module": "src/_common/icons.ts"
1417
+ }
1418
+ }
1419
+ ]
1420
+ },
1421
+ {
1422
+ "kind": "javascript-module",
1423
+ "path": "src/_common/index.ts",
1424
+ "declarations": [],
1425
+ "exports": [
1426
+ {
1427
+ "kind": "js",
1428
+ "name": "*",
1429
+ "declaration": {
1430
+ "name": "*",
1431
+ "package": "./icons"
1432
+ }
1433
+ }
1434
+ ]
1435
+ },
1436
1436
  {
1437
1437
  "kind": "javascript-module",
1438
1438
  "path": "src/actions-menu/actions-menu.styles.ts",
@@ -4894,144 +4894,204 @@
4894
4894
  },
4895
4895
  {
4896
4896
  "kind": "javascript-module",
4897
- "path": "src/banner/banner.styles.ts",
4897
+ "path": "src/breadcrumb/breadcrumb.styles.ts",
4898
4898
  "declarations": [
4899
4899
  {
4900
- "kind": "variable",
4901
- "name": "foundationBannerStyles",
4902
- "type": {
4903
- "text": "ElementStyles"
4900
+ "kind": "function",
4901
+ "name": "foundationBreadcrumbStyles",
4902
+ "return": {
4903
+ "type": {
4904
+ "text": "ElementStyles"
4905
+ }
4904
4906
  },
4905
- "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`"
4907
+ "parameters": [
4908
+ {
4909
+ "name": "context",
4910
+ "type": {
4911
+ "text": "ElementDefinitionContext"
4912
+ }
4913
+ },
4914
+ {
4915
+ "name": "definition",
4916
+ "type": {
4917
+ "text": "FoundationElementDefinition"
4918
+ }
4919
+ }
4920
+ ]
4906
4921
  }
4907
4922
  ],
4908
4923
  "exports": [
4909
4924
  {
4910
4925
  "kind": "js",
4911
- "name": "foundationBannerStyles",
4926
+ "name": "foundationBreadcrumbStyles",
4912
4927
  "declaration": {
4913
- "name": "foundationBannerStyles",
4914
- "module": "src/banner/banner.styles.ts"
4928
+ "name": "foundationBreadcrumbStyles",
4929
+ "module": "src/breadcrumb/breadcrumb.styles.ts"
4915
4930
  }
4916
4931
  }
4917
4932
  ]
4918
4933
  },
4919
4934
  {
4920
4935
  "kind": "javascript-module",
4921
- "path": "src/banner/banner.template.ts",
4936
+ "path": "src/breadcrumb/breadcrumb.template.ts",
4922
4937
  "declarations": [
4923
4938
  {
4924
4939
  "kind": "function",
4925
- "name": "getBannerTemplate",
4940
+ "name": "foundationBreadcrumbTemplate",
4941
+ "return": {
4942
+ "type": {
4943
+ "text": "ViewTemplate<Breadcrumb>"
4944
+ }
4945
+ },
4926
4946
  "parameters": [
4927
4947
  {
4928
- "name": "prefix",
4948
+ "name": "context",
4929
4949
  "type": {
4930
- "text": "string"
4950
+ "text": "ElementDefinitionContext"
4951
+ }
4952
+ },
4953
+ {
4954
+ "name": "definition",
4955
+ "type": {
4956
+ "text": "FoundationElementDefinition"
4931
4957
  }
4932
4958
  }
4933
4959
  ]
4934
- },
4935
- {
4936
- "kind": "variable",
4937
- "name": "foundationBannerTemplate",
4938
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4939
4960
  }
4940
4961
  ],
4941
4962
  "exports": [
4942
4963
  {
4943
4964
  "kind": "js",
4944
- "name": "getBannerTemplate",
4945
- "declaration": {
4946
- "name": "getBannerTemplate",
4947
- "module": "src/banner/banner.template.ts"
4948
- }
4949
- },
4950
- {
4951
- "kind": "js",
4952
- "name": "foundationBannerTemplate",
4965
+ "name": "foundationBreadcrumbTemplate",
4953
4966
  "declaration": {
4954
- "name": "foundationBannerTemplate",
4955
- "module": "src/banner/banner.template.ts"
4967
+ "name": "foundationBreadcrumbTemplate",
4968
+ "module": "src/breadcrumb/breadcrumb.template.ts"
4956
4969
  }
4957
4970
  }
4958
4971
  ]
4959
4972
  },
4960
4973
  {
4961
4974
  "kind": "javascript-module",
4962
- "path": "src/banner/banner.ts",
4975
+ "path": "src/breadcrumb/breadcrumb.ts",
4963
4976
  "declarations": [
4964
- {
4965
- "kind": "variable",
4966
- "name": "foundationBannerShadowOptions",
4967
- "type": {
4968
- "text": "ShadowRootInit"
4969
- },
4970
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4971
- },
4972
4977
  {
4973
4978
  "kind": "class",
4974
4979
  "description": "",
4975
- "name": "Banner",
4980
+ "name": "Breadcrumb",
4981
+ "superclass": {
4982
+ "name": "FASTBreadcrumb",
4983
+ "package": "@microsoft/fast-components"
4984
+ },
4985
+ "tagName": "%%prefix%%-breadcrumb",
4986
+ "customElement": true,
4976
4987
  "members": [
4977
4988
  {
4978
- "kind": "field",
4979
- "name": "banner",
4980
- "type": {
4981
- "text": "HTMLElement"
4982
- },
4983
- "privacy": "public"
4984
- },
4985
- {
4986
- "kind": "field",
4987
- "name": "dismissAnimation",
4988
- "type": {
4989
- "text": "'banner-delete' | ''"
4990
- },
4991
- "default": "''"
4992
- },
4993
- {
4994
- "kind": "field",
4995
- "name": "notification",
4996
- "type": {
4997
- "text": "NotificationStructure"
4989
+ "kind": "method",
4990
+ "name": "slottedBreadcrumbItemsChanged",
4991
+ "privacy": "public",
4992
+ "inheritedFrom": {
4993
+ "name": "Breadcrumb",
4994
+ "module": "src/breadcrumb/breadcrumb.ts"
4998
4995
  }
4999
4996
  },
5000
4997
  {
5001
4998
  "kind": "method",
5002
- "name": "dismiss",
5003
- "privacy": "public",
4999
+ "name": "setItemSeparator",
5000
+ "privacy": "private",
5004
5001
  "return": {
5005
5002
  "type": {
5006
- "text": "Promise<void>"
5003
+ "text": "void"
5007
5004
  }
5008
5005
  },
5009
- "description": "Dismiss the Banner from display."
5006
+ "parameters": [
5007
+ {
5008
+ "name": "item",
5009
+ "type": {
5010
+ "text": "HTMLElement"
5011
+ }
5012
+ },
5013
+ {
5014
+ "name": "isLastNode",
5015
+ "type": {
5016
+ "text": "boolean"
5017
+ }
5018
+ }
5019
+ ],
5020
+ "inheritedFrom": {
5021
+ "name": "Breadcrumb",
5022
+ "module": "src/breadcrumb/breadcrumb.ts"
5023
+ }
5010
5024
  },
5011
5025
  {
5012
5026
  "kind": "method",
5013
- "name": "dismissNotification",
5014
- "privacy": "public",
5015
- "description": "Dismiss the Banner (NotificationStructure) from display."
5016
- },
5017
- {
5018
- "kind": "field",
5019
- "name": "_presentation",
5020
- "type": {
5021
- "text": "ComponentPresentation | null | undefined"
5022
- },
5027
+ "name": "findChildWithHref",
5023
5028
  "privacy": "private",
5024
- "default": "void 0",
5029
+ "return": {
5030
+ "type": {
5031
+ "text": "HTMLElement | null"
5032
+ }
5033
+ },
5034
+ "parameters": [
5035
+ {
5036
+ "name": "node",
5037
+ "type": {
5038
+ "text": "HTMLElement"
5039
+ }
5040
+ }
5041
+ ],
5042
+ "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.",
5025
5043
  "inheritedFrom": {
5026
- "name": "FoundationElement",
5027
- "module": "src/foundation-element/foundation-element.ts"
5044
+ "name": "Breadcrumb",
5045
+ "module": "src/breadcrumb/breadcrumb.ts"
5028
5046
  }
5029
5047
  },
5030
5048
  {
5031
- "kind": "field",
5032
- "name": "$presentation",
5033
- "type": {
5034
- "text": "ComponentPresentation | null"
5049
+ "kind": "method",
5050
+ "name": "setAriaCurrent",
5051
+ "privacy": "private",
5052
+ "return": {
5053
+ "type": {
5054
+ "text": "void"
5055
+ }
5056
+ },
5057
+ "parameters": [
5058
+ {
5059
+ "name": "item",
5060
+ "type": {
5061
+ "text": "HTMLElement"
5062
+ }
5063
+ },
5064
+ {
5065
+ "name": "isLastNode",
5066
+ "type": {
5067
+ "text": "boolean"
5068
+ }
5069
+ }
5070
+ ],
5071
+ "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",
5072
+ "inheritedFrom": {
5073
+ "name": "Breadcrumb",
5074
+ "module": "src/breadcrumb/breadcrumb.ts"
5075
+ }
5076
+ },
5077
+ {
5078
+ "kind": "field",
5079
+ "name": "_presentation",
5080
+ "type": {
5081
+ "text": "ComponentPresentation | null | undefined"
5082
+ },
5083
+ "privacy": "private",
5084
+ "default": "void 0",
5085
+ "inheritedFrom": {
5086
+ "name": "FoundationElement",
5087
+ "module": "src/foundation-element/foundation-element.ts"
5088
+ }
5089
+ },
5090
+ {
5091
+ "kind": "field",
5092
+ "name": "$presentation",
5093
+ "type": {
5094
+ "text": "ComponentPresentation | null"
5035
5095
  },
5036
5096
  "privacy": "public",
5037
5097
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
@@ -5125,51 +5185,69 @@
5125
5185
  "module": "src/foundation-element/foundation-element.ts"
5126
5186
  }
5127
5187
  }
5128
- ],
5129
- "superclass": {
5130
- "name": "FoundationElement",
5131
- "package": "@microsoft/fast-foundation"
5188
+ ]
5189
+ },
5190
+ {
5191
+ "kind": "variable",
5192
+ "name": "foundationBreadcrumbShadowOptions",
5193
+ "type": {
5194
+ "text": "ShadowRootInit"
5132
5195
  },
5133
- "tagName": "%%prefix%%-banner",
5134
- "customElement": true
5196
+ "default": "undefined"
5135
5197
  },
5136
5198
  {
5137
5199
  "kind": "variable",
5138
- "name": "foundationBanner",
5139
- "description": "The Foundation Banner",
5200
+ "name": "defaultBreadcrumbConfig",
5201
+ "type": {
5202
+ "text": "object"
5203
+ },
5204
+ "default": "{}"
5205
+ },
5206
+ {
5207
+ "kind": "variable",
5208
+ "name": "foundationBreadcrumb",
5209
+ "description": "The Foundation Breadcrumb",
5140
5210
  "privacy": "public"
5141
5211
  }
5142
5212
  ],
5143
5213
  "exports": [
5144
5214
  {
5145
5215
  "kind": "js",
5146
- "name": "foundationBannerShadowOptions",
5216
+ "name": "Breadcrumb",
5147
5217
  "declaration": {
5148
- "name": "foundationBannerShadowOptions",
5149
- "module": "src/banner/banner.ts"
5218
+ "name": "Breadcrumb",
5219
+ "module": "src/breadcrumb/breadcrumb.ts"
5150
5220
  }
5151
5221
  },
5152
5222
  {
5153
5223
  "kind": "js",
5154
- "name": "Banner",
5224
+ "name": "foundationBreadcrumbShadowOptions",
5155
5225
  "declaration": {
5156
- "name": "Banner",
5157
- "module": "src/banner/banner.ts"
5226
+ "name": "foundationBreadcrumbShadowOptions",
5227
+ "module": "src/breadcrumb/breadcrumb.ts"
5158
5228
  }
5159
5229
  },
5160
5230
  {
5161
5231
  "kind": "js",
5162
- "name": "foundationBanner",
5232
+ "name": "defaultBreadcrumbConfig",
5163
5233
  "declaration": {
5164
- "name": "foundationBanner",
5165
- "module": "src/banner/banner.ts"
5234
+ "name": "defaultBreadcrumbConfig",
5235
+ "module": "src/breadcrumb/breadcrumb.ts"
5236
+ }
5237
+ },
5238
+ {
5239
+ "kind": "js",
5240
+ "name": "foundationBreadcrumb",
5241
+ "declaration": {
5242
+ "name": "foundationBreadcrumb",
5243
+ "module": "src/breadcrumb/breadcrumb.ts"
5166
5244
  }
5167
5245
  }
5168
5246
  ]
5169
5247
  },
5170
5248
  {
5171
5249
  "kind": "javascript-module",
5172
- "path": "src/banner/index.ts",
5250
+ "path": "src/breadcrumb/index.ts",
5173
5251
  "declarations": [],
5174
5252
  "exports": [
5175
5253
  {
@@ -5177,7 +5255,7 @@
5177
5255
  "name": "*",
5178
5256
  "declaration": {
5179
5257
  "name": "*",
5180
- "package": "./banner.styles"
5258
+ "package": "./breadcrumb.template"
5181
5259
  }
5182
5260
  },
5183
5261
  {
@@ -5185,7 +5263,7 @@
5185
5263
  "name": "*",
5186
5264
  "declaration": {
5187
5265
  "name": "*",
5188
- "package": "./banner.template"
5266
+ "package": "./breadcrumb.styles"
5189
5267
  }
5190
5268
  },
5191
5269
  {
@@ -5193,192 +5271,132 @@
5193
5271
  "name": "*",
5194
5272
  "declaration": {
5195
5273
  "name": "*",
5196
- "package": "./banner"
5274
+ "package": "./breadcrumb"
5197
5275
  }
5198
5276
  }
5199
5277
  ]
5200
5278
  },
5201
5279
  {
5202
5280
  "kind": "javascript-module",
5203
- "path": "src/breadcrumb/breadcrumb.styles.ts",
5281
+ "path": "src/banner/banner.styles.ts",
5204
5282
  "declarations": [
5205
5283
  {
5206
- "kind": "function",
5207
- "name": "foundationBreadcrumbStyles",
5208
- "return": {
5209
- "type": {
5210
- "text": "ElementStyles"
5211
- }
5284
+ "kind": "variable",
5285
+ "name": "foundationBannerStyles",
5286
+ "type": {
5287
+ "text": "ElementStyles"
5212
5288
  },
5213
- "parameters": [
5214
- {
5215
- "name": "context",
5216
- "type": {
5217
- "text": "ElementDefinitionContext"
5218
- }
5219
- },
5220
- {
5221
- "name": "definition",
5222
- "type": {
5223
- "text": "FoundationElementDefinition"
5224
- }
5225
- }
5226
- ]
5289
+ "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`"
5227
5290
  }
5228
5291
  ],
5229
5292
  "exports": [
5230
5293
  {
5231
5294
  "kind": "js",
5232
- "name": "foundationBreadcrumbStyles",
5295
+ "name": "foundationBannerStyles",
5233
5296
  "declaration": {
5234
- "name": "foundationBreadcrumbStyles",
5235
- "module": "src/breadcrumb/breadcrumb.styles.ts"
5297
+ "name": "foundationBannerStyles",
5298
+ "module": "src/banner/banner.styles.ts"
5236
5299
  }
5237
5300
  }
5238
5301
  ]
5239
5302
  },
5240
5303
  {
5241
5304
  "kind": "javascript-module",
5242
- "path": "src/breadcrumb/breadcrumb.template.ts",
5305
+ "path": "src/banner/banner.template.ts",
5243
5306
  "declarations": [
5244
5307
  {
5245
5308
  "kind": "function",
5246
- "name": "foundationBreadcrumbTemplate",
5247
- "return": {
5248
- "type": {
5249
- "text": "ViewTemplate<Breadcrumb>"
5250
- }
5251
- },
5309
+ "name": "getBannerTemplate",
5252
5310
  "parameters": [
5253
5311
  {
5254
- "name": "context",
5255
- "type": {
5256
- "text": "ElementDefinitionContext"
5257
- }
5258
- },
5259
- {
5260
- "name": "definition",
5312
+ "name": "prefix",
5261
5313
  "type": {
5262
- "text": "FoundationElementDefinition"
5314
+ "text": "string"
5263
5315
  }
5264
5316
  }
5265
5317
  ]
5318
+ },
5319
+ {
5320
+ "kind": "variable",
5321
+ "name": "foundationBannerTemplate",
5322
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
5266
5323
  }
5267
5324
  ],
5268
5325
  "exports": [
5269
5326
  {
5270
5327
  "kind": "js",
5271
- "name": "foundationBreadcrumbTemplate",
5328
+ "name": "getBannerTemplate",
5272
5329
  "declaration": {
5273
- "name": "foundationBreadcrumbTemplate",
5274
- "module": "src/breadcrumb/breadcrumb.template.ts"
5330
+ "name": "getBannerTemplate",
5331
+ "module": "src/banner/banner.template.ts"
5332
+ }
5333
+ },
5334
+ {
5335
+ "kind": "js",
5336
+ "name": "foundationBannerTemplate",
5337
+ "declaration": {
5338
+ "name": "foundationBannerTemplate",
5339
+ "module": "src/banner/banner.template.ts"
5275
5340
  }
5276
5341
  }
5277
5342
  ]
5278
5343
  },
5279
5344
  {
5280
5345
  "kind": "javascript-module",
5281
- "path": "src/breadcrumb/breadcrumb.ts",
5346
+ "path": "src/banner/banner.ts",
5282
5347
  "declarations": [
5348
+ {
5349
+ "kind": "variable",
5350
+ "name": "foundationBannerShadowOptions",
5351
+ "type": {
5352
+ "text": "ShadowRootInit"
5353
+ },
5354
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5355
+ },
5283
5356
  {
5284
5357
  "kind": "class",
5285
5358
  "description": "",
5286
- "name": "Breadcrumb",
5287
- "superclass": {
5288
- "name": "FASTBreadcrumb",
5289
- "package": "@microsoft/fast-components"
5290
- },
5291
- "tagName": "%%prefix%%-breadcrumb",
5292
- "customElement": true,
5359
+ "name": "Banner",
5293
5360
  "members": [
5294
5361
  {
5295
- "kind": "method",
5296
- "name": "slottedBreadcrumbItemsChanged",
5297
- "privacy": "public",
5298
- "inheritedFrom": {
5299
- "name": "Breadcrumb",
5300
- "module": "src/breadcrumb/breadcrumb.ts"
5301
- }
5362
+ "kind": "field",
5363
+ "name": "banner",
5364
+ "type": {
5365
+ "text": "HTMLElement"
5366
+ },
5367
+ "privacy": "public"
5302
5368
  },
5303
5369
  {
5304
- "kind": "method",
5305
- "name": "setItemSeparator",
5306
- "privacy": "private",
5307
- "return": {
5308
- "type": {
5309
- "text": "void"
5310
- }
5370
+ "kind": "field",
5371
+ "name": "dismissAnimation",
5372
+ "type": {
5373
+ "text": "'banner-delete' | ''"
5311
5374
  },
5312
- "parameters": [
5313
- {
5314
- "name": "item",
5315
- "type": {
5316
- "text": "HTMLElement"
5317
- }
5318
- },
5319
- {
5320
- "name": "isLastNode",
5321
- "type": {
5322
- "text": "boolean"
5323
- }
5324
- }
5325
- ],
5326
- "inheritedFrom": {
5327
- "name": "Breadcrumb",
5328
- "module": "src/breadcrumb/breadcrumb.ts"
5375
+ "default": "''"
5376
+ },
5377
+ {
5378
+ "kind": "field",
5379
+ "name": "notification",
5380
+ "type": {
5381
+ "text": "NotificationStructure"
5329
5382
  }
5330
5383
  },
5331
5384
  {
5332
5385
  "kind": "method",
5333
- "name": "findChildWithHref",
5334
- "privacy": "private",
5386
+ "name": "dismiss",
5387
+ "privacy": "public",
5335
5388
  "return": {
5336
5389
  "type": {
5337
- "text": "HTMLElement | null"
5390
+ "text": "Promise<void>"
5338
5391
  }
5339
5392
  },
5340
- "parameters": [
5341
- {
5342
- "name": "node",
5343
- "type": {
5344
- "text": "HTMLElement"
5345
- }
5346
- }
5347
- ],
5348
- "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.",
5349
- "inheritedFrom": {
5350
- "name": "Breadcrumb",
5351
- "module": "src/breadcrumb/breadcrumb.ts"
5352
- }
5393
+ "description": "Dismiss the Banner from display."
5353
5394
  },
5354
5395
  {
5355
5396
  "kind": "method",
5356
- "name": "setAriaCurrent",
5357
- "privacy": "private",
5358
- "return": {
5359
- "type": {
5360
- "text": "void"
5361
- }
5362
- },
5363
- "parameters": [
5364
- {
5365
- "name": "item",
5366
- "type": {
5367
- "text": "HTMLElement"
5368
- }
5369
- },
5370
- {
5371
- "name": "isLastNode",
5372
- "type": {
5373
- "text": "boolean"
5374
- }
5375
- }
5376
- ],
5377
- "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",
5378
- "inheritedFrom": {
5379
- "name": "Breadcrumb",
5380
- "module": "src/breadcrumb/breadcrumb.ts"
5381
- }
5397
+ "name": "dismissNotification",
5398
+ "privacy": "public",
5399
+ "description": "Dismiss the Banner (NotificationStructure) from display."
5382
5400
  },
5383
5401
  {
5384
5402
  "kind": "field",
@@ -5491,69 +5509,51 @@
5491
5509
  "module": "src/foundation-element/foundation-element.ts"
5492
5510
  }
5493
5511
  }
5494
- ]
5495
- },
5496
- {
5497
- "kind": "variable",
5498
- "name": "foundationBreadcrumbShadowOptions",
5499
- "type": {
5500
- "text": "ShadowRootInit"
5501
- },
5502
- "default": "undefined"
5503
- },
5504
- {
5505
- "kind": "variable",
5506
- "name": "defaultBreadcrumbConfig",
5507
- "type": {
5508
- "text": "object"
5512
+ ],
5513
+ "superclass": {
5514
+ "name": "FoundationElement",
5515
+ "package": "@microsoft/fast-foundation"
5509
5516
  },
5510
- "default": "{}"
5517
+ "tagName": "%%prefix%%-banner",
5518
+ "customElement": true
5511
5519
  },
5512
5520
  {
5513
5521
  "kind": "variable",
5514
- "name": "foundationBreadcrumb",
5515
- "description": "The Foundation Breadcrumb",
5522
+ "name": "foundationBanner",
5523
+ "description": "The Foundation Banner",
5516
5524
  "privacy": "public"
5517
5525
  }
5518
5526
  ],
5519
5527
  "exports": [
5520
5528
  {
5521
5529
  "kind": "js",
5522
- "name": "Breadcrumb",
5523
- "declaration": {
5524
- "name": "Breadcrumb",
5525
- "module": "src/breadcrumb/breadcrumb.ts"
5526
- }
5527
- },
5528
- {
5529
- "kind": "js",
5530
- "name": "foundationBreadcrumbShadowOptions",
5530
+ "name": "foundationBannerShadowOptions",
5531
5531
  "declaration": {
5532
- "name": "foundationBreadcrumbShadowOptions",
5533
- "module": "src/breadcrumb/breadcrumb.ts"
5532
+ "name": "foundationBannerShadowOptions",
5533
+ "module": "src/banner/banner.ts"
5534
5534
  }
5535
5535
  },
5536
5536
  {
5537
5537
  "kind": "js",
5538
- "name": "defaultBreadcrumbConfig",
5538
+ "name": "Banner",
5539
5539
  "declaration": {
5540
- "name": "defaultBreadcrumbConfig",
5541
- "module": "src/breadcrumb/breadcrumb.ts"
5540
+ "name": "Banner",
5541
+ "module": "src/banner/banner.ts"
5542
5542
  }
5543
5543
  },
5544
5544
  {
5545
5545
  "kind": "js",
5546
- "name": "foundationBreadcrumb",
5546
+ "name": "foundationBanner",
5547
5547
  "declaration": {
5548
- "name": "foundationBreadcrumb",
5549
- "module": "src/breadcrumb/breadcrumb.ts"
5548
+ "name": "foundationBanner",
5549
+ "module": "src/banner/banner.ts"
5550
5550
  }
5551
5551
  }
5552
5552
  ]
5553
5553
  },
5554
5554
  {
5555
5555
  "kind": "javascript-module",
5556
- "path": "src/breadcrumb/index.ts",
5556
+ "path": "src/banner/index.ts",
5557
5557
  "declarations": [],
5558
5558
  "exports": [
5559
5559
  {
@@ -5561,7 +5561,7 @@
5561
5561
  "name": "*",
5562
5562
  "declaration": {
5563
5563
  "name": "*",
5564
- "package": "./breadcrumb.template"
5564
+ "package": "./banner.styles"
5565
5565
  }
5566
5566
  },
5567
5567
  {
@@ -5569,7 +5569,7 @@
5569
5569
  "name": "*",
5570
5570
  "declaration": {
5571
5571
  "name": "*",
5572
- "package": "./breadcrumb.styles"
5572
+ "package": "./banner.template"
5573
5573
  }
5574
5574
  },
5575
5575
  {
@@ -5577,7 +5577,7 @@
5577
5577
  "name": "*",
5578
5578
  "declaration": {
5579
5579
  "name": "*",
5580
- "package": "./breadcrumb"
5580
+ "package": "./banner"
5581
5581
  }
5582
5582
  }
5583
5583
  ]
@@ -9048,11 +9048,11 @@
9048
9048
  },
9049
9049
  {
9050
9050
  "kind": "javascript-module",
9051
- "path": "src/data-grid-cell/data-grid-cell.styles.ts",
9051
+ "path": "src/data-grid/data-grid.styles.ts",
9052
9052
  "declarations": [
9053
9053
  {
9054
9054
  "kind": "function",
9055
- "name": "foundationDataGridCellStyles",
9055
+ "name": "foundationDataGridStyles",
9056
9056
  "return": {
9057
9057
  "type": {
9058
9058
  "text": "ElementStyles"
@@ -9077,98 +9077,159 @@
9077
9077
  "exports": [
9078
9078
  {
9079
9079
  "kind": "js",
9080
- "name": "foundationDataGridCellStyles",
9080
+ "name": "foundationDataGridStyles",
9081
9081
  "declaration": {
9082
- "name": "foundationDataGridCellStyles",
9083
- "module": "src/data-grid-cell/data-grid-cell.styles.ts"
9082
+ "name": "foundationDataGridStyles",
9083
+ "module": "src/data-grid/data-grid.styles.ts"
9084
9084
  }
9085
9085
  }
9086
9086
  ]
9087
9087
  },
9088
9088
  {
9089
9089
  "kind": "javascript-module",
9090
- "path": "src/data-grid-cell/data-grid.cell.ts",
9090
+ "path": "src/data-grid/data-grid.template.ts",
9091
+ "declarations": [
9092
+ {
9093
+ "kind": "function",
9094
+ "name": "foundationDataGridTemplate",
9095
+ "return": {
9096
+ "type": {
9097
+ "text": "ViewTemplate<DataGrid>"
9098
+ }
9099
+ },
9100
+ "parameters": [
9101
+ {
9102
+ "name": "context",
9103
+ "type": {
9104
+ "text": "ElementDefinitionContext"
9105
+ }
9106
+ },
9107
+ {
9108
+ "name": "definition",
9109
+ "type": {
9110
+ "text": "FoundationElementDefinition"
9111
+ }
9112
+ }
9113
+ ]
9114
+ }
9115
+ ],
9116
+ "exports": [
9117
+ {
9118
+ "kind": "js",
9119
+ "name": "foundationDataGridTemplate",
9120
+ "declaration": {
9121
+ "name": "foundationDataGridTemplate",
9122
+ "module": "src/data-grid/data-grid.template.ts"
9123
+ }
9124
+ }
9125
+ ]
9126
+ },
9127
+ {
9128
+ "kind": "javascript-module",
9129
+ "path": "src/data-grid/data-grid.ts",
9091
9130
  "declarations": [
9092
9131
  {
9093
9132
  "kind": "class",
9094
9133
  "description": "",
9095
- "name": "DataGridCell",
9134
+ "name": "DataGrid",
9096
9135
  "superclass": {
9097
- "name": "FASTDataGridCell",
9136
+ "name": "FASTDataGrid",
9098
9137
  "package": "@microsoft/fast-components"
9099
9138
  },
9100
- "tagName": "%%prefix%%-data-grid-cell",
9139
+ "tagName": "%%prefix%%-data-grid",
9101
9140
  "customElement": true,
9102
9141
  "attributes": [
9103
9142
  {
9104
- "name": "cell-type",
9143
+ "name": "no-tabbing",
9105
9144
  "type": {
9106
- "text": "DataGridCellTypes"
9145
+ "text": "boolean"
9107
9146
  },
9108
- "description": "The type of cell",
9109
- "fieldName": "cellType",
9147
+ "default": "false",
9148
+ "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9149
+ "fieldName": "noTabbing",
9110
9150
  "inheritedFrom": {
9111
- "name": "DataGridCell",
9112
- "module": "src/data-grid/data-grid-cell.ts"
9151
+ "name": "DataGrid",
9152
+ "module": "src/data-grid/data-grid.ts"
9113
9153
  }
9114
9154
  },
9115
9155
  {
9116
- "name": "grid-column",
9156
+ "name": "generate-header",
9157
+ "type": {
9158
+ "text": "GenerateHeaderOptions"
9159
+ },
9160
+ "description": "Whether the grid should automatically generate a header row and its type",
9161
+ "fieldName": "generateHeader",
9162
+ "inheritedFrom": {
9163
+ "name": "DataGrid",
9164
+ "module": "src/data-grid/data-grid.ts"
9165
+ }
9166
+ },
9167
+ {
9168
+ "name": "grid-template-columns",
9117
9169
  "type": {
9118
9170
  "text": "string"
9119
9171
  },
9120
- "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
9121
- "fieldName": "gridColumn",
9172
+ "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9173
+ "fieldName": "gridTemplateColumns",
9122
9174
  "inheritedFrom": {
9123
- "name": "DataGridCell",
9124
- "module": "src/data-grid/data-grid-cell.ts"
9175
+ "name": "DataGrid",
9176
+ "module": "src/data-grid/data-grid.ts"
9125
9177
  }
9126
9178
  }
9127
9179
  ],
9128
9180
  "members": [
9129
9181
  {
9130
9182
  "kind": "field",
9131
- "name": "cellType",
9132
- "type": {
9133
- "text": "DataGridCellTypes"
9134
- },
9183
+ "name": "generateColumns",
9135
9184
  "privacy": "public",
9136
- "description": "The type of cell",
9185
+ "static": true,
9186
+ "description": "generates a basic column definition by examining sample row data",
9137
9187
  "inheritedFrom": {
9138
- "name": "DataGridCell",
9139
- "module": "src/data-grid/data-grid-cell.ts"
9188
+ "name": "DataGrid",
9189
+ "module": "src/data-grid/data-grid.ts"
9140
9190
  }
9141
9191
  },
9142
9192
  {
9143
9193
  "kind": "method",
9144
- "name": "cellTypeChanged",
9194
+ "name": "generateTemplateColumns",
9145
9195
  "privacy": "private",
9196
+ "static": true,
9146
9197
  "return": {
9147
9198
  "type": {
9148
- "text": "void"
9199
+ "text": "string"
9149
9200
  }
9150
9201
  },
9202
+ "parameters": [
9203
+ {
9204
+ "name": "columnDefinitions",
9205
+ "type": {
9206
+ "text": "ColumnDefinition[]"
9207
+ }
9208
+ }
9209
+ ],
9210
+ "description": "generates a gridTemplateColumns based on columndata array",
9151
9211
  "inheritedFrom": {
9152
- "name": "DataGridCell",
9153
- "module": "src/data-grid/data-grid-cell.ts"
9212
+ "name": "DataGrid",
9213
+ "module": "src/data-grid/data-grid.ts"
9154
9214
  }
9155
9215
  },
9156
9216
  {
9157
9217
  "kind": "field",
9158
- "name": "gridColumn",
9218
+ "name": "noTabbing",
9159
9219
  "type": {
9160
- "text": "string"
9220
+ "text": "boolean"
9161
9221
  },
9162
9222
  "privacy": "public",
9163
- "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
9223
+ "default": "false",
9224
+ "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9164
9225
  "inheritedFrom": {
9165
- "name": "DataGridCell",
9166
- "module": "src/data-grid/data-grid-cell.ts"
9226
+ "name": "DataGrid",
9227
+ "module": "src/data-grid/data-grid.ts"
9167
9228
  }
9168
9229
  },
9169
9230
  {
9170
9231
  "kind": "method",
9171
- "name": "gridColumnChanged",
9232
+ "name": "noTabbingChanged",
9172
9233
  "privacy": "private",
9173
9234
  "return": {
9174
9235
  "type": {
@@ -9176,175 +9237,109 @@
9176
9237
  }
9177
9238
  },
9178
9239
  "inheritedFrom": {
9179
- "name": "DataGridCell",
9180
- "module": "src/data-grid/data-grid-cell.ts"
9240
+ "name": "DataGrid",
9241
+ "module": "src/data-grid/data-grid.ts"
9181
9242
  }
9182
9243
  },
9183
9244
  {
9184
9245
  "kind": "field",
9185
- "name": "rowData",
9246
+ "name": "generateHeader",
9186
9247
  "type": {
9187
- "text": "object | null"
9248
+ "text": "GenerateHeaderOptions"
9188
9249
  },
9189
9250
  "privacy": "public",
9190
- "default": "null",
9191
- "description": "The base data for the parent row",
9251
+ "description": "Whether the grid should automatically generate a header row and its type",
9192
9252
  "inheritedFrom": {
9193
- "name": "DataGridCell",
9194
- "module": "src/data-grid/data-grid-cell.ts"
9195
- }
9196
- },
9197
- {
9198
- "kind": "field",
9199
- "name": "columnDefinition",
9200
- "type": {
9201
- "text": "ColumnDefinition | null"
9202
- },
9203
- "privacy": "public",
9204
- "default": "null",
9205
- "description": "The base data for the column",
9206
- "inheritedFrom": {
9207
- "name": "DataGridCell",
9208
- "module": "src/data-grid/data-grid-cell.ts"
9253
+ "name": "DataGrid",
9254
+ "module": "src/data-grid/data-grid.ts"
9209
9255
  }
9210
9256
  },
9211
9257
  {
9212
9258
  "kind": "method",
9213
- "name": "columnDefinitionChanged",
9259
+ "name": "generateHeaderChanged",
9214
9260
  "privacy": "private",
9215
9261
  "return": {
9216
9262
  "type": {
9217
9263
  "text": "void"
9218
9264
  }
9219
9265
  },
9220
- "parameters": [
9221
- {
9222
- "name": "oldValue",
9223
- "type": {
9224
- "text": "ColumnDefinition | null"
9225
- }
9226
- },
9227
- {
9228
- "name": "newValue",
9229
- "type": {
9230
- "text": "ColumnDefinition | null"
9231
- }
9232
- }
9233
- ],
9234
- "inheritedFrom": {
9235
- "name": "DataGridCell",
9236
- "module": "src/data-grid/data-grid-cell.ts"
9237
- }
9238
- },
9239
- {
9240
- "kind": "field",
9241
- "name": "isActiveCell",
9242
- "type": {
9243
- "text": "boolean"
9244
- },
9245
- "privacy": "private",
9246
- "default": "false",
9247
9266
  "inheritedFrom": {
9248
- "name": "DataGridCell",
9249
- "module": "src/data-grid/data-grid-cell.ts"
9267
+ "name": "DataGrid",
9268
+ "module": "src/data-grid/data-grid.ts"
9250
9269
  }
9251
9270
  },
9252
9271
  {
9253
9272
  "kind": "field",
9254
- "name": "customCellView",
9273
+ "name": "gridTemplateColumns",
9255
9274
  "type": {
9256
- "text": "HTMLView | null"
9275
+ "text": "string"
9257
9276
  },
9258
- "privacy": "private",
9259
- "default": "null",
9277
+ "privacy": "public",
9278
+ "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9260
9279
  "inheritedFrom": {
9261
- "name": "DataGridCell",
9262
- "module": "src/data-grid/data-grid-cell.ts"
9280
+ "name": "DataGrid",
9281
+ "module": "src/data-grid/data-grid.ts"
9263
9282
  }
9264
9283
  },
9265
9284
  {
9266
9285
  "kind": "method",
9267
- "name": "handleFocusin",
9268
- "privacy": "public",
9286
+ "name": "gridTemplateColumnsChanged",
9287
+ "privacy": "private",
9269
9288
  "return": {
9270
9289
  "type": {
9271
9290
  "text": "void"
9272
9291
  }
9273
9292
  },
9274
- "parameters": [
9275
- {
9276
- "name": "e",
9277
- "type": {
9278
- "text": "FocusEvent"
9279
- }
9280
- }
9281
- ],
9282
9293
  "inheritedFrom": {
9283
- "name": "DataGridCell",
9284
- "module": "src/data-grid/data-grid-cell.ts"
9294
+ "name": "DataGrid",
9295
+ "module": "src/data-grid/data-grid.ts"
9285
9296
  }
9286
9297
  },
9287
9298
  {
9288
- "kind": "method",
9289
- "name": "handleFocusout",
9290
- "privacy": "public",
9291
- "return": {
9292
- "type": {
9293
- "text": "void"
9294
- }
9299
+ "kind": "field",
9300
+ "name": "rowsData",
9301
+ "type": {
9302
+ "text": "object[]"
9295
9303
  },
9296
- "parameters": [
9297
- {
9298
- "name": "e",
9299
- "type": {
9300
- "text": "FocusEvent"
9301
- }
9302
- }
9303
- ],
9304
+ "privacy": "public",
9305
+ "default": "[]",
9306
+ "description": "The data being displayed in the grid",
9304
9307
  "inheritedFrom": {
9305
- "name": "DataGridCell",
9306
- "module": "src/data-grid/data-grid-cell.ts"
9308
+ "name": "DataGrid",
9309
+ "module": "src/data-grid/data-grid.ts"
9307
9310
  }
9308
9311
  },
9309
9312
  {
9310
9313
  "kind": "method",
9311
- "name": "handleKeydown",
9312
- "privacy": "public",
9314
+ "name": "rowsDataChanged",
9315
+ "privacy": "private",
9313
9316
  "return": {
9314
9317
  "type": {
9315
9318
  "text": "void"
9316
9319
  }
9317
9320
  },
9318
- "parameters": [
9319
- {
9320
- "name": "e",
9321
- "type": {
9322
- "text": "KeyboardEvent"
9323
- }
9324
- }
9325
- ],
9326
9321
  "inheritedFrom": {
9327
- "name": "DataGridCell",
9328
- "module": "src/data-grid/data-grid-cell.ts"
9322
+ "name": "DataGrid",
9323
+ "module": "src/data-grid/data-grid.ts"
9329
9324
  }
9330
9325
  },
9331
9326
  {
9332
- "kind": "method",
9333
- "name": "updateCellView",
9334
- "privacy": "private",
9335
- "return": {
9336
- "type": {
9337
- "text": "void"
9338
- }
9327
+ "kind": "field",
9328
+ "name": "columnDefinitions",
9329
+ "type": {
9330
+ "text": "ColumnDefinition[] | null"
9339
9331
  },
9332
+ "privacy": "public",
9333
+ "default": "null",
9334
+ "description": "The column definitions of the grid",
9340
9335
  "inheritedFrom": {
9341
- "name": "DataGridCell",
9342
- "module": "src/data-grid/data-grid-cell.ts"
9336
+ "name": "DataGrid",
9337
+ "module": "src/data-grid/data-grid.ts"
9343
9338
  }
9344
9339
  },
9345
9340
  {
9346
9341
  "kind": "method",
9347
- "name": "disconnectCellView",
9342
+ "name": "columnDefinitionsChanged",
9348
9343
  "privacy": "private",
9349
9344
  "return": {
9350
9345
  "type": {
@@ -9352,393 +9347,203 @@
9352
9347
  }
9353
9348
  },
9354
9349
  "inheritedFrom": {
9355
- "name": "DataGridCell",
9356
- "module": "src/data-grid/data-grid-cell.ts"
9357
- }
9358
- },
9359
- {
9360
- "kind": "field",
9361
- "name": "updateCellStyle",
9362
- "privacy": "private",
9363
- "inheritedFrom": {
9364
- "name": "DataGridCell",
9365
- "module": "src/data-grid/data-grid-cell.ts"
9350
+ "name": "DataGrid",
9351
+ "module": "src/data-grid/data-grid.ts"
9366
9352
  }
9367
9353
  },
9368
9354
  {
9369
9355
  "kind": "field",
9370
- "name": "_presentation",
9356
+ "name": "rowItemTemplate",
9371
9357
  "type": {
9372
- "text": "ComponentPresentation | null | undefined"
9358
+ "text": "ViewTemplate"
9373
9359
  },
9374
- "privacy": "private",
9375
- "default": "void 0",
9360
+ "privacy": "public",
9361
+ "description": "The template to use for the programmatic generation of rows",
9376
9362
  "inheritedFrom": {
9377
- "name": "FoundationElement",
9378
- "module": "src/foundation-element/foundation-element.ts"
9363
+ "name": "DataGrid",
9364
+ "module": "src/data-grid/data-grid.ts"
9379
9365
  }
9380
9366
  },
9381
9367
  {
9382
9368
  "kind": "field",
9383
- "name": "$presentation",
9369
+ "name": "cellItemTemplate",
9384
9370
  "type": {
9385
- "text": "ComponentPresentation | null"
9371
+ "text": "ViewTemplate | undefined"
9386
9372
  },
9387
9373
  "privacy": "public",
9388
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
9374
+ "description": "The template used to render cells in generated rows.",
9389
9375
  "inheritedFrom": {
9390
- "name": "FoundationElement",
9391
- "module": "src/foundation-element/foundation-element.ts"
9376
+ "name": "DataGrid",
9377
+ "module": "src/data-grid/data-grid.ts"
9392
9378
  }
9393
9379
  },
9394
9380
  {
9395
9381
  "kind": "field",
9396
- "name": "template",
9382
+ "name": "headerCellItemTemplate",
9397
9383
  "type": {
9398
- "text": "ElementViewTemplate | void | null"
9384
+ "text": "ViewTemplate | undefined"
9399
9385
  },
9400
9386
  "privacy": "public",
9401
- "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.",
9387
+ "description": "The template used to render header cells in generated rows.",
9402
9388
  "inheritedFrom": {
9403
- "name": "FoundationElement",
9404
- "module": "src/foundation-element/foundation-element.ts"
9389
+ "name": "DataGrid",
9390
+ "module": "src/data-grid/data-grid.ts"
9405
9391
  }
9406
9392
  },
9407
9393
  {
9408
9394
  "kind": "method",
9409
- "name": "templateChanged",
9410
- "privacy": "protected",
9395
+ "name": "headerCellItemTemplateChanged",
9396
+ "privacy": "private",
9411
9397
  "return": {
9412
9398
  "type": {
9413
9399
  "text": "void"
9414
9400
  }
9415
9401
  },
9416
9402
  "inheritedFrom": {
9417
- "name": "FoundationElement",
9418
- "module": "src/foundation-element/foundation-element.ts"
9403
+ "name": "DataGrid",
9404
+ "module": "src/data-grid/data-grid.ts"
9419
9405
  }
9420
9406
  },
9421
9407
  {
9422
9408
  "kind": "field",
9423
- "name": "styles",
9409
+ "name": "focusRowIndex",
9424
9410
  "type": {
9425
- "text": "ElementStyles | void | null"
9411
+ "text": "number"
9426
9412
  },
9427
9413
  "privacy": "public",
9428
- "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.",
9414
+ "default": "0",
9415
+ "description": "The index of the row that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different\nrows within the grid. Changing this value when focus is already\nwithin the grid moves focus to the specified row.",
9429
9416
  "inheritedFrom": {
9430
- "name": "FoundationElement",
9431
- "module": "src/foundation-element/foundation-element.ts"
9417
+ "name": "DataGrid",
9418
+ "module": "src/data-grid/data-grid.ts"
9432
9419
  }
9433
9420
  },
9434
9421
  {
9435
9422
  "kind": "method",
9436
- "name": "stylesChanged",
9437
- "privacy": "protected",
9423
+ "name": "focusRowIndexChanged",
9424
+ "privacy": "private",
9438
9425
  "return": {
9439
9426
  "type": {
9440
9427
  "text": "void"
9441
9428
  }
9442
9429
  },
9443
9430
  "inheritedFrom": {
9444
- "name": "FoundationElement",
9445
- "module": "src/foundation-element/foundation-element.ts"
9431
+ "name": "DataGrid",
9432
+ "module": "src/data-grid/data-grid.ts"
9446
9433
  }
9447
9434
  },
9448
9435
  {
9449
- "kind": "method",
9450
- "name": "compose",
9436
+ "kind": "field",
9437
+ "name": "focusColumnIndex",
9438
+ "type": {
9439
+ "text": "number"
9440
+ },
9451
9441
  "privacy": "public",
9452
- "static": true,
9442
+ "default": "0",
9443
+ "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid. Changing this value when focus is already within\nthe grid moves focus to the specified column.",
9444
+ "inheritedFrom": {
9445
+ "name": "DataGrid",
9446
+ "module": "src/data-grid/data-grid.ts"
9447
+ }
9448
+ },
9449
+ {
9450
+ "kind": "method",
9451
+ "name": "focusColumnIndexChanged",
9452
+ "privacy": "private",
9453
9453
  "return": {
9454
9454
  "type": {
9455
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
9455
+ "text": "void"
9456
9456
  }
9457
9457
  },
9458
- "parameters": [
9459
- {
9460
- "name": "this",
9461
- "type": {
9462
- "text": "K"
9463
- }
9464
- },
9465
- {
9466
- "name": "elementDefinition",
9467
- "type": {
9468
- "text": "T"
9469
- },
9470
- "description": "The definition of the element to create the registry\nfunction for."
9471
- }
9472
- ],
9473
- "description": "Defines an element registry function with a set of element definition defaults.",
9474
9458
  "inheritedFrom": {
9475
- "name": "FoundationElement",
9476
- "module": "src/foundation-element/foundation-element.ts"
9459
+ "name": "DataGrid",
9460
+ "module": "src/data-grid/data-grid.ts"
9477
9461
  }
9478
- }
9479
- ],
9480
- "events": [
9462
+ },
9481
9463
  {
9482
- "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents",
9483
- "name": "cell-focused",
9464
+ "kind": "field",
9465
+ "name": "rowElementTag",
9466
+ "type": {
9467
+ "text": "string"
9468
+ },
9469
+ "privacy": "public",
9470
+ "description": "Set by the component templates.",
9484
9471
  "inheritedFrom": {
9485
- "name": "DataGridCell",
9486
- "module": "src/data-grid/data-grid-cell.ts"
9487
- }
9488
- }
9489
- ]
9490
- },
9491
- {
9492
- "kind": "variable",
9493
- "name": "foundationDataGridCellShadowOptions",
9494
- "type": {
9495
- "text": "ShadowRootInit"
9496
- },
9497
- "default": "undefined"
9498
- },
9499
- {
9500
- "kind": "variable",
9501
- "name": "defaultDataGridCellConfig",
9502
- "type": {
9503
- "text": "object"
9504
- },
9505
- "default": "{}"
9506
- },
9507
- {
9508
- "kind": "variable",
9509
- "name": "foundationDataGridCell",
9510
- "description": "The Foundation Data Grid Cell Element.",
9511
- "privacy": "public"
9512
- }
9513
- ],
9514
- "exports": [
9515
- {
9516
- "kind": "js",
9517
- "name": "foundationDataGridCellTemplate",
9518
- "declaration": {
9519
- "name": "dataGridCellTemplate",
9520
- "package": "@microsoft/fast-foundation"
9521
- }
9522
- },
9523
- {
9524
- "kind": "js",
9525
- "name": "DataGridCell",
9526
- "declaration": {
9527
- "name": "DataGridCell",
9528
- "module": "src/data-grid-cell/data-grid.cell.ts"
9529
- }
9530
- },
9531
- {
9532
- "kind": "js",
9533
- "name": "foundationDataGridCellShadowOptions",
9534
- "declaration": {
9535
- "name": "foundationDataGridCellShadowOptions",
9536
- "module": "src/data-grid-cell/data-grid.cell.ts"
9537
- }
9538
- },
9539
- {
9540
- "kind": "js",
9541
- "name": "defaultDataGridCellConfig",
9542
- "declaration": {
9543
- "name": "defaultDataGridCellConfig",
9544
- "module": "src/data-grid-cell/data-grid.cell.ts"
9545
- }
9546
- },
9547
- {
9548
- "kind": "js",
9549
- "name": "foundationDataGridCell",
9550
- "declaration": {
9551
- "name": "foundationDataGridCell",
9552
- "module": "src/data-grid-cell/data-grid.cell.ts"
9553
- }
9554
- }
9555
- ]
9556
- },
9557
- {
9558
- "kind": "javascript-module",
9559
- "path": "src/data-grid-cell/index.ts",
9560
- "declarations": [],
9561
- "exports": [
9562
- {
9563
- "kind": "js",
9564
- "name": "*",
9565
- "declaration": {
9566
- "name": "*",
9567
- "package": "./data-grid.cell"
9568
- }
9569
- },
9570
- {
9571
- "kind": "js",
9572
- "name": "*",
9573
- "declaration": {
9574
- "name": "*",
9575
- "package": "./data-grid-cell.styles"
9576
- }
9577
- }
9578
- ]
9579
- },
9580
- {
9581
- "kind": "javascript-module",
9582
- "path": "src/data-grid/data-grid.styles.ts",
9583
- "declarations": [
9584
- {
9585
- "kind": "function",
9586
- "name": "foundationDataGridStyles",
9587
- "return": {
9588
- "type": {
9589
- "text": "ElementStyles"
9590
- }
9591
- },
9592
- "parameters": [
9593
- {
9594
- "name": "context",
9595
- "type": {
9596
- "text": "ElementDefinitionContext"
9472
+ "name": "DataGrid",
9473
+ "module": "src/data-grid/data-grid.ts"
9597
9474
  }
9598
9475
  },
9599
9476
  {
9600
- "name": "defintion",
9601
- "type": {
9602
- "text": "FoundationElementDefinition"
9603
- }
9604
- }
9605
- ]
9606
- }
9607
- ],
9608
- "exports": [
9609
- {
9610
- "kind": "js",
9611
- "name": "foundationDataGridStyles",
9612
- "declaration": {
9613
- "name": "foundationDataGridStyles",
9614
- "module": "src/data-grid/data-grid.styles.ts"
9615
- }
9616
- }
9617
- ]
9618
- },
9619
- {
9620
- "kind": "javascript-module",
9621
- "path": "src/data-grid/data-grid.template.ts",
9622
- "declarations": [
9623
- {
9624
- "kind": "function",
9625
- "name": "foundationDataGridTemplate",
9626
- "return": {
9627
- "type": {
9628
- "text": "ViewTemplate<DataGrid>"
9629
- }
9630
- },
9631
- "parameters": [
9632
- {
9633
- "name": "context",
9477
+ "kind": "field",
9478
+ "name": "rowsRepeatBehavior",
9634
9479
  "type": {
9635
- "text": "ElementDefinitionContext"
9480
+ "text": "RepeatBehavior | null"
9481
+ },
9482
+ "privacy": "private",
9483
+ "inheritedFrom": {
9484
+ "name": "DataGrid",
9485
+ "module": "src/data-grid/data-grid.ts"
9636
9486
  }
9637
9487
  },
9638
9488
  {
9639
- "name": "definition",
9640
- "type": {
9641
- "text": "FoundationElementDefinition"
9642
- }
9643
- }
9644
- ]
9645
- }
9646
- ],
9647
- "exports": [
9648
- {
9649
- "kind": "js",
9650
- "name": "foundationDataGridTemplate",
9651
- "declaration": {
9652
- "name": "foundationDataGridTemplate",
9653
- "module": "src/data-grid/data-grid.template.ts"
9654
- }
9655
- }
9656
- ]
9657
- },
9658
- {
9659
- "kind": "javascript-module",
9660
- "path": "src/data-grid/data-grid.ts",
9661
- "declarations": [
9662
- {
9663
- "kind": "class",
9664
- "description": "",
9665
- "name": "DataGrid",
9666
- "superclass": {
9667
- "name": "FASTDataGrid",
9668
- "package": "@microsoft/fast-components"
9669
- },
9670
- "tagName": "%%prefix%%-data-grid",
9671
- "customElement": true,
9672
- "attributes": [
9673
- {
9674
- "name": "no-tabbing",
9489
+ "kind": "field",
9490
+ "name": "rowsPlaceholder",
9675
9491
  "type": {
9676
- "text": "boolean"
9492
+ "text": "Node | null"
9677
9493
  },
9678
- "default": "false",
9679
- "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9680
- "fieldName": "noTabbing",
9494
+ "privacy": "private",
9495
+ "default": "null",
9681
9496
  "inheritedFrom": {
9682
9497
  "name": "DataGrid",
9683
9498
  "module": "src/data-grid/data-grid.ts"
9684
9499
  }
9685
9500
  },
9686
9501
  {
9687
- "name": "generate-header",
9502
+ "kind": "field",
9503
+ "name": "generatedHeader",
9688
9504
  "type": {
9689
- "text": "GenerateHeaderOptions"
9505
+ "text": "DataGridRow | null"
9690
9506
  },
9691
- "description": "Whether the grid should automatically generate a header row and its type",
9692
- "fieldName": "generateHeader",
9507
+ "privacy": "private",
9508
+ "default": "null",
9693
9509
  "inheritedFrom": {
9694
9510
  "name": "DataGrid",
9695
9511
  "module": "src/data-grid/data-grid.ts"
9696
9512
  }
9697
9513
  },
9698
9514
  {
9699
- "name": "grid-template-columns",
9515
+ "kind": "field",
9516
+ "name": "isUpdatingFocus",
9700
9517
  "type": {
9701
- "text": "string"
9518
+ "text": "boolean"
9702
9519
  },
9703
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9704
- "fieldName": "gridTemplateColumns",
9520
+ "privacy": "private",
9521
+ "default": "false",
9705
9522
  "inheritedFrom": {
9706
9523
  "name": "DataGrid",
9707
9524
  "module": "src/data-grid/data-grid.ts"
9708
9525
  }
9709
- }
9710
- ],
9711
- "members": [
9526
+ },
9712
9527
  {
9713
9528
  "kind": "field",
9714
- "name": "generateColumns",
9715
- "privacy": "public",
9716
- "static": true,
9717
- "description": "generates a basic column definition by examining sample row data",
9529
+ "name": "pendingFocusUpdate",
9530
+ "type": {
9531
+ "text": "boolean"
9532
+ },
9533
+ "privacy": "private",
9534
+ "default": "false",
9718
9535
  "inheritedFrom": {
9719
9536
  "name": "DataGrid",
9720
9537
  "module": "src/data-grid/data-grid.ts"
9721
9538
  }
9722
9539
  },
9723
9540
  {
9724
- "kind": "method",
9725
- "name": "generateTemplateColumns",
9726
- "privacy": "private",
9727
- "static": true,
9728
- "return": {
9729
- "type": {
9730
- "text": "string"
9731
- }
9541
+ "kind": "field",
9542
+ "name": "observer",
9543
+ "type": {
9544
+ "text": "MutationObserver"
9732
9545
  },
9733
- "parameters": [
9734
- {
9735
- "name": "columnDefinitions",
9736
- "type": {
9737
- "text": "ColumnDefinition[]"
9738
- }
9739
- }
9740
- ],
9741
- "description": "generates a gridTemplateColumns based on columndata array",
9546
+ "privacy": "private",
9742
9547
  "inheritedFrom": {
9743
9548
  "name": "DataGrid",
9744
9549
  "module": "src/data-grid/data-grid.ts"
@@ -9746,27 +9551,25 @@
9746
9551
  },
9747
9552
  {
9748
9553
  "kind": "field",
9749
- "name": "noTabbing",
9554
+ "name": "rowindexUpdateQueued",
9750
9555
  "type": {
9751
9556
  "text": "boolean"
9752
9557
  },
9753
- "privacy": "public",
9558
+ "privacy": "private",
9754
9559
  "default": "false",
9755
- "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9756
9560
  "inheritedFrom": {
9757
9561
  "name": "DataGrid",
9758
9562
  "module": "src/data-grid/data-grid.ts"
9759
9563
  }
9760
9564
  },
9761
9565
  {
9762
- "kind": "method",
9763
- "name": "noTabbingChanged",
9764
- "privacy": "private",
9765
- "return": {
9766
- "type": {
9767
- "text": "void"
9768
- }
9566
+ "kind": "field",
9567
+ "name": "columnDefinitionsStale",
9568
+ "type": {
9569
+ "text": "boolean"
9769
9570
  },
9571
+ "privacy": "private",
9572
+ "default": "true",
9770
9573
  "inheritedFrom": {
9771
9574
  "name": "DataGrid",
9772
9575
  "module": "src/data-grid/data-grid.ts"
@@ -9774,26 +9577,12 @@
9774
9577
  },
9775
9578
  {
9776
9579
  "kind": "field",
9777
- "name": "generateHeader",
9580
+ "name": "generatedGridTemplateColumns",
9778
9581
  "type": {
9779
- "text": "GenerateHeaderOptions"
9582
+ "text": "string"
9780
9583
  },
9781
- "privacy": "public",
9782
- "description": "Whether the grid should automatically generate a header row and its type",
9783
- "inheritedFrom": {
9784
- "name": "DataGrid",
9785
- "module": "src/data-grid/data-grid.ts"
9786
- }
9787
- },
9788
- {
9789
- "kind": "method",
9790
- "name": "generateHeaderChanged",
9791
9584
  "privacy": "private",
9792
- "return": {
9793
- "type": {
9794
- "text": "void"
9795
- }
9796
- },
9585
+ "default": "\"\"",
9797
9586
  "inheritedFrom": {
9798
9587
  "name": "DataGrid",
9799
9588
  "module": "src/data-grid/data-grid.ts"
@@ -9801,12 +9590,8 @@
9801
9590
  },
9802
9591
  {
9803
9592
  "kind": "field",
9804
- "name": "gridTemplateColumns",
9805
- "type": {
9806
- "text": "string"
9807
- },
9808
- "privacy": "public",
9809
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9593
+ "name": "focusOnCell",
9594
+ "privacy": "private",
9810
9595
  "inheritedFrom": {
9811
9596
  "name": "DataGrid",
9812
9597
  "module": "src/data-grid/data-grid.ts"
@@ -9814,7 +9599,7 @@
9814
9599
  },
9815
9600
  {
9816
9601
  "kind": "method",
9817
- "name": "gridTemplateColumnsChanged",
9602
+ "name": "queueFocusUpdate",
9818
9603
  "privacy": "private",
9819
9604
  "return": {
9820
9605
  "type": {
@@ -9827,14 +9612,14 @@
9827
9612
  }
9828
9613
  },
9829
9614
  {
9830
- "kind": "field",
9831
- "name": "rowsData",
9832
- "type": {
9833
- "text": "object[]"
9615
+ "kind": "method",
9616
+ "name": "updateFocus",
9617
+ "privacy": "private",
9618
+ "return": {
9619
+ "type": {
9620
+ "text": "void"
9621
+ }
9834
9622
  },
9835
- "privacy": "public",
9836
- "default": "[]",
9837
- "description": "The data being displayed in the grid",
9838
9623
  "inheritedFrom": {
9839
9624
  "name": "DataGrid",
9840
9625
  "module": "src/data-grid/data-grid.ts"
@@ -9842,7 +9627,7 @@
9842
9627
  },
9843
9628
  {
9844
9629
  "kind": "method",
9845
- "name": "rowsDataChanged",
9630
+ "name": "toggleGeneratedHeader",
9846
9631
  "privacy": "private",
9847
9632
  "return": {
9848
9633
  "type": {
@@ -9856,27 +9641,17 @@
9856
9641
  },
9857
9642
  {
9858
9643
  "kind": "field",
9859
- "name": "columnDefinitions",
9860
- "type": {
9861
- "text": "ColumnDefinition[] | null"
9862
- },
9863
- "privacy": "public",
9864
- "default": "null",
9865
- "description": "The column definitions of the grid",
9644
+ "name": "onChildListChange",
9645
+ "privacy": "private",
9866
9646
  "inheritedFrom": {
9867
9647
  "name": "DataGrid",
9868
9648
  "module": "src/data-grid/data-grid.ts"
9869
9649
  }
9870
9650
  },
9871
9651
  {
9872
- "kind": "method",
9873
- "name": "columnDefinitionsChanged",
9652
+ "kind": "field",
9653
+ "name": "queueRowIndexUpdate",
9874
9654
  "privacy": "private",
9875
- "return": {
9876
- "type": {
9877
- "text": "void"
9878
- }
9879
- },
9880
9655
  "inheritedFrom": {
9881
9656
  "name": "DataGrid",
9882
9657
  "module": "src/data-grid/data-grid.ts"
@@ -9884,12 +9659,8 @@
9884
9659
  },
9885
9660
  {
9886
9661
  "kind": "field",
9887
- "name": "rowItemTemplate",
9888
- "type": {
9889
- "text": "ViewTemplate"
9890
- },
9891
- "privacy": "public",
9892
- "description": "The template to use for the programmatic generation of rows",
9662
+ "name": "updateRowIndexes",
9663
+ "privacy": "private",
9893
9664
  "inheritedFrom": {
9894
9665
  "name": "DataGrid",
9895
9666
  "module": "src/data-grid/data-grid.ts"
@@ -9897,304 +9668,523 @@
9897
9668
  },
9898
9669
  {
9899
9670
  "kind": "field",
9900
- "name": "cellItemTemplate",
9671
+ "name": "_presentation",
9901
9672
  "type": {
9902
- "text": "ViewTemplate | undefined"
9673
+ "text": "ComponentPresentation | null | undefined"
9674
+ },
9675
+ "privacy": "private",
9676
+ "default": "void 0",
9677
+ "inheritedFrom": {
9678
+ "name": "FoundationElement",
9679
+ "module": "src/foundation-element/foundation-element.ts"
9680
+ }
9681
+ },
9682
+ {
9683
+ "kind": "field",
9684
+ "name": "$presentation",
9685
+ "type": {
9686
+ "text": "ComponentPresentation | null"
9903
9687
  },
9904
9688
  "privacy": "public",
9905
- "description": "The template used to render cells in generated rows.",
9689
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
9906
9690
  "inheritedFrom": {
9907
- "name": "DataGrid",
9908
- "module": "src/data-grid/data-grid.ts"
9691
+ "name": "FoundationElement",
9692
+ "module": "src/foundation-element/foundation-element.ts"
9909
9693
  }
9910
9694
  },
9911
9695
  {
9912
9696
  "kind": "field",
9913
- "name": "headerCellItemTemplate",
9697
+ "name": "template",
9914
9698
  "type": {
9915
- "text": "ViewTemplate | undefined"
9699
+ "text": "ElementViewTemplate | void | null"
9916
9700
  },
9917
9701
  "privacy": "public",
9918
- "description": "The template used to render header cells in generated rows.",
9702
+ "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.",
9919
9703
  "inheritedFrom": {
9920
- "name": "DataGrid",
9921
- "module": "src/data-grid/data-grid.ts"
9704
+ "name": "FoundationElement",
9705
+ "module": "src/foundation-element/foundation-element.ts"
9922
9706
  }
9923
9707
  },
9924
9708
  {
9925
9709
  "kind": "method",
9926
- "name": "headerCellItemTemplateChanged",
9927
- "privacy": "private",
9710
+ "name": "templateChanged",
9711
+ "privacy": "protected",
9928
9712
  "return": {
9929
9713
  "type": {
9930
9714
  "text": "void"
9931
9715
  }
9932
9716
  },
9933
9717
  "inheritedFrom": {
9934
- "name": "DataGrid",
9935
- "module": "src/data-grid/data-grid.ts"
9718
+ "name": "FoundationElement",
9719
+ "module": "src/foundation-element/foundation-element.ts"
9936
9720
  }
9937
9721
  },
9938
9722
  {
9939
9723
  "kind": "field",
9940
- "name": "focusRowIndex",
9724
+ "name": "styles",
9941
9725
  "type": {
9942
- "text": "number"
9726
+ "text": "ElementStyles | void | null"
9943
9727
  },
9944
9728
  "privacy": "public",
9945
- "default": "0",
9946
- "description": "The index of the row that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different\nrows within the grid. Changing this value when focus is already\nwithin the grid moves focus to the specified row.",
9729
+ "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.",
9947
9730
  "inheritedFrom": {
9948
- "name": "DataGrid",
9949
- "module": "src/data-grid/data-grid.ts"
9731
+ "name": "FoundationElement",
9732
+ "module": "src/foundation-element/foundation-element.ts"
9950
9733
  }
9951
9734
  },
9952
9735
  {
9953
9736
  "kind": "method",
9954
- "name": "focusRowIndexChanged",
9955
- "privacy": "private",
9737
+ "name": "stylesChanged",
9738
+ "privacy": "protected",
9956
9739
  "return": {
9957
9740
  "type": {
9958
9741
  "text": "void"
9959
9742
  }
9960
9743
  },
9961
9744
  "inheritedFrom": {
9962
- "name": "DataGrid",
9963
- "module": "src/data-grid/data-grid.ts"
9964
- }
9965
- },
9966
- {
9967
- "kind": "field",
9968
- "name": "focusColumnIndex",
9969
- "type": {
9970
- "text": "number"
9971
- },
9972
- "privacy": "public",
9973
- "default": "0",
9974
- "description": "The index of the column that will receive focus the next time the\ngrid is focused. This value changes as focus moves to different rows\nwithin the grid. Changing this value when focus is already within\nthe grid moves focus to the specified column.",
9975
- "inheritedFrom": {
9976
- "name": "DataGrid",
9977
- "module": "src/data-grid/data-grid.ts"
9745
+ "name": "FoundationElement",
9746
+ "module": "src/foundation-element/foundation-element.ts"
9978
9747
  }
9979
9748
  },
9980
9749
  {
9981
9750
  "kind": "method",
9982
- "name": "focusColumnIndexChanged",
9983
- "privacy": "private",
9751
+ "name": "compose",
9752
+ "privacy": "public",
9753
+ "static": true,
9984
9754
  "return": {
9985
9755
  "type": {
9986
- "text": "void"
9756
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
9987
9757
  }
9988
9758
  },
9759
+ "parameters": [
9760
+ {
9761
+ "name": "this",
9762
+ "type": {
9763
+ "text": "K"
9764
+ }
9765
+ },
9766
+ {
9767
+ "name": "elementDefinition",
9768
+ "type": {
9769
+ "text": "T"
9770
+ },
9771
+ "description": "The definition of the element to create the registry\nfunction for."
9772
+ }
9773
+ ],
9774
+ "description": "Defines an element registry function with a set of element definition defaults.",
9989
9775
  "inheritedFrom": {
9990
- "name": "DataGrid",
9991
- "module": "src/data-grid/data-grid.ts"
9776
+ "name": "FoundationElement",
9777
+ "module": "src/foundation-element/foundation-element.ts"
9778
+ }
9779
+ }
9780
+ ]
9781
+ },
9782
+ {
9783
+ "kind": "variable",
9784
+ "name": "foundationDataGridShadowOptions",
9785
+ "type": {
9786
+ "text": "ShadowRootInit"
9787
+ },
9788
+ "default": "undefined"
9789
+ },
9790
+ {
9791
+ "kind": "variable",
9792
+ "name": "defaultDataGridConfig",
9793
+ "type": {
9794
+ "text": "object"
9795
+ },
9796
+ "default": "{}"
9797
+ },
9798
+ {
9799
+ "kind": "variable",
9800
+ "name": "foundationDataGrid",
9801
+ "description": "The Foundation Data Grid Element.",
9802
+ "privacy": "public"
9803
+ }
9804
+ ],
9805
+ "exports": [
9806
+ {
9807
+ "kind": "js",
9808
+ "name": "DataGrid",
9809
+ "declaration": {
9810
+ "name": "DataGrid",
9811
+ "module": "src/data-grid/data-grid.ts"
9812
+ }
9813
+ },
9814
+ {
9815
+ "kind": "js",
9816
+ "name": "foundationDataGridShadowOptions",
9817
+ "declaration": {
9818
+ "name": "foundationDataGridShadowOptions",
9819
+ "module": "src/data-grid/data-grid.ts"
9820
+ }
9821
+ },
9822
+ {
9823
+ "kind": "js",
9824
+ "name": "defaultDataGridConfig",
9825
+ "declaration": {
9826
+ "name": "defaultDataGridConfig",
9827
+ "module": "src/data-grid/data-grid.ts"
9828
+ }
9829
+ },
9830
+ {
9831
+ "kind": "js",
9832
+ "name": "foundationDataGrid",
9833
+ "declaration": {
9834
+ "name": "foundationDataGrid",
9835
+ "module": "src/data-grid/data-grid.ts"
9836
+ }
9837
+ }
9838
+ ]
9839
+ },
9840
+ {
9841
+ "kind": "javascript-module",
9842
+ "path": "src/data-grid/index.ts",
9843
+ "declarations": [],
9844
+ "exports": [
9845
+ {
9846
+ "kind": "js",
9847
+ "name": "*",
9848
+ "declaration": {
9849
+ "name": "*",
9850
+ "package": "./data-grid.template"
9851
+ }
9852
+ },
9853
+ {
9854
+ "kind": "js",
9855
+ "name": "*",
9856
+ "declaration": {
9857
+ "name": "*",
9858
+ "package": "./data-grid.styles"
9859
+ }
9860
+ },
9861
+ {
9862
+ "kind": "js",
9863
+ "name": "*",
9864
+ "declaration": {
9865
+ "name": "*",
9866
+ "package": "./data-grid"
9867
+ }
9868
+ }
9869
+ ]
9870
+ },
9871
+ {
9872
+ "kind": "javascript-module",
9873
+ "path": "src/data-grid-cell/data-grid-cell.styles.ts",
9874
+ "declarations": [
9875
+ {
9876
+ "kind": "function",
9877
+ "name": "foundationDataGridCellStyles",
9878
+ "return": {
9879
+ "type": {
9880
+ "text": "ElementStyles"
9881
+ }
9882
+ },
9883
+ "parameters": [
9884
+ {
9885
+ "name": "context",
9886
+ "type": {
9887
+ "text": "ElementDefinitionContext"
9992
9888
  }
9993
9889
  },
9994
9890
  {
9995
- "kind": "field",
9996
- "name": "rowElementTag",
9891
+ "name": "defintion",
9997
9892
  "type": {
9998
- "text": "string"
9893
+ "text": "FoundationElementDefinition"
9894
+ }
9895
+ }
9896
+ ]
9897
+ }
9898
+ ],
9899
+ "exports": [
9900
+ {
9901
+ "kind": "js",
9902
+ "name": "foundationDataGridCellStyles",
9903
+ "declaration": {
9904
+ "name": "foundationDataGridCellStyles",
9905
+ "module": "src/data-grid-cell/data-grid-cell.styles.ts"
9906
+ }
9907
+ }
9908
+ ]
9909
+ },
9910
+ {
9911
+ "kind": "javascript-module",
9912
+ "path": "src/data-grid-cell/data-grid.cell.ts",
9913
+ "declarations": [
9914
+ {
9915
+ "kind": "class",
9916
+ "description": "",
9917
+ "name": "DataGridCell",
9918
+ "superclass": {
9919
+ "name": "FASTDataGridCell",
9920
+ "package": "@microsoft/fast-components"
9921
+ },
9922
+ "tagName": "%%prefix%%-data-grid-cell",
9923
+ "customElement": true,
9924
+ "attributes": [
9925
+ {
9926
+ "name": "cell-type",
9927
+ "type": {
9928
+ "text": "DataGridCellTypes"
9999
9929
  },
10000
- "privacy": "public",
10001
- "description": "Set by the component templates.",
9930
+ "description": "The type of cell",
9931
+ "fieldName": "cellType",
10002
9932
  "inheritedFrom": {
10003
- "name": "DataGrid",
10004
- "module": "src/data-grid/data-grid.ts"
9933
+ "name": "DataGridCell",
9934
+ "module": "src/data-grid/data-grid-cell.ts"
10005
9935
  }
10006
9936
  },
10007
9937
  {
10008
- "kind": "field",
10009
- "name": "rowsRepeatBehavior",
9938
+ "name": "grid-column",
10010
9939
  "type": {
10011
- "text": "RepeatBehavior | null"
9940
+ "text": "string"
10012
9941
  },
10013
- "privacy": "private",
9942
+ "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
9943
+ "fieldName": "gridColumn",
10014
9944
  "inheritedFrom": {
10015
- "name": "DataGrid",
10016
- "module": "src/data-grid/data-grid.ts"
9945
+ "name": "DataGridCell",
9946
+ "module": "src/data-grid/data-grid-cell.ts"
10017
9947
  }
10018
- },
9948
+ }
9949
+ ],
9950
+ "members": [
10019
9951
  {
10020
9952
  "kind": "field",
10021
- "name": "rowsPlaceholder",
9953
+ "name": "cellType",
10022
9954
  "type": {
10023
- "text": "Node | null"
9955
+ "text": "DataGridCellTypes"
10024
9956
  },
9957
+ "privacy": "public",
9958
+ "description": "The type of cell",
9959
+ "inheritedFrom": {
9960
+ "name": "DataGridCell",
9961
+ "module": "src/data-grid/data-grid-cell.ts"
9962
+ }
9963
+ },
9964
+ {
9965
+ "kind": "method",
9966
+ "name": "cellTypeChanged",
10025
9967
  "privacy": "private",
10026
- "default": "null",
9968
+ "return": {
9969
+ "type": {
9970
+ "text": "void"
9971
+ }
9972
+ },
10027
9973
  "inheritedFrom": {
10028
- "name": "DataGrid",
10029
- "module": "src/data-grid/data-grid.ts"
9974
+ "name": "DataGridCell",
9975
+ "module": "src/data-grid/data-grid-cell.ts"
10030
9976
  }
10031
9977
  },
10032
9978
  {
10033
9979
  "kind": "field",
10034
- "name": "generatedHeader",
9980
+ "name": "gridColumn",
10035
9981
  "type": {
10036
- "text": "DataGridRow | null"
9982
+ "text": "string"
10037
9983
  },
10038
- "privacy": "private",
10039
- "default": "null",
9984
+ "privacy": "public",
9985
+ "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
10040
9986
  "inheritedFrom": {
10041
- "name": "DataGrid",
10042
- "module": "src/data-grid/data-grid.ts"
9987
+ "name": "DataGridCell",
9988
+ "module": "src/data-grid/data-grid-cell.ts"
10043
9989
  }
10044
9990
  },
10045
9991
  {
10046
- "kind": "field",
10047
- "name": "isUpdatingFocus",
10048
- "type": {
10049
- "text": "boolean"
10050
- },
9992
+ "kind": "method",
9993
+ "name": "gridColumnChanged",
10051
9994
  "privacy": "private",
10052
- "default": "false",
9995
+ "return": {
9996
+ "type": {
9997
+ "text": "void"
9998
+ }
9999
+ },
10053
10000
  "inheritedFrom": {
10054
- "name": "DataGrid",
10055
- "module": "src/data-grid/data-grid.ts"
10001
+ "name": "DataGridCell",
10002
+ "module": "src/data-grid/data-grid-cell.ts"
10056
10003
  }
10057
10004
  },
10058
10005
  {
10059
10006
  "kind": "field",
10060
- "name": "pendingFocusUpdate",
10007
+ "name": "rowData",
10061
10008
  "type": {
10062
- "text": "boolean"
10009
+ "text": "object | null"
10063
10010
  },
10064
- "privacy": "private",
10065
- "default": "false",
10011
+ "privacy": "public",
10012
+ "default": "null",
10013
+ "description": "The base data for the parent row",
10066
10014
  "inheritedFrom": {
10067
- "name": "DataGrid",
10068
- "module": "src/data-grid/data-grid.ts"
10015
+ "name": "DataGridCell",
10016
+ "module": "src/data-grid/data-grid-cell.ts"
10069
10017
  }
10070
10018
  },
10071
10019
  {
10072
10020
  "kind": "field",
10073
- "name": "observer",
10021
+ "name": "columnDefinition",
10074
10022
  "type": {
10075
- "text": "MutationObserver"
10023
+ "text": "ColumnDefinition | null"
10076
10024
  },
10077
- "privacy": "private",
10025
+ "privacy": "public",
10026
+ "default": "null",
10027
+ "description": "The base data for the column",
10078
10028
  "inheritedFrom": {
10079
- "name": "DataGrid",
10080
- "module": "src/data-grid/data-grid.ts"
10029
+ "name": "DataGridCell",
10030
+ "module": "src/data-grid/data-grid-cell.ts"
10081
10031
  }
10082
10032
  },
10083
10033
  {
10084
- "kind": "field",
10085
- "name": "rowindexUpdateQueued",
10086
- "type": {
10087
- "text": "boolean"
10088
- },
10034
+ "kind": "method",
10035
+ "name": "columnDefinitionChanged",
10089
10036
  "privacy": "private",
10090
- "default": "false",
10037
+ "return": {
10038
+ "type": {
10039
+ "text": "void"
10040
+ }
10041
+ },
10042
+ "parameters": [
10043
+ {
10044
+ "name": "oldValue",
10045
+ "type": {
10046
+ "text": "ColumnDefinition | null"
10047
+ }
10048
+ },
10049
+ {
10050
+ "name": "newValue",
10051
+ "type": {
10052
+ "text": "ColumnDefinition | null"
10053
+ }
10054
+ }
10055
+ ],
10091
10056
  "inheritedFrom": {
10092
- "name": "DataGrid",
10093
- "module": "src/data-grid/data-grid.ts"
10057
+ "name": "DataGridCell",
10058
+ "module": "src/data-grid/data-grid-cell.ts"
10094
10059
  }
10095
10060
  },
10096
10061
  {
10097
10062
  "kind": "field",
10098
- "name": "columnDefinitionsStale",
10063
+ "name": "isActiveCell",
10099
10064
  "type": {
10100
10065
  "text": "boolean"
10101
10066
  },
10102
10067
  "privacy": "private",
10103
- "default": "true",
10068
+ "default": "false",
10104
10069
  "inheritedFrom": {
10105
- "name": "DataGrid",
10106
- "module": "src/data-grid/data-grid.ts"
10070
+ "name": "DataGridCell",
10071
+ "module": "src/data-grid/data-grid-cell.ts"
10107
10072
  }
10108
10073
  },
10109
10074
  {
10110
10075
  "kind": "field",
10111
- "name": "generatedGridTemplateColumns",
10076
+ "name": "customCellView",
10112
10077
  "type": {
10113
- "text": "string"
10078
+ "text": "HTMLView | null"
10114
10079
  },
10115
10080
  "privacy": "private",
10116
- "default": "\"\"",
10117
- "inheritedFrom": {
10118
- "name": "DataGrid",
10119
- "module": "src/data-grid/data-grid.ts"
10120
- }
10121
- },
10122
- {
10123
- "kind": "field",
10124
- "name": "focusOnCell",
10125
- "privacy": "private",
10081
+ "default": "null",
10126
10082
  "inheritedFrom": {
10127
- "name": "DataGrid",
10128
- "module": "src/data-grid/data-grid.ts"
10083
+ "name": "DataGridCell",
10084
+ "module": "src/data-grid/data-grid-cell.ts"
10129
10085
  }
10130
10086
  },
10131
10087
  {
10132
10088
  "kind": "method",
10133
- "name": "queueFocusUpdate",
10134
- "privacy": "private",
10089
+ "name": "handleFocusin",
10090
+ "privacy": "public",
10135
10091
  "return": {
10136
10092
  "type": {
10137
10093
  "text": "void"
10138
10094
  }
10139
10095
  },
10096
+ "parameters": [
10097
+ {
10098
+ "name": "e",
10099
+ "type": {
10100
+ "text": "FocusEvent"
10101
+ }
10102
+ }
10103
+ ],
10140
10104
  "inheritedFrom": {
10141
- "name": "DataGrid",
10142
- "module": "src/data-grid/data-grid.ts"
10105
+ "name": "DataGridCell",
10106
+ "module": "src/data-grid/data-grid-cell.ts"
10143
10107
  }
10144
10108
  },
10145
10109
  {
10146
10110
  "kind": "method",
10147
- "name": "updateFocus",
10148
- "privacy": "private",
10111
+ "name": "handleFocusout",
10112
+ "privacy": "public",
10149
10113
  "return": {
10150
10114
  "type": {
10151
10115
  "text": "void"
10152
10116
  }
10153
10117
  },
10118
+ "parameters": [
10119
+ {
10120
+ "name": "e",
10121
+ "type": {
10122
+ "text": "FocusEvent"
10123
+ }
10124
+ }
10125
+ ],
10154
10126
  "inheritedFrom": {
10155
- "name": "DataGrid",
10156
- "module": "src/data-grid/data-grid.ts"
10127
+ "name": "DataGridCell",
10128
+ "module": "src/data-grid/data-grid-cell.ts"
10157
10129
  }
10158
10130
  },
10159
10131
  {
10160
10132
  "kind": "method",
10161
- "name": "toggleGeneratedHeader",
10162
- "privacy": "private",
10133
+ "name": "handleKeydown",
10134
+ "privacy": "public",
10163
10135
  "return": {
10164
10136
  "type": {
10165
10137
  "text": "void"
10166
10138
  }
10167
10139
  },
10140
+ "parameters": [
10141
+ {
10142
+ "name": "e",
10143
+ "type": {
10144
+ "text": "KeyboardEvent"
10145
+ }
10146
+ }
10147
+ ],
10168
10148
  "inheritedFrom": {
10169
- "name": "DataGrid",
10170
- "module": "src/data-grid/data-grid.ts"
10149
+ "name": "DataGridCell",
10150
+ "module": "src/data-grid/data-grid-cell.ts"
10171
10151
  }
10172
10152
  },
10173
10153
  {
10174
- "kind": "field",
10175
- "name": "onChildListChange",
10154
+ "kind": "method",
10155
+ "name": "updateCellView",
10176
10156
  "privacy": "private",
10157
+ "return": {
10158
+ "type": {
10159
+ "text": "void"
10160
+ }
10161
+ },
10177
10162
  "inheritedFrom": {
10178
- "name": "DataGrid",
10179
- "module": "src/data-grid/data-grid.ts"
10163
+ "name": "DataGridCell",
10164
+ "module": "src/data-grid/data-grid-cell.ts"
10180
10165
  }
10181
10166
  },
10182
10167
  {
10183
- "kind": "field",
10184
- "name": "queueRowIndexUpdate",
10168
+ "kind": "method",
10169
+ "name": "disconnectCellView",
10185
10170
  "privacy": "private",
10171
+ "return": {
10172
+ "type": {
10173
+ "text": "void"
10174
+ }
10175
+ },
10186
10176
  "inheritedFrom": {
10187
- "name": "DataGrid",
10188
- "module": "src/data-grid/data-grid.ts"
10177
+ "name": "DataGridCell",
10178
+ "module": "src/data-grid/data-grid-cell.ts"
10189
10179
  }
10190
10180
  },
10191
10181
  {
10192
10182
  "kind": "field",
10193
- "name": "updateRowIndexes",
10183
+ "name": "updateCellStyle",
10194
10184
  "privacy": "private",
10195
10185
  "inheritedFrom": {
10196
- "name": "DataGrid",
10197
- "module": "src/data-grid/data-grid.ts"
10186
+ "name": "DataGridCell",
10187
+ "module": "src/data-grid/data-grid-cell.ts"
10198
10188
  }
10199
10189
  },
10200
10190
  {
@@ -10308,11 +10298,21 @@
10308
10298
  "module": "src/foundation-element/foundation-element.ts"
10309
10299
  }
10310
10300
  }
10301
+ ],
10302
+ "events": [
10303
+ {
10304
+ "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents",
10305
+ "name": "cell-focused",
10306
+ "inheritedFrom": {
10307
+ "name": "DataGridCell",
10308
+ "module": "src/data-grid/data-grid-cell.ts"
10309
+ }
10310
+ }
10311
10311
  ]
10312
10312
  },
10313
10313
  {
10314
10314
  "kind": "variable",
10315
- "name": "foundationDataGridShadowOptions",
10315
+ "name": "foundationDataGridCellShadowOptions",
10316
10316
  "type": {
10317
10317
  "text": "ShadowRootInit"
10318
10318
  },
@@ -10320,7 +10320,7 @@
10320
10320
  },
10321
10321
  {
10322
10322
  "kind": "variable",
10323
- "name": "defaultDataGridConfig",
10323
+ "name": "defaultDataGridCellConfig",
10324
10324
  "type": {
10325
10325
  "text": "object"
10326
10326
  },
@@ -10328,49 +10328,57 @@
10328
10328
  },
10329
10329
  {
10330
10330
  "kind": "variable",
10331
- "name": "foundationDataGrid",
10332
- "description": "The Foundation Data Grid Element.",
10331
+ "name": "foundationDataGridCell",
10332
+ "description": "The Foundation Data Grid Cell Element.",
10333
10333
  "privacy": "public"
10334
10334
  }
10335
10335
  ],
10336
10336
  "exports": [
10337
10337
  {
10338
10338
  "kind": "js",
10339
- "name": "DataGrid",
10339
+ "name": "foundationDataGridCellTemplate",
10340
10340
  "declaration": {
10341
- "name": "DataGrid",
10342
- "module": "src/data-grid/data-grid.ts"
10341
+ "name": "dataGridCellTemplate",
10342
+ "package": "@microsoft/fast-foundation"
10343
10343
  }
10344
10344
  },
10345
10345
  {
10346
10346
  "kind": "js",
10347
- "name": "foundationDataGridShadowOptions",
10347
+ "name": "DataGridCell",
10348
10348
  "declaration": {
10349
- "name": "foundationDataGridShadowOptions",
10350
- "module": "src/data-grid/data-grid.ts"
10349
+ "name": "DataGridCell",
10350
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10351
10351
  }
10352
10352
  },
10353
10353
  {
10354
10354
  "kind": "js",
10355
- "name": "defaultDataGridConfig",
10355
+ "name": "foundationDataGridCellShadowOptions",
10356
10356
  "declaration": {
10357
- "name": "defaultDataGridConfig",
10358
- "module": "src/data-grid/data-grid.ts"
10357
+ "name": "foundationDataGridCellShadowOptions",
10358
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10359
10359
  }
10360
10360
  },
10361
10361
  {
10362
10362
  "kind": "js",
10363
- "name": "foundationDataGrid",
10363
+ "name": "defaultDataGridCellConfig",
10364
10364
  "declaration": {
10365
- "name": "foundationDataGrid",
10366
- "module": "src/data-grid/data-grid.ts"
10365
+ "name": "defaultDataGridCellConfig",
10366
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10367
+ }
10368
+ },
10369
+ {
10370
+ "kind": "js",
10371
+ "name": "foundationDataGridCell",
10372
+ "declaration": {
10373
+ "name": "foundationDataGridCell",
10374
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10367
10375
  }
10368
10376
  }
10369
10377
  ]
10370
10378
  },
10371
10379
  {
10372
10380
  "kind": "javascript-module",
10373
- "path": "src/data-grid/index.ts",
10381
+ "path": "src/data-grid-cell/index.ts",
10374
10382
  "declarations": [],
10375
10383
  "exports": [
10376
10384
  {
@@ -10378,15 +10386,7 @@
10378
10386
  "name": "*",
10379
10387
  "declaration": {
10380
10388
  "name": "*",
10381
- "package": "./data-grid.template"
10382
- }
10383
- },
10384
- {
10385
- "kind": "js",
10386
- "name": "*",
10387
- "declaration": {
10388
- "name": "*",
10389
- "package": "./data-grid.styles"
10389
+ "package": "./data-grid.cell"
10390
10390
  }
10391
10391
  },
10392
10392
  {
@@ -10394,7 +10394,7 @@
10394
10394
  "name": "*",
10395
10395
  "declaration": {
10396
10396
  "name": "*",
10397
- "package": "./data-grid"
10397
+ "package": "./data-grid-cell.styles"
10398
10398
  }
10399
10399
  }
10400
10400
  ]