@genesislcap/foundation-ui 14.166.0 → 14.167.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 (24) hide show
  1. package/dist/custom-elements.json +1385 -1299
  2. package/dist/dts/_common/icons.d.ts +1 -1
  3. package/dist/dts/_common/icons.d.ts.map +1 -1
  4. package/dist/dts/index.d.ts +1 -0
  5. package/dist/dts/index.d.ts.map +1 -1
  6. package/dist/dts/snackbar/index.d.ts +2 -0
  7. package/dist/dts/snackbar/index.d.ts.map +1 -1
  8. package/dist/dts/snackbar/snackbar.config.d.ts +12 -0
  9. package/dist/dts/snackbar/snackbar.config.d.ts.map +1 -0
  10. package/dist/dts/snackbar/snackbar.d.ts +10 -1
  11. package/dist/dts/snackbar/snackbar.d.ts.map +1 -1
  12. package/dist/dts/snackbar/snackbar.styles.d.ts.map +1 -1
  13. package/dist/dts/snackbar/snackbar.template.d.ts.map +1 -1
  14. package/dist/dts/snackbar/snackbar.types.d.ts +3 -0
  15. package/dist/dts/snackbar/snackbar.types.d.ts.map +1 -0
  16. package/dist/esm/_common/icons.js +2 -2
  17. package/dist/esm/index.js +1 -0
  18. package/dist/esm/snackbar/index.js +2 -0
  19. package/dist/esm/snackbar/snackbar.config.js +11 -0
  20. package/dist/esm/snackbar/snackbar.js +40 -12
  21. package/dist/esm/snackbar/snackbar.styles.js +40 -4
  22. package/dist/esm/snackbar/snackbar.template.js +14 -12
  23. package/dist/esm/snackbar/snackbar.types.js +1 -0
  24. package/package.json +15 -15
package/dist/custom-elements.json CHANGED
@@ -737,6 +737,14 @@
737
737
  "name": "*",
738
738
  "package": "./utils/base-datasource"
739
739
  }
740
+ },
741
+ {
742
+ "kind": "js",
743
+ "name": "getDesignSystemPrefix",
744
+ "declaration": {
745
+ "name": "getPrefix",
746
+ "module": "./utils/dom"
747
+ }
740
748
  }
741
749
  ]
742
750
  },
@@ -812,6 +820,10 @@
812
820
  {
813
821
  "name": "slot",
814
822
  "default": "'start'"
823
+ },
824
+ {
825
+ "name": "fill",
826
+ "default": "'#879ba6'"
815
827
  }
816
828
  ]
817
829
  }
@@ -4910,359 +4922,53 @@
4910
4922
  },
4911
4923
  {
4912
4924
  "kind": "javascript-module",
4913
- "path": "src/banner/banner.styles.ts",
4914
- "declarations": [
4915
- {
4916
- "kind": "variable",
4917
- "name": "foundationBannerStyles",
4918
- "type": {
4919
- "text": "ElementStyles"
4920
- },
4921
- "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`"
4922
- }
4923
- ],
4924
- "exports": [
4925
- {
4926
- "kind": "js",
4927
- "name": "foundationBannerStyles",
4928
- "declaration": {
4929
- "name": "foundationBannerStyles",
4930
- "module": "src/banner/banner.styles.ts"
4931
- }
4932
- }
4933
- ]
4934
- },
4935
- {
4936
- "kind": "javascript-module",
4937
- "path": "src/banner/banner.template.ts",
4925
+ "path": "src/breadcrumb/breadcrumb.styles.ts",
4938
4926
  "declarations": [
4939
4927
  {
4940
4928
  "kind": "function",
4941
- "name": "getBannerTemplate",
4942
- "parameters": [
4943
- {
4944
- "name": "prefix",
4945
- "type": {
4946
- "text": "string"
4947
- }
4929
+ "name": "foundationBreadcrumbStyles",
4930
+ "return": {
4931
+ "type": {
4932
+ "text": "ElementStyles"
4948
4933
  }
4949
- ]
4950
- },
4951
- {
4952
- "kind": "variable",
4953
- "name": "foundationBannerTemplate",
4954
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4955
- }
4956
- ],
4957
- "exports": [
4958
- {
4959
- "kind": "js",
4960
- "name": "getBannerTemplate",
4961
- "declaration": {
4962
- "name": "getBannerTemplate",
4963
- "module": "src/banner/banner.template.ts"
4964
- }
4965
- },
4966
- {
4967
- "kind": "js",
4968
- "name": "foundationBannerTemplate",
4969
- "declaration": {
4970
- "name": "foundationBannerTemplate",
4971
- "module": "src/banner/banner.template.ts"
4972
- }
4973
- }
4974
- ]
4975
- },
4976
- {
4977
- "kind": "javascript-module",
4978
- "path": "src/banner/banner.ts",
4979
- "declarations": [
4980
- {
4981
- "kind": "variable",
4982
- "name": "foundationBannerShadowOptions",
4983
- "type": {
4984
- "text": "ShadowRootInit"
4985
4934
  },
4986
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
4987
- },
4988
- {
4989
- "kind": "class",
4990
- "description": "",
4991
- "name": "Banner",
4992
- "members": [
4993
- {
4994
- "kind": "field",
4995
- "name": "banner",
4996
- "type": {
4997
- "text": "HTMLElement"
4998
- },
4999
- "privacy": "public"
5000
- },
5001
- {
5002
- "kind": "field",
5003
- "name": "dismissAnimation",
5004
- "type": {
5005
- "text": "'banner-delete' | ''"
5006
- },
5007
- "default": "''"
5008
- },
5009
- {
5010
- "kind": "field",
5011
- "name": "notification",
5012
- "type": {
5013
- "text": "NotificationStructure"
5014
- }
5015
- },
5016
- {
5017
- "kind": "method",
5018
- "name": "dismiss",
5019
- "privacy": "public",
5020
- "return": {
5021
- "type": {
5022
- "text": "Promise<void>"
5023
- }
5024
- },
5025
- "description": "Dismiss the Banner from display."
5026
- },
5027
- {
5028
- "kind": "method",
5029
- "name": "dismissNotification",
5030
- "privacy": "public",
5031
- "description": "Dismiss the Banner (NotificationStructure) from display."
5032
- },
5033
- {
5034
- "kind": "field",
5035
- "name": "_presentation",
5036
- "type": {
5037
- "text": "ComponentPresentation | null | undefined"
5038
- },
5039
- "privacy": "private",
5040
- "default": "void 0",
5041
- "inheritedFrom": {
5042
- "name": "FoundationElement",
5043
- "module": "src/foundation-element/foundation-element.ts"
5044
- }
5045
- },
5046
- {
5047
- "kind": "field",
5048
- "name": "$presentation",
5049
- "type": {
5050
- "text": "ComponentPresentation | null"
5051
- },
5052
- "privacy": "public",
5053
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
5054
- "inheritedFrom": {
5055
- "name": "FoundationElement",
5056
- "module": "src/foundation-element/foundation-element.ts"
5057
- }
5058
- },
4935
+ "parameters": [
5059
4936
  {
5060
- "kind": "field",
5061
- "name": "template",
4937
+ "name": "context",
5062
4938
  "type": {
5063
- "text": "ElementViewTemplate | void | null"
5064
- },
5065
- "privacy": "public",
5066
- "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.",
5067
- "inheritedFrom": {
5068
- "name": "FoundationElement",
5069
- "module": "src/foundation-element/foundation-element.ts"
5070
- }
5071
- },
5072
- {
5073
- "kind": "method",
5074
- "name": "templateChanged",
5075
- "privacy": "protected",
5076
- "return": {
5077
- "type": {
5078
- "text": "void"
5079
- }
5080
- },
5081
- "inheritedFrom": {
5082
- "name": "FoundationElement",
5083
- "module": "src/foundation-element/foundation-element.ts"
4939
+ "text": "ElementDefinitionContext"
5084
4940
  }
5085
4941
  },
5086
4942
  {
5087
- "kind": "field",
5088
- "name": "styles",
4943
+ "name": "definition",
5089
4944
  "type": {
5090
- "text": "ElementStyles | void | null"
5091
- },
5092
- "privacy": "public",
5093
- "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.",
5094
- "inheritedFrom": {
5095
- "name": "FoundationElement",
5096
- "module": "src/foundation-element/foundation-element.ts"
5097
- }
5098
- },
5099
- {
5100
- "kind": "method",
5101
- "name": "stylesChanged",
5102
- "privacy": "protected",
5103
- "return": {
5104
- "type": {
5105
- "text": "void"
5106
- }
5107
- },
5108
- "inheritedFrom": {
5109
- "name": "FoundationElement",
5110
- "module": "src/foundation-element/foundation-element.ts"
5111
- }
5112
- },
5113
- {
5114
- "kind": "method",
5115
- "name": "compose",
5116
- "privacy": "public",
5117
- "static": true,
5118
- "return": {
5119
- "type": {
5120
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
5121
- }
5122
- },
5123
- "parameters": [
5124
- {
5125
- "name": "this",
5126
- "type": {
5127
- "text": "K"
5128
- }
5129
- },
5130
- {
5131
- "name": "elementDefinition",
5132
- "type": {
5133
- "text": "T"
5134
- },
5135
- "description": "The definition of the element to create the registry\nfunction for."
5136
- }
5137
- ],
5138
- "description": "Defines an element registry function with a set of element definition defaults.",
5139
- "inheritedFrom": {
5140
- "name": "FoundationElement",
5141
- "module": "src/foundation-element/foundation-element.ts"
4945
+ "text": "FoundationElementDefinition"
5142
4946
  }
5143
4947
  }
5144
- ],
5145
- "superclass": {
5146
- "name": "FoundationElement",
5147
- "package": "@microsoft/fast-foundation"
5148
- },
5149
- "tagName": "%%prefix%%-banner",
5150
- "customElement": true
5151
- },
5152
- {
5153
- "kind": "variable",
5154
- "name": "foundationBanner",
5155
- "description": "The Foundation Banner",
5156
- "privacy": "public"
4948
+ ]
5157
4949
  }
5158
4950
  ],
5159
4951
  "exports": [
5160
4952
  {
5161
4953
  "kind": "js",
5162
- "name": "foundationBannerShadowOptions",
5163
- "declaration": {
5164
- "name": "foundationBannerShadowOptions",
5165
- "module": "src/banner/banner.ts"
5166
- }
5167
- },
5168
- {
5169
- "kind": "js",
5170
- "name": "Banner",
5171
- "declaration": {
5172
- "name": "Banner",
5173
- "module": "src/banner/banner.ts"
5174
- }
5175
- },
5176
- {
5177
- "kind": "js",
5178
- "name": "foundationBanner",
5179
- "declaration": {
5180
- "name": "foundationBanner",
5181
- "module": "src/banner/banner.ts"
5182
- }
5183
- }
5184
- ]
5185
- },
5186
- {
5187
- "kind": "javascript-module",
5188
- "path": "src/banner/index.ts",
5189
- "declarations": [],
5190
- "exports": [
5191
- {
5192
- "kind": "js",
5193
- "name": "*",
5194
- "declaration": {
5195
- "name": "*",
5196
- "package": "./banner.styles"
5197
- }
5198
- },
5199
- {
5200
- "kind": "js",
5201
- "name": "*",
5202
- "declaration": {
5203
- "name": "*",
5204
- "package": "./banner.template"
5205
- }
5206
- },
5207
- {
5208
- "kind": "js",
5209
- "name": "*",
4954
+ "name": "foundationBreadcrumbStyles",
5210
4955
  "declaration": {
5211
- "name": "*",
5212
- "package": "./banner"
4956
+ "name": "foundationBreadcrumbStyles",
4957
+ "module": "src/breadcrumb/breadcrumb.styles.ts"
5213
4958
  }
5214
4959
  }
5215
4960
  ]
5216
4961
  },
5217
4962
  {
5218
4963
  "kind": "javascript-module",
5219
- "path": "src/breadcrumb/breadcrumb.styles.ts",
4964
+ "path": "src/breadcrumb/breadcrumb.template.ts",
5220
4965
  "declarations": [
5221
4966
  {
5222
4967
  "kind": "function",
5223
- "name": "foundationBreadcrumbStyles",
4968
+ "name": "foundationBreadcrumbTemplate",
5224
4969
  "return": {
5225
4970
  "type": {
5226
- "text": "ElementStyles"
5227
- }
5228
- },
5229
- "parameters": [
5230
- {
5231
- "name": "context",
5232
- "type": {
5233
- "text": "ElementDefinitionContext"
5234
- }
5235
- },
5236
- {
5237
- "name": "definition",
5238
- "type": {
5239
- "text": "FoundationElementDefinition"
5240
- }
5241
- }
5242
- ]
5243
- }
5244
- ],
5245
- "exports": [
5246
- {
5247
- "kind": "js",
5248
- "name": "foundationBreadcrumbStyles",
5249
- "declaration": {
5250
- "name": "foundationBreadcrumbStyles",
5251
- "module": "src/breadcrumb/breadcrumb.styles.ts"
5252
- }
5253
- }
5254
- ]
5255
- },
5256
- {
5257
- "kind": "javascript-module",
5258
- "path": "src/breadcrumb/breadcrumb.template.ts",
5259
- "declarations": [
5260
- {
5261
- "kind": "function",
5262
- "name": "foundationBreadcrumbTemplate",
5263
- "return": {
5264
- "type": {
5265
- "text": "ViewTemplate<Breadcrumb>"
4971
+ "text": "ViewTemplate<Breadcrumb>"
5266
4972
  }
5267
4973
  },
5268
4974
  "parameters": [
@@ -5598,6 +5304,312 @@
5598
5304
  }
5599
5305
  ]
5600
5306
  },
5307
+ {
5308
+ "kind": "javascript-module",
5309
+ "path": "src/banner/banner.styles.ts",
5310
+ "declarations": [
5311
+ {
5312
+ "kind": "variable",
5313
+ "name": "foundationBannerStyles",
5314
+ "type": {
5315
+ "text": "ElementStyles"
5316
+ },
5317
+ "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`"
5318
+ }
5319
+ ],
5320
+ "exports": [
5321
+ {
5322
+ "kind": "js",
5323
+ "name": "foundationBannerStyles",
5324
+ "declaration": {
5325
+ "name": "foundationBannerStyles",
5326
+ "module": "src/banner/banner.styles.ts"
5327
+ }
5328
+ }
5329
+ ]
5330
+ },
5331
+ {
5332
+ "kind": "javascript-module",
5333
+ "path": "src/banner/banner.template.ts",
5334
+ "declarations": [
5335
+ {
5336
+ "kind": "function",
5337
+ "name": "getBannerTemplate",
5338
+ "parameters": [
5339
+ {
5340
+ "name": "prefix",
5341
+ "type": {
5342
+ "text": "string"
5343
+ }
5344
+ }
5345
+ ]
5346
+ },
5347
+ {
5348
+ "kind": "variable",
5349
+ "name": "foundationBannerTemplate",
5350
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
5351
+ }
5352
+ ],
5353
+ "exports": [
5354
+ {
5355
+ "kind": "js",
5356
+ "name": "getBannerTemplate",
5357
+ "declaration": {
5358
+ "name": "getBannerTemplate",
5359
+ "module": "src/banner/banner.template.ts"
5360
+ }
5361
+ },
5362
+ {
5363
+ "kind": "js",
5364
+ "name": "foundationBannerTemplate",
5365
+ "declaration": {
5366
+ "name": "foundationBannerTemplate",
5367
+ "module": "src/banner/banner.template.ts"
5368
+ }
5369
+ }
5370
+ ]
5371
+ },
5372
+ {
5373
+ "kind": "javascript-module",
5374
+ "path": "src/banner/banner.ts",
5375
+ "declarations": [
5376
+ {
5377
+ "kind": "variable",
5378
+ "name": "foundationBannerShadowOptions",
5379
+ "type": {
5380
+ "text": "ShadowRootInit"
5381
+ },
5382
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5383
+ },
5384
+ {
5385
+ "kind": "class",
5386
+ "description": "",
5387
+ "name": "Banner",
5388
+ "members": [
5389
+ {
5390
+ "kind": "field",
5391
+ "name": "banner",
5392
+ "type": {
5393
+ "text": "HTMLElement"
5394
+ },
5395
+ "privacy": "public"
5396
+ },
5397
+ {
5398
+ "kind": "field",
5399
+ "name": "dismissAnimation",
5400
+ "type": {
5401
+ "text": "'banner-delete' | ''"
5402
+ },
5403
+ "default": "''"
5404
+ },
5405
+ {
5406
+ "kind": "field",
5407
+ "name": "notification",
5408
+ "type": {
5409
+ "text": "NotificationStructure"
5410
+ }
5411
+ },
5412
+ {
5413
+ "kind": "method",
5414
+ "name": "dismiss",
5415
+ "privacy": "public",
5416
+ "return": {
5417
+ "type": {
5418
+ "text": "Promise<void>"
5419
+ }
5420
+ },
5421
+ "description": "Dismiss the Banner from display."
5422
+ },
5423
+ {
5424
+ "kind": "method",
5425
+ "name": "dismissNotification",
5426
+ "privacy": "public",
5427
+ "description": "Dismiss the Banner (NotificationStructure) from display."
5428
+ },
5429
+ {
5430
+ "kind": "field",
5431
+ "name": "_presentation",
5432
+ "type": {
5433
+ "text": "ComponentPresentation | null | undefined"
5434
+ },
5435
+ "privacy": "private",
5436
+ "default": "void 0",
5437
+ "inheritedFrom": {
5438
+ "name": "FoundationElement",
5439
+ "module": "src/foundation-element/foundation-element.ts"
5440
+ }
5441
+ },
5442
+ {
5443
+ "kind": "field",
5444
+ "name": "$presentation",
5445
+ "type": {
5446
+ "text": "ComponentPresentation | null"
5447
+ },
5448
+ "privacy": "public",
5449
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
5450
+ "inheritedFrom": {
5451
+ "name": "FoundationElement",
5452
+ "module": "src/foundation-element/foundation-element.ts"
5453
+ }
5454
+ },
5455
+ {
5456
+ "kind": "field",
5457
+ "name": "template",
5458
+ "type": {
5459
+ "text": "ElementViewTemplate | void | null"
5460
+ },
5461
+ "privacy": "public",
5462
+ "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.",
5463
+ "inheritedFrom": {
5464
+ "name": "FoundationElement",
5465
+ "module": "src/foundation-element/foundation-element.ts"
5466
+ }
5467
+ },
5468
+ {
5469
+ "kind": "method",
5470
+ "name": "templateChanged",
5471
+ "privacy": "protected",
5472
+ "return": {
5473
+ "type": {
5474
+ "text": "void"
5475
+ }
5476
+ },
5477
+ "inheritedFrom": {
5478
+ "name": "FoundationElement",
5479
+ "module": "src/foundation-element/foundation-element.ts"
5480
+ }
5481
+ },
5482
+ {
5483
+ "kind": "field",
5484
+ "name": "styles",
5485
+ "type": {
5486
+ "text": "ElementStyles | void | null"
5487
+ },
5488
+ "privacy": "public",
5489
+ "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.",
5490
+ "inheritedFrom": {
5491
+ "name": "FoundationElement",
5492
+ "module": "src/foundation-element/foundation-element.ts"
5493
+ }
5494
+ },
5495
+ {
5496
+ "kind": "method",
5497
+ "name": "stylesChanged",
5498
+ "privacy": "protected",
5499
+ "return": {
5500
+ "type": {
5501
+ "text": "void"
5502
+ }
5503
+ },
5504
+ "inheritedFrom": {
5505
+ "name": "FoundationElement",
5506
+ "module": "src/foundation-element/foundation-element.ts"
5507
+ }
5508
+ },
5509
+ {
5510
+ "kind": "method",
5511
+ "name": "compose",
5512
+ "privacy": "public",
5513
+ "static": true,
5514
+ "return": {
5515
+ "type": {
5516
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
5517
+ }
5518
+ },
5519
+ "parameters": [
5520
+ {
5521
+ "name": "this",
5522
+ "type": {
5523
+ "text": "K"
5524
+ }
5525
+ },
5526
+ {
5527
+ "name": "elementDefinition",
5528
+ "type": {
5529
+ "text": "T"
5530
+ },
5531
+ "description": "The definition of the element to create the registry\nfunction for."
5532
+ }
5533
+ ],
5534
+ "description": "Defines an element registry function with a set of element definition defaults.",
5535
+ "inheritedFrom": {
5536
+ "name": "FoundationElement",
5537
+ "module": "src/foundation-element/foundation-element.ts"
5538
+ }
5539
+ }
5540
+ ],
5541
+ "superclass": {
5542
+ "name": "FoundationElement",
5543
+ "package": "@microsoft/fast-foundation"
5544
+ },
5545
+ "tagName": "%%prefix%%-banner",
5546
+ "customElement": true
5547
+ },
5548
+ {
5549
+ "kind": "variable",
5550
+ "name": "foundationBanner",
5551
+ "description": "The Foundation Banner",
5552
+ "privacy": "public"
5553
+ }
5554
+ ],
5555
+ "exports": [
5556
+ {
5557
+ "kind": "js",
5558
+ "name": "foundationBannerShadowOptions",
5559
+ "declaration": {
5560
+ "name": "foundationBannerShadowOptions",
5561
+ "module": "src/banner/banner.ts"
5562
+ }
5563
+ },
5564
+ {
5565
+ "kind": "js",
5566
+ "name": "Banner",
5567
+ "declaration": {
5568
+ "name": "Banner",
5569
+ "module": "src/banner/banner.ts"
5570
+ }
5571
+ },
5572
+ {
5573
+ "kind": "js",
5574
+ "name": "foundationBanner",
5575
+ "declaration": {
5576
+ "name": "foundationBanner",
5577
+ "module": "src/banner/banner.ts"
5578
+ }
5579
+ }
5580
+ ]
5581
+ },
5582
+ {
5583
+ "kind": "javascript-module",
5584
+ "path": "src/banner/index.ts",
5585
+ "declarations": [],
5586
+ "exports": [
5587
+ {
5588
+ "kind": "js",
5589
+ "name": "*",
5590
+ "declaration": {
5591
+ "name": "*",
5592
+ "package": "./banner.styles"
5593
+ }
5594
+ },
5595
+ {
5596
+ "kind": "js",
5597
+ "name": "*",
5598
+ "declaration": {
5599
+ "name": "*",
5600
+ "package": "./banner.template"
5601
+ }
5602
+ },
5603
+ {
5604
+ "kind": "js",
5605
+ "name": "*",
5606
+ "declaration": {
5607
+ "name": "*",
5608
+ "package": "./banner"
5609
+ }
5610
+ }
5611
+ ]
5612
+ },
5601
5613
  {
5602
5614
  "kind": "javascript-module",
5603
5615
  "path": "src/breadcrumb-item/breadcrumb-item.styles.ts",
@@ -9635,11 +9647,11 @@
9635
9647
  },
9636
9648
  {
9637
9649
  "kind": "javascript-module",
9638
- "path": "src/data-grid-cell/data-grid-cell.styles.ts",
9650
+ "path": "src/data-grid/data-grid.styles.ts",
9639
9651
  "declarations": [
9640
9652
  {
9641
9653
  "kind": "function",
9642
- "name": "foundationDataGridCellStyles",
9654
+ "name": "foundationDataGridStyles",
9643
9655
  "return": {
9644
9656
  "type": {
9645
9657
  "text": "ElementStyles"
@@ -9664,71 +9676,159 @@
9664
9676
  "exports": [
9665
9677
  {
9666
9678
  "kind": "js",
9667
- "name": "foundationDataGridCellStyles",
9679
+ "name": "foundationDataGridStyles",
9668
9680
  "declaration": {
9669
- "name": "foundationDataGridCellStyles",
9670
- "module": "src/data-grid-cell/data-grid-cell.styles.ts"
9681
+ "name": "foundationDataGridStyles",
9682
+ "module": "src/data-grid/data-grid.styles.ts"
9671
9683
  }
9672
9684
  }
9673
9685
  ]
9674
9686
  },
9675
9687
  {
9676
9688
  "kind": "javascript-module",
9677
- "path": "src/data-grid-cell/data-grid.cell.ts",
9689
+ "path": "src/data-grid/data-grid.template.ts",
9690
+ "declarations": [
9691
+ {
9692
+ "kind": "function",
9693
+ "name": "foundationDataGridTemplate",
9694
+ "return": {
9695
+ "type": {
9696
+ "text": "ViewTemplate<DataGrid>"
9697
+ }
9698
+ },
9699
+ "parameters": [
9700
+ {
9701
+ "name": "context",
9702
+ "type": {
9703
+ "text": "ElementDefinitionContext"
9704
+ }
9705
+ },
9706
+ {
9707
+ "name": "definition",
9708
+ "type": {
9709
+ "text": "FoundationElementDefinition"
9710
+ }
9711
+ }
9712
+ ]
9713
+ }
9714
+ ],
9715
+ "exports": [
9716
+ {
9717
+ "kind": "js",
9718
+ "name": "foundationDataGridTemplate",
9719
+ "declaration": {
9720
+ "name": "foundationDataGridTemplate",
9721
+ "module": "src/data-grid/data-grid.template.ts"
9722
+ }
9723
+ }
9724
+ ]
9725
+ },
9726
+ {
9727
+ "kind": "javascript-module",
9728
+ "path": "src/data-grid/data-grid.ts",
9678
9729
  "declarations": [
9679
9730
  {
9680
9731
  "kind": "class",
9681
9732
  "description": "",
9682
- "name": "DataGridCell",
9733
+ "name": "DataGrid",
9683
9734
  "superclass": {
9684
- "name": "FASTDataGridCell",
9735
+ "name": "FASTDataGrid",
9685
9736
  "package": "@microsoft/fast-components"
9686
9737
  },
9687
- "tagName": "%%prefix%%-data-grid-cell",
9738
+ "tagName": "%%prefix%%-data-grid",
9688
9739
  "customElement": true,
9689
9740
  "attributes": [
9690
9741
  {
9691
- "name": "cell-type",
9742
+ "name": "no-tabbing",
9692
9743
  "type": {
9693
- "text": "DataGridCellTypes"
9744
+ "text": "boolean"
9694
9745
  },
9695
- "description": "The type of cell",
9696
- "fieldName": "cellType",
9746
+ "default": "false",
9747
+ "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9748
+ "fieldName": "noTabbing",
9697
9749
  "inheritedFrom": {
9698
- "name": "DataGridCell",
9699
- "module": "src/data-grid/data-grid-cell.ts"
9750
+ "name": "DataGrid",
9751
+ "module": "src/data-grid/data-grid.ts"
9700
9752
  }
9701
9753
  },
9702
9754
  {
9703
- "name": "grid-column",
9755
+ "name": "generate-header",
9756
+ "type": {
9757
+ "text": "GenerateHeaderOptions"
9758
+ },
9759
+ "description": "Whether the grid should automatically generate a header row and its type",
9760
+ "fieldName": "generateHeader",
9761
+ "inheritedFrom": {
9762
+ "name": "DataGrid",
9763
+ "module": "src/data-grid/data-grid.ts"
9764
+ }
9765
+ },
9766
+ {
9767
+ "name": "grid-template-columns",
9704
9768
  "type": {
9705
9769
  "text": "string"
9706
9770
  },
9707
- "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
9708
- "fieldName": "gridColumn",
9771
+ "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9772
+ "fieldName": "gridTemplateColumns",
9709
9773
  "inheritedFrom": {
9710
- "name": "DataGridCell",
9711
- "module": "src/data-grid/data-grid-cell.ts"
9774
+ "name": "DataGrid",
9775
+ "module": "src/data-grid/data-grid.ts"
9712
9776
  }
9713
9777
  }
9714
9778
  ],
9715
9779
  "members": [
9716
9780
  {
9717
9781
  "kind": "field",
9718
- "name": "cellType",
9782
+ "name": "generateColumns",
9783
+ "privacy": "public",
9784
+ "static": true,
9785
+ "description": "generates a basic column definition by examining sample row data",
9786
+ "inheritedFrom": {
9787
+ "name": "DataGrid",
9788
+ "module": "src/data-grid/data-grid.ts"
9789
+ }
9790
+ },
9791
+ {
9792
+ "kind": "method",
9793
+ "name": "generateTemplateColumns",
9794
+ "privacy": "private",
9795
+ "static": true,
9796
+ "return": {
9797
+ "type": {
9798
+ "text": "string"
9799
+ }
9800
+ },
9801
+ "parameters": [
9802
+ {
9803
+ "name": "columnDefinitions",
9804
+ "type": {
9805
+ "text": "ColumnDefinition[]"
9806
+ }
9807
+ }
9808
+ ],
9809
+ "description": "generates a gridTemplateColumns based on columndata array",
9810
+ "inheritedFrom": {
9811
+ "name": "DataGrid",
9812
+ "module": "src/data-grid/data-grid.ts"
9813
+ }
9814
+ },
9815
+ {
9816
+ "kind": "field",
9817
+ "name": "noTabbing",
9719
9818
  "type": {
9720
- "text": "DataGridCellTypes"
9819
+ "text": "boolean"
9721
9820
  },
9722
9821
  "privacy": "public",
9723
- "description": "The type of cell",
9822
+ "default": "false",
9823
+ "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
9724
9824
  "inheritedFrom": {
9725
- "name": "DataGridCell",
9726
- "module": "src/data-grid/data-grid-cell.ts"
9825
+ "name": "DataGrid",
9826
+ "module": "src/data-grid/data-grid.ts"
9727
9827
  }
9728
9828
  },
9729
9829
  {
9730
9830
  "kind": "method",
9731
- "name": "cellTypeChanged",
9831
+ "name": "noTabbingChanged",
9732
9832
  "privacy": "private",
9733
9833
  "return": {
9734
9834
  "type": {
@@ -9736,26 +9836,53 @@
9736
9836
  }
9737
9837
  },
9738
9838
  "inheritedFrom": {
9739
- "name": "DataGridCell",
9740
- "module": "src/data-grid/data-grid-cell.ts"
9839
+ "name": "DataGrid",
9840
+ "module": "src/data-grid/data-grid.ts"
9741
9841
  }
9742
9842
  },
9743
9843
  {
9744
9844
  "kind": "field",
9745
- "name": "gridColumn",
9845
+ "name": "generateHeader",
9846
+ "type": {
9847
+ "text": "GenerateHeaderOptions"
9848
+ },
9849
+ "privacy": "public",
9850
+ "description": "Whether the grid should automatically generate a header row and its type",
9851
+ "inheritedFrom": {
9852
+ "name": "DataGrid",
9853
+ "module": "src/data-grid/data-grid.ts"
9854
+ }
9855
+ },
9856
+ {
9857
+ "kind": "method",
9858
+ "name": "generateHeaderChanged",
9859
+ "privacy": "private",
9860
+ "return": {
9861
+ "type": {
9862
+ "text": "void"
9863
+ }
9864
+ },
9865
+ "inheritedFrom": {
9866
+ "name": "DataGrid",
9867
+ "module": "src/data-grid/data-grid.ts"
9868
+ }
9869
+ },
9870
+ {
9871
+ "kind": "field",
9872
+ "name": "gridTemplateColumns",
9746
9873
  "type": {
9747
9874
  "text": "string"
9748
9875
  },
9749
9876
  "privacy": "public",
9750
- "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
9877
+ "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
9751
9878
  "inheritedFrom": {
9752
- "name": "DataGridCell",
9753
- "module": "src/data-grid/data-grid-cell.ts"
9879
+ "name": "DataGrid",
9880
+ "module": "src/data-grid/data-grid.ts"
9754
9881
  }
9755
9882
  },
9756
9883
  {
9757
9884
  "kind": "method",
9758
- "name": "gridColumnChanged",
9885
+ "name": "gridTemplateColumnsChanged",
9759
9886
  "privacy": "private",
9760
9887
  "return": {
9761
9888
  "type": {
@@ -9763,161 +9890,329 @@
9763
9890
  }
9764
9891
  },
9765
9892
  "inheritedFrom": {
9766
- "name": "DataGridCell",
9767
- "module": "src/data-grid/data-grid-cell.ts"
9893
+ "name": "DataGrid",
9894
+ "module": "src/data-grid/data-grid.ts"
9768
9895
  }
9769
9896
  },
9770
9897
  {
9771
9898
  "kind": "field",
9772
- "name": "rowData",
9899
+ "name": "rowsData",
9773
9900
  "type": {
9774
- "text": "object | null"
9901
+ "text": "object[]"
9775
9902
  },
9776
9903
  "privacy": "public",
9777
- "default": "null",
9778
- "description": "The base data for the parent row",
9904
+ "default": "[]",
9905
+ "description": "The data being displayed in the grid",
9779
9906
  "inheritedFrom": {
9780
- "name": "DataGridCell",
9781
- "module": "src/data-grid/data-grid-cell.ts"
9907
+ "name": "DataGrid",
9908
+ "module": "src/data-grid/data-grid.ts"
9909
+ }
9910
+ },
9911
+ {
9912
+ "kind": "method",
9913
+ "name": "rowsDataChanged",
9914
+ "privacy": "private",
9915
+ "return": {
9916
+ "type": {
9917
+ "text": "void"
9918
+ }
9919
+ },
9920
+ "inheritedFrom": {
9921
+ "name": "DataGrid",
9922
+ "module": "src/data-grid/data-grid.ts"
9782
9923
  }
9783
9924
  },
9784
9925
  {
9785
9926
  "kind": "field",
9786
- "name": "columnDefinition",
9927
+ "name": "columnDefinitions",
9787
9928
  "type": {
9788
- "text": "ColumnDefinition | null"
9929
+ "text": "ColumnDefinition[] | null"
9789
9930
  },
9790
9931
  "privacy": "public",
9791
9932
  "default": "null",
9792
- "description": "The base data for the column",
9933
+ "description": "The column definitions of the grid",
9793
9934
  "inheritedFrom": {
9794
- "name": "DataGridCell",
9795
- "module": "src/data-grid/data-grid-cell.ts"
9935
+ "name": "DataGrid",
9936
+ "module": "src/data-grid/data-grid.ts"
9796
9937
  }
9797
9938
  },
9798
9939
  {
9799
9940
  "kind": "method",
9800
- "name": "columnDefinitionChanged",
9941
+ "name": "columnDefinitionsChanged",
9801
9942
  "privacy": "private",
9802
9943
  "return": {
9803
9944
  "type": {
9804
9945
  "text": "void"
9805
9946
  }
9806
9947
  },
9807
- "parameters": [
9808
- {
9809
- "name": "oldValue",
9810
- "type": {
9811
- "text": "ColumnDefinition | null"
9812
- }
9813
- },
9814
- {
9815
- "name": "newValue",
9816
- "type": {
9817
- "text": "ColumnDefinition | null"
9818
- }
9819
- }
9820
- ],
9821
9948
  "inheritedFrom": {
9822
- "name": "DataGridCell",
9823
- "module": "src/data-grid/data-grid-cell.ts"
9949
+ "name": "DataGrid",
9950
+ "module": "src/data-grid/data-grid.ts"
9824
9951
  }
9825
9952
  },
9826
9953
  {
9827
9954
  "kind": "field",
9828
- "name": "isActiveCell",
9955
+ "name": "rowItemTemplate",
9829
9956
  "type": {
9830
- "text": "boolean"
9957
+ "text": "ViewTemplate"
9831
9958
  },
9832
- "privacy": "private",
9833
- "default": "false",
9959
+ "privacy": "public",
9960
+ "description": "The template to use for the programmatic generation of rows",
9834
9961
  "inheritedFrom": {
9835
- "name": "DataGridCell",
9836
- "module": "src/data-grid/data-grid-cell.ts"
9962
+ "name": "DataGrid",
9963
+ "module": "src/data-grid/data-grid.ts"
9837
9964
  }
9838
9965
  },
9839
9966
  {
9840
9967
  "kind": "field",
9841
- "name": "customCellView",
9968
+ "name": "cellItemTemplate",
9842
9969
  "type": {
9843
- "text": "HTMLView | null"
9970
+ "text": "ViewTemplate | undefined"
9844
9971
  },
9845
- "privacy": "private",
9846
- "default": "null",
9972
+ "privacy": "public",
9973
+ "description": "The template used to render cells in generated rows.",
9847
9974
  "inheritedFrom": {
9848
- "name": "DataGridCell",
9849
- "module": "src/data-grid/data-grid-cell.ts"
9975
+ "name": "DataGrid",
9976
+ "module": "src/data-grid/data-grid.ts"
9850
9977
  }
9851
9978
  },
9852
9979
  {
9853
- "kind": "method",
9854
- "name": "handleFocusin",
9980
+ "kind": "field",
9981
+ "name": "headerCellItemTemplate",
9982
+ "type": {
9983
+ "text": "ViewTemplate | undefined"
9984
+ },
9855
9985
  "privacy": "public",
9986
+ "description": "The template used to render header cells in generated rows.",
9987
+ "inheritedFrom": {
9988
+ "name": "DataGrid",
9989
+ "module": "src/data-grid/data-grid.ts"
9990
+ }
9991
+ },
9992
+ {
9993
+ "kind": "method",
9994
+ "name": "headerCellItemTemplateChanged",
9995
+ "privacy": "private",
9856
9996
  "return": {
9857
9997
  "type": {
9858
9998
  "text": "void"
9859
9999
  }
9860
10000
  },
9861
- "parameters": [
9862
- {
9863
- "name": "e",
9864
- "type": {
9865
- "text": "FocusEvent"
9866
- }
9867
- }
9868
- ],
9869
10001
  "inheritedFrom": {
9870
- "name": "DataGridCell",
9871
- "module": "src/data-grid/data-grid-cell.ts"
10002
+ "name": "DataGrid",
10003
+ "module": "src/data-grid/data-grid.ts"
9872
10004
  }
9873
10005
  },
9874
10006
  {
9875
- "kind": "method",
9876
- "name": "handleFocusout",
10007
+ "kind": "field",
10008
+ "name": "focusRowIndex",
10009
+ "type": {
10010
+ "text": "number"
10011
+ },
9877
10012
  "privacy": "public",
10013
+ "default": "0",
10014
+ "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.",
10015
+ "inheritedFrom": {
10016
+ "name": "DataGrid",
10017
+ "module": "src/data-grid/data-grid.ts"
10018
+ }
10019
+ },
10020
+ {
10021
+ "kind": "method",
10022
+ "name": "focusRowIndexChanged",
10023
+ "privacy": "private",
9878
10024
  "return": {
9879
10025
  "type": {
9880
10026
  "text": "void"
9881
10027
  }
9882
10028
  },
9883
- "parameters": [
9884
- {
9885
- "name": "e",
9886
- "type": {
9887
- "text": "FocusEvent"
9888
- }
9889
- }
9890
- ],
9891
10029
  "inheritedFrom": {
9892
- "name": "DataGridCell",
9893
- "module": "src/data-grid/data-grid-cell.ts"
10030
+ "name": "DataGrid",
10031
+ "module": "src/data-grid/data-grid.ts"
9894
10032
  }
9895
10033
  },
9896
10034
  {
9897
- "kind": "method",
9898
- "name": "handleKeydown",
10035
+ "kind": "field",
10036
+ "name": "focusColumnIndex",
10037
+ "type": {
10038
+ "text": "number"
10039
+ },
9899
10040
  "privacy": "public",
10041
+ "default": "0",
10042
+ "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.",
10043
+ "inheritedFrom": {
10044
+ "name": "DataGrid",
10045
+ "module": "src/data-grid/data-grid.ts"
10046
+ }
10047
+ },
10048
+ {
10049
+ "kind": "method",
10050
+ "name": "focusColumnIndexChanged",
10051
+ "privacy": "private",
9900
10052
  "return": {
9901
10053
  "type": {
9902
10054
  "text": "void"
9903
10055
  }
9904
10056
  },
9905
- "parameters": [
9906
- {
9907
- "name": "e",
9908
- "type": {
9909
- "text": "KeyboardEvent"
9910
- }
10057
+ "inheritedFrom": {
10058
+ "name": "DataGrid",
10059
+ "module": "src/data-grid/data-grid.ts"
10060
+ }
10061
+ },
10062
+ {
10063
+ "kind": "field",
10064
+ "name": "rowElementTag",
10065
+ "type": {
10066
+ "text": "string"
10067
+ },
10068
+ "privacy": "public",
10069
+ "description": "Set by the component templates.",
10070
+ "inheritedFrom": {
10071
+ "name": "DataGrid",
10072
+ "module": "src/data-grid/data-grid.ts"
10073
+ }
10074
+ },
10075
+ {
10076
+ "kind": "field",
10077
+ "name": "rowsRepeatBehavior",
10078
+ "type": {
10079
+ "text": "RepeatBehavior | null"
10080
+ },
10081
+ "privacy": "private",
10082
+ "inheritedFrom": {
10083
+ "name": "DataGrid",
10084
+ "module": "src/data-grid/data-grid.ts"
10085
+ }
10086
+ },
10087
+ {
10088
+ "kind": "field",
10089
+ "name": "rowsPlaceholder",
10090
+ "type": {
10091
+ "text": "Node | null"
10092
+ },
10093
+ "privacy": "private",
10094
+ "default": "null",
10095
+ "inheritedFrom": {
10096
+ "name": "DataGrid",
10097
+ "module": "src/data-grid/data-grid.ts"
10098
+ }
10099
+ },
10100
+ {
10101
+ "kind": "field",
10102
+ "name": "generatedHeader",
10103
+ "type": {
10104
+ "text": "DataGridRow | null"
10105
+ },
10106
+ "privacy": "private",
10107
+ "default": "null",
10108
+ "inheritedFrom": {
10109
+ "name": "DataGrid",
10110
+ "module": "src/data-grid/data-grid.ts"
10111
+ }
10112
+ },
10113
+ {
10114
+ "kind": "field",
10115
+ "name": "isUpdatingFocus",
10116
+ "type": {
10117
+ "text": "boolean"
10118
+ },
10119
+ "privacy": "private",
10120
+ "default": "false",
10121
+ "inheritedFrom": {
10122
+ "name": "DataGrid",
10123
+ "module": "src/data-grid/data-grid.ts"
10124
+ }
10125
+ },
10126
+ {
10127
+ "kind": "field",
10128
+ "name": "pendingFocusUpdate",
10129
+ "type": {
10130
+ "text": "boolean"
10131
+ },
10132
+ "privacy": "private",
10133
+ "default": "false",
10134
+ "inheritedFrom": {
10135
+ "name": "DataGrid",
10136
+ "module": "src/data-grid/data-grid.ts"
10137
+ }
10138
+ },
10139
+ {
10140
+ "kind": "field",
10141
+ "name": "observer",
10142
+ "type": {
10143
+ "text": "MutationObserver"
10144
+ },
10145
+ "privacy": "private",
10146
+ "inheritedFrom": {
10147
+ "name": "DataGrid",
10148
+ "module": "src/data-grid/data-grid.ts"
10149
+ }
10150
+ },
10151
+ {
10152
+ "kind": "field",
10153
+ "name": "rowindexUpdateQueued",
10154
+ "type": {
10155
+ "text": "boolean"
10156
+ },
10157
+ "privacy": "private",
10158
+ "default": "false",
10159
+ "inheritedFrom": {
10160
+ "name": "DataGrid",
10161
+ "module": "src/data-grid/data-grid.ts"
10162
+ }
10163
+ },
10164
+ {
10165
+ "kind": "field",
10166
+ "name": "columnDefinitionsStale",
10167
+ "type": {
10168
+ "text": "boolean"
10169
+ },
10170
+ "privacy": "private",
10171
+ "default": "true",
10172
+ "inheritedFrom": {
10173
+ "name": "DataGrid",
10174
+ "module": "src/data-grid/data-grid.ts"
10175
+ }
10176
+ },
10177
+ {
10178
+ "kind": "field",
10179
+ "name": "generatedGridTemplateColumns",
10180
+ "type": {
10181
+ "text": "string"
10182
+ },
10183
+ "privacy": "private",
10184
+ "default": "\"\"",
10185
+ "inheritedFrom": {
10186
+ "name": "DataGrid",
10187
+ "module": "src/data-grid/data-grid.ts"
10188
+ }
10189
+ },
10190
+ {
10191
+ "kind": "field",
10192
+ "name": "focusOnCell",
10193
+ "privacy": "private",
10194
+ "inheritedFrom": {
10195
+ "name": "DataGrid",
10196
+ "module": "src/data-grid/data-grid.ts"
10197
+ }
10198
+ },
10199
+ {
10200
+ "kind": "method",
10201
+ "name": "queueFocusUpdate",
10202
+ "privacy": "private",
10203
+ "return": {
10204
+ "type": {
10205
+ "text": "void"
9911
10206
  }
9912
- ],
10207
+ },
9913
10208
  "inheritedFrom": {
9914
- "name": "DataGridCell",
9915
- "module": "src/data-grid/data-grid-cell.ts"
10209
+ "name": "DataGrid",
10210
+ "module": "src/data-grid/data-grid.ts"
9916
10211
  }
9917
10212
  },
9918
10213
  {
9919
10214
  "kind": "method",
9920
- "name": "updateCellView",
10215
+ "name": "updateFocus",
9921
10216
  "privacy": "private",
9922
10217
  "return": {
9923
10218
  "type": {
@@ -9925,13 +10220,13 @@
9925
10220
  }
9926
10221
  },
9927
10222
  "inheritedFrom": {
9928
- "name": "DataGridCell",
9929
- "module": "src/data-grid/data-grid-cell.ts"
10223
+ "name": "DataGrid",
10224
+ "module": "src/data-grid/data-grid.ts"
9930
10225
  }
9931
10226
  },
9932
10227
  {
9933
10228
  "kind": "method",
9934
- "name": "disconnectCellView",
10229
+ "name": "toggleGeneratedHeader",
9935
10230
  "privacy": "private",
9936
10231
  "return": {
9937
10232
  "type": {
@@ -9939,17 +10234,35 @@
9939
10234
  }
9940
10235
  },
9941
10236
  "inheritedFrom": {
9942
- "name": "DataGridCell",
9943
- "module": "src/data-grid/data-grid-cell.ts"
10237
+ "name": "DataGrid",
10238
+ "module": "src/data-grid/data-grid.ts"
9944
10239
  }
9945
10240
  },
9946
10241
  {
9947
10242
  "kind": "field",
9948
- "name": "updateCellStyle",
10243
+ "name": "onChildListChange",
9949
10244
  "privacy": "private",
9950
10245
  "inheritedFrom": {
9951
- "name": "DataGridCell",
9952
- "module": "src/data-grid/data-grid-cell.ts"
10246
+ "name": "DataGrid",
10247
+ "module": "src/data-grid/data-grid.ts"
10248
+ }
10249
+ },
10250
+ {
10251
+ "kind": "field",
10252
+ "name": "queueRowIndexUpdate",
10253
+ "privacy": "private",
10254
+ "inheritedFrom": {
10255
+ "name": "DataGrid",
10256
+ "module": "src/data-grid/data-grid.ts"
10257
+ }
10258
+ },
10259
+ {
10260
+ "kind": "field",
10261
+ "name": "updateRowIndexes",
10262
+ "privacy": "private",
10263
+ "inheritedFrom": {
10264
+ "name": "DataGrid",
10265
+ "module": "src/data-grid/data-grid.ts"
9953
10266
  }
9954
10267
  },
9955
10268
  {
@@ -10063,21 +10376,11 @@
10063
10376
  "module": "src/foundation-element/foundation-element.ts"
10064
10377
  }
10065
10378
  }
10066
- ],
10067
- "events": [
10068
- {
10069
- "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents",
10070
- "name": "cell-focused",
10071
- "inheritedFrom": {
10072
- "name": "DataGridCell",
10073
- "module": "src/data-grid/data-grid-cell.ts"
10074
- }
10075
- }
10076
10379
  ]
10077
10380
  },
10078
10381
  {
10079
10382
  "kind": "variable",
10080
- "name": "foundationDataGridCellShadowOptions",
10383
+ "name": "foundationDataGridShadowOptions",
10081
10384
  "type": {
10082
10385
  "text": "ShadowRootInit"
10083
10386
  },
@@ -10085,7 +10388,7 @@
10085
10388
  },
10086
10389
  {
10087
10390
  "kind": "variable",
10088
- "name": "defaultDataGridCellConfig",
10391
+ "name": "defaultDataGridConfig",
10089
10392
  "type": {
10090
10393
  "text": "object"
10091
10394
  },
@@ -10093,57 +10396,49 @@
10093
10396
  },
10094
10397
  {
10095
10398
  "kind": "variable",
10096
- "name": "foundationDataGridCell",
10097
- "description": "The Foundation Data Grid Cell Element.",
10399
+ "name": "foundationDataGrid",
10400
+ "description": "The Foundation Data Grid Element.",
10098
10401
  "privacy": "public"
10099
10402
  }
10100
10403
  ],
10101
10404
  "exports": [
10102
10405
  {
10103
10406
  "kind": "js",
10104
- "name": "foundationDataGridCellTemplate",
10105
- "declaration": {
10106
- "name": "dataGridCellTemplate",
10107
- "package": "@microsoft/fast-foundation"
10108
- }
10109
- },
10110
- {
10111
- "kind": "js",
10112
- "name": "DataGridCell",
10407
+ "name": "DataGrid",
10113
10408
  "declaration": {
10114
- "name": "DataGridCell",
10115
- "module": "src/data-grid-cell/data-grid.cell.ts"
10409
+ "name": "DataGrid",
10410
+ "module": "src/data-grid/data-grid.ts"
10116
10411
  }
10117
10412
  },
10118
10413
  {
10119
10414
  "kind": "js",
10120
- "name": "foundationDataGridCellShadowOptions",
10415
+ "name": "foundationDataGridShadowOptions",
10121
10416
  "declaration": {
10122
- "name": "foundationDataGridCellShadowOptions",
10123
- "module": "src/data-grid-cell/data-grid.cell.ts"
10417
+ "name": "foundationDataGridShadowOptions",
10418
+ "module": "src/data-grid/data-grid.ts"
10124
10419
  }
10125
10420
  },
10126
10421
  {
10127
10422
  "kind": "js",
10128
- "name": "defaultDataGridCellConfig",
10423
+ "name": "defaultDataGridConfig",
10129
10424
  "declaration": {
10130
- "name": "defaultDataGridCellConfig",
10131
- "module": "src/data-grid-cell/data-grid.cell.ts"
10425
+ "name": "defaultDataGridConfig",
10426
+ "module": "src/data-grid/data-grid.ts"
10132
10427
  }
10133
10428
  },
10134
10429
  {
10135
10430
  "kind": "js",
10136
- "name": "foundationDataGridCell",
10431
+ "name": "foundationDataGrid",
10137
10432
  "declaration": {
10138
- "name": "foundationDataGridCell",
10139
- "module": "src/data-grid-cell/data-grid.cell.ts"
10433
+ "name": "foundationDataGrid",
10434
+ "module": "src/data-grid/data-grid.ts"
10140
10435
  }
10141
10436
  }
10142
10437
  ]
10143
10438
  },
10144
10439
  {
10145
10440
  "kind": "javascript-module",
10146
- "path": "src/data-grid-cell/index.ts",
10441
+ "path": "src/data-grid/index.ts",
10147
10442
  "declarations": [],
10148
10443
  "exports": [
10149
10444
  {
@@ -10151,7 +10446,7 @@
10151
10446
  "name": "*",
10152
10447
  "declaration": {
10153
10448
  "name": "*",
10154
- "package": "./data-grid.cell"
10449
+ "package": "./data-grid.template"
10155
10450
  }
10156
10451
  },
10157
10452
  {
@@ -10159,277 +10454,115 @@
10159
10454
  "name": "*",
10160
10455
  "declaration": {
10161
10456
  "name": "*",
10162
- "package": "./data-grid-cell.styles"
10457
+ "package": "./data-grid.styles"
10163
10458
  }
10164
- }
10165
- ]
10166
- },
10167
- {
10168
- "kind": "javascript-module",
10169
- "path": "src/data-grid/data-grid.styles.ts",
10170
- "declarations": [
10171
- {
10172
- "kind": "function",
10173
- "name": "foundationDataGridStyles",
10174
- "return": {
10175
- "type": {
10176
- "text": "ElementStyles"
10177
- }
10178
- },
10179
- "parameters": [
10180
- {
10181
- "name": "context",
10182
- "type": {
10183
- "text": "ElementDefinitionContext"
10184
- }
10185
- },
10186
- {
10187
- "name": "defintion",
10188
- "type": {
10189
- "text": "FoundationElementDefinition"
10190
- }
10191
- }
10192
- ]
10193
- }
10194
- ],
10195
- "exports": [
10459
+ },
10196
10460
  {
10197
10461
  "kind": "js",
10198
- "name": "foundationDataGridStyles",
10462
+ "name": "*",
10199
10463
  "declaration": {
10200
- "name": "foundationDataGridStyles",
10201
- "module": "src/data-grid/data-grid.styles.ts"
10464
+ "name": "*",
10465
+ "package": "./data-grid"
10202
10466
  }
10203
10467
  }
10204
10468
  ]
10205
10469
  },
10206
10470
  {
10207
10471
  "kind": "javascript-module",
10208
- "path": "src/data-grid/data-grid.template.ts",
10472
+ "path": "src/data-grid-cell/data-grid-cell.styles.ts",
10209
10473
  "declarations": [
10210
10474
  {
10211
10475
  "kind": "function",
10212
- "name": "foundationDataGridTemplate",
10476
+ "name": "foundationDataGridCellStyles",
10213
10477
  "return": {
10214
- "type": {
10215
- "text": "ViewTemplate<DataGrid>"
10216
- }
10217
- },
10218
- "parameters": [
10219
- {
10220
- "name": "context",
10221
- "type": {
10222
- "text": "ElementDefinitionContext"
10223
- }
10224
- },
10225
- {
10226
- "name": "definition",
10227
- "type": {
10228
- "text": "FoundationElementDefinition"
10229
- }
10230
- }
10231
- ]
10232
- }
10233
- ],
10234
- "exports": [
10235
- {
10236
- "kind": "js",
10237
- "name": "foundationDataGridTemplate",
10238
- "declaration": {
10239
- "name": "foundationDataGridTemplate",
10240
- "module": "src/data-grid/data-grid.template.ts"
10241
- }
10242
- }
10243
- ]
10244
- },
10245
- {
10246
- "kind": "javascript-module",
10247
- "path": "src/data-grid/data-grid.ts",
10248
- "declarations": [
10249
- {
10250
- "kind": "class",
10251
- "description": "",
10252
- "name": "DataGrid",
10253
- "superclass": {
10254
- "name": "FASTDataGrid",
10255
- "package": "@microsoft/fast-components"
10256
- },
10257
- "tagName": "%%prefix%%-data-grid",
10258
- "customElement": true,
10259
- "attributes": [
10260
- {
10261
- "name": "no-tabbing",
10262
- "type": {
10263
- "text": "boolean"
10264
- },
10265
- "default": "false",
10266
- "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
10267
- "fieldName": "noTabbing",
10268
- "inheritedFrom": {
10269
- "name": "DataGrid",
10270
- "module": "src/data-grid/data-grid.ts"
10271
- }
10272
- },
10273
- {
10274
- "name": "generate-header",
10275
- "type": {
10276
- "text": "GenerateHeaderOptions"
10277
- },
10278
- "description": "Whether the grid should automatically generate a header row and its type",
10279
- "fieldName": "generateHeader",
10280
- "inheritedFrom": {
10281
- "name": "DataGrid",
10282
- "module": "src/data-grid/data-grid.ts"
10283
- }
10284
- },
10285
- {
10286
- "name": "grid-template-columns",
10287
- "type": {
10288
- "text": "string"
10289
- },
10290
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
10291
- "fieldName": "gridTemplateColumns",
10292
- "inheritedFrom": {
10293
- "name": "DataGrid",
10294
- "module": "src/data-grid/data-grid.ts"
10295
- }
10296
- }
10297
- ],
10298
- "members": [
10299
- {
10300
- "kind": "field",
10301
- "name": "generateColumns",
10302
- "privacy": "public",
10303
- "static": true,
10304
- "description": "generates a basic column definition by examining sample row data",
10305
- "inheritedFrom": {
10306
- "name": "DataGrid",
10307
- "module": "src/data-grid/data-grid.ts"
10308
- }
10309
- },
10310
- {
10311
- "kind": "method",
10312
- "name": "generateTemplateColumns",
10313
- "privacy": "private",
10314
- "static": true,
10315
- "return": {
10316
- "type": {
10317
- "text": "string"
10318
- }
10319
- },
10320
- "parameters": [
10321
- {
10322
- "name": "columnDefinitions",
10323
- "type": {
10324
- "text": "ColumnDefinition[]"
10325
- }
10326
- }
10327
- ],
10328
- "description": "generates a gridTemplateColumns based on columndata array",
10329
- "inheritedFrom": {
10330
- "name": "DataGrid",
10331
- "module": "src/data-grid/data-grid.ts"
10332
- }
10333
- },
10334
- {
10335
- "kind": "field",
10336
- "name": "noTabbing",
10337
- "type": {
10338
- "text": "boolean"
10339
- },
10340
- "privacy": "public",
10341
- "default": "false",
10342
- "description": "When true the component will not add itself to the tab queue.\nDefault is false.",
10343
- "inheritedFrom": {
10344
- "name": "DataGrid",
10345
- "module": "src/data-grid/data-grid.ts"
10346
- }
10347
- },
10478
+ "type": {
10479
+ "text": "ElementStyles"
10480
+ }
10481
+ },
10482
+ "parameters": [
10348
10483
  {
10349
- "kind": "method",
10350
- "name": "noTabbingChanged",
10351
- "privacy": "private",
10352
- "return": {
10353
- "type": {
10354
- "text": "void"
10355
- }
10356
- },
10357
- "inheritedFrom": {
10358
- "name": "DataGrid",
10359
- "module": "src/data-grid/data-grid.ts"
10484
+ "name": "context",
10485
+ "type": {
10486
+ "text": "ElementDefinitionContext"
10360
10487
  }
10361
10488
  },
10362
10489
  {
10363
- "kind": "field",
10364
- "name": "generateHeader",
10490
+ "name": "defintion",
10365
10491
  "type": {
10366
- "text": "GenerateHeaderOptions"
10367
- },
10368
- "privacy": "public",
10369
- "description": "Whether the grid should automatically generate a header row and its type",
10370
- "inheritedFrom": {
10371
- "name": "DataGrid",
10372
- "module": "src/data-grid/data-grid.ts"
10492
+ "text": "FoundationElementDefinition"
10373
10493
  }
10374
- },
10494
+ }
10495
+ ]
10496
+ }
10497
+ ],
10498
+ "exports": [
10499
+ {
10500
+ "kind": "js",
10501
+ "name": "foundationDataGridCellStyles",
10502
+ "declaration": {
10503
+ "name": "foundationDataGridCellStyles",
10504
+ "module": "src/data-grid-cell/data-grid-cell.styles.ts"
10505
+ }
10506
+ }
10507
+ ]
10508
+ },
10509
+ {
10510
+ "kind": "javascript-module",
10511
+ "path": "src/data-grid-cell/data-grid.cell.ts",
10512
+ "declarations": [
10513
+ {
10514
+ "kind": "class",
10515
+ "description": "",
10516
+ "name": "DataGridCell",
10517
+ "superclass": {
10518
+ "name": "FASTDataGridCell",
10519
+ "package": "@microsoft/fast-components"
10520
+ },
10521
+ "tagName": "%%prefix%%-data-grid-cell",
10522
+ "customElement": true,
10523
+ "attributes": [
10375
10524
  {
10376
- "kind": "method",
10377
- "name": "generateHeaderChanged",
10378
- "privacy": "private",
10379
- "return": {
10380
- "type": {
10381
- "text": "void"
10382
- }
10525
+ "name": "cell-type",
10526
+ "type": {
10527
+ "text": "DataGridCellTypes"
10383
10528
  },
10529
+ "description": "The type of cell",
10530
+ "fieldName": "cellType",
10384
10531
  "inheritedFrom": {
10385
- "name": "DataGrid",
10386
- "module": "src/data-grid/data-grid.ts"
10532
+ "name": "DataGridCell",
10533
+ "module": "src/data-grid/data-grid-cell.ts"
10387
10534
  }
10388
10535
  },
10389
10536
  {
10390
- "kind": "field",
10391
- "name": "gridTemplateColumns",
10537
+ "name": "grid-column",
10392
10538
  "type": {
10393
10539
  "text": "string"
10394
10540
  },
10395
- "privacy": "public",
10396
- "description": "String that gets applied to the the css gridTemplateColumns attribute of child rows",
10397
- "inheritedFrom": {
10398
- "name": "DataGrid",
10399
- "module": "src/data-grid/data-grid.ts"
10400
- }
10401
- },
10402
- {
10403
- "kind": "method",
10404
- "name": "gridTemplateColumnsChanged",
10405
- "privacy": "private",
10406
- "return": {
10407
- "type": {
10408
- "text": "void"
10409
- }
10410
- },
10541
+ "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
10542
+ "fieldName": "gridColumn",
10411
10543
  "inheritedFrom": {
10412
- "name": "DataGrid",
10413
- "module": "src/data-grid/data-grid.ts"
10544
+ "name": "DataGridCell",
10545
+ "module": "src/data-grid/data-grid-cell.ts"
10414
10546
  }
10415
- },
10547
+ }
10548
+ ],
10549
+ "members": [
10416
10550
  {
10417
10551
  "kind": "field",
10418
- "name": "rowsData",
10552
+ "name": "cellType",
10419
10553
  "type": {
10420
- "text": "object[]"
10554
+ "text": "DataGridCellTypes"
10421
10555
  },
10422
10556
  "privacy": "public",
10423
- "default": "[]",
10424
- "description": "The data being displayed in the grid",
10557
+ "description": "The type of cell",
10425
10558
  "inheritedFrom": {
10426
- "name": "DataGrid",
10427
- "module": "src/data-grid/data-grid.ts"
10559
+ "name": "DataGridCell",
10560
+ "module": "src/data-grid/data-grid-cell.ts"
10428
10561
  }
10429
10562
  },
10430
10563
  {
10431
10564
  "kind": "method",
10432
- "name": "rowsDataChanged",
10565
+ "name": "cellTypeChanged",
10433
10566
  "privacy": "private",
10434
10567
  "return": {
10435
10568
  "type": {
@@ -10437,27 +10570,26 @@
10437
10570
  }
10438
10571
  },
10439
10572
  "inheritedFrom": {
10440
- "name": "DataGrid",
10441
- "module": "src/data-grid/data-grid.ts"
10573
+ "name": "DataGridCell",
10574
+ "module": "src/data-grid/data-grid-cell.ts"
10442
10575
  }
10443
10576
  },
10444
10577
  {
10445
10578
  "kind": "field",
10446
- "name": "columnDefinitions",
10579
+ "name": "gridColumn",
10447
10580
  "type": {
10448
- "text": "ColumnDefinition[] | null"
10581
+ "text": "string"
10449
10582
  },
10450
10583
  "privacy": "public",
10451
- "default": "null",
10452
- "description": "The column definitions of the grid",
10584
+ "description": "The column index of the cell.\nThis will be applied to the css grid-column-index value\napplied to the cell",
10453
10585
  "inheritedFrom": {
10454
- "name": "DataGrid",
10455
- "module": "src/data-grid/data-grid.ts"
10586
+ "name": "DataGridCell",
10587
+ "module": "src/data-grid/data-grid-cell.ts"
10456
10588
  }
10457
10589
  },
10458
10590
  {
10459
10591
  "kind": "method",
10460
- "name": "columnDefinitionsChanged",
10592
+ "name": "gridColumnChanged",
10461
10593
  "privacy": "private",
10462
10594
  "return": {
10463
10595
  "type": {
@@ -10465,273 +10597,161 @@
10465
10597
  }
10466
10598
  },
10467
10599
  "inheritedFrom": {
10468
- "name": "DataGrid",
10469
- "module": "src/data-grid/data-grid.ts"
10470
- }
10471
- },
10472
- {
10473
- "kind": "field",
10474
- "name": "rowItemTemplate",
10475
- "type": {
10476
- "text": "ViewTemplate"
10477
- },
10478
- "privacy": "public",
10479
- "description": "The template to use for the programmatic generation of rows",
10480
- "inheritedFrom": {
10481
- "name": "DataGrid",
10482
- "module": "src/data-grid/data-grid.ts"
10600
+ "name": "DataGridCell",
10601
+ "module": "src/data-grid/data-grid-cell.ts"
10483
10602
  }
10484
10603
  },
10485
10604
  {
10486
10605
  "kind": "field",
10487
- "name": "cellItemTemplate",
10606
+ "name": "rowData",
10488
10607
  "type": {
10489
- "text": "ViewTemplate | undefined"
10608
+ "text": "object | null"
10490
10609
  },
10491
10610
  "privacy": "public",
10492
- "description": "The template used to render cells in generated rows.",
10611
+ "default": "null",
10612
+ "description": "The base data for the parent row",
10493
10613
  "inheritedFrom": {
10494
- "name": "DataGrid",
10495
- "module": "src/data-grid/data-grid.ts"
10614
+ "name": "DataGridCell",
10615
+ "module": "src/data-grid/data-grid-cell.ts"
10496
10616
  }
10497
10617
  },
10498
10618
  {
10499
10619
  "kind": "field",
10500
- "name": "headerCellItemTemplate",
10620
+ "name": "columnDefinition",
10501
10621
  "type": {
10502
- "text": "ViewTemplate | undefined"
10622
+ "text": "ColumnDefinition | null"
10503
10623
  },
10504
10624
  "privacy": "public",
10505
- "description": "The template used to render header cells in generated rows.",
10625
+ "default": "null",
10626
+ "description": "The base data for the column",
10506
10627
  "inheritedFrom": {
10507
- "name": "DataGrid",
10508
- "module": "src/data-grid/data-grid.ts"
10628
+ "name": "DataGridCell",
10629
+ "module": "src/data-grid/data-grid-cell.ts"
10509
10630
  }
10510
10631
  },
10511
10632
  {
10512
10633
  "kind": "method",
10513
- "name": "headerCellItemTemplateChanged",
10634
+ "name": "columnDefinitionChanged",
10514
10635
  "privacy": "private",
10515
10636
  "return": {
10516
10637
  "type": {
10517
10638
  "text": "void"
10518
10639
  }
10519
10640
  },
10641
+ "parameters": [
10642
+ {
10643
+ "name": "oldValue",
10644
+ "type": {
10645
+ "text": "ColumnDefinition | null"
10646
+ }
10647
+ },
10648
+ {
10649
+ "name": "newValue",
10650
+ "type": {
10651
+ "text": "ColumnDefinition | null"
10652
+ }
10653
+ }
10654
+ ],
10520
10655
  "inheritedFrom": {
10521
- "name": "DataGrid",
10522
- "module": "src/data-grid/data-grid.ts"
10656
+ "name": "DataGridCell",
10657
+ "module": "src/data-grid/data-grid-cell.ts"
10523
10658
  }
10524
10659
  },
10525
10660
  {
10526
10661
  "kind": "field",
10527
- "name": "focusRowIndex",
10662
+ "name": "isActiveCell",
10528
10663
  "type": {
10529
- "text": "number"
10664
+ "text": "boolean"
10530
10665
  },
10531
- "privacy": "public",
10532
- "default": "0",
10533
- "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.",
10534
- "inheritedFrom": {
10535
- "name": "DataGrid",
10536
- "module": "src/data-grid/data-grid.ts"
10537
- }
10538
- },
10539
- {
10540
- "kind": "method",
10541
- "name": "focusRowIndexChanged",
10542
10666
  "privacy": "private",
10543
- "return": {
10544
- "type": {
10545
- "text": "void"
10546
- }
10547
- },
10667
+ "default": "false",
10548
10668
  "inheritedFrom": {
10549
- "name": "DataGrid",
10550
- "module": "src/data-grid/data-grid.ts"
10669
+ "name": "DataGridCell",
10670
+ "module": "src/data-grid/data-grid-cell.ts"
10551
10671
  }
10552
10672
  },
10553
10673
  {
10554
10674
  "kind": "field",
10555
- "name": "focusColumnIndex",
10675
+ "name": "customCellView",
10556
10676
  "type": {
10557
- "text": "number"
10677
+ "text": "HTMLView | null"
10558
10678
  },
10559
- "privacy": "public",
10560
- "default": "0",
10561
- "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.",
10679
+ "privacy": "private",
10680
+ "default": "null",
10562
10681
  "inheritedFrom": {
10563
- "name": "DataGrid",
10564
- "module": "src/data-grid/data-grid.ts"
10682
+ "name": "DataGridCell",
10683
+ "module": "src/data-grid/data-grid-cell.ts"
10565
10684
  }
10566
10685
  },
10567
10686
  {
10568
10687
  "kind": "method",
10569
- "name": "focusColumnIndexChanged",
10570
- "privacy": "private",
10688
+ "name": "handleFocusin",
10689
+ "privacy": "public",
10571
10690
  "return": {
10572
10691
  "type": {
10573
10692
  "text": "void"
10574
10693
  }
10575
10694
  },
10695
+ "parameters": [
10696
+ {
10697
+ "name": "e",
10698
+ "type": {
10699
+ "text": "FocusEvent"
10700
+ }
10701
+ }
10702
+ ],
10576
10703
  "inheritedFrom": {
10577
- "name": "DataGrid",
10578
- "module": "src/data-grid/data-grid.ts"
10704
+ "name": "DataGridCell",
10705
+ "module": "src/data-grid/data-grid-cell.ts"
10579
10706
  }
10580
10707
  },
10581
10708
  {
10582
- "kind": "field",
10583
- "name": "rowElementTag",
10584
- "type": {
10585
- "text": "string"
10586
- },
10709
+ "kind": "method",
10710
+ "name": "handleFocusout",
10587
10711
  "privacy": "public",
10588
- "description": "Set by the component templates.",
10589
- "inheritedFrom": {
10590
- "name": "DataGrid",
10591
- "module": "src/data-grid/data-grid.ts"
10592
- }
10593
- },
10594
- {
10595
- "kind": "field",
10596
- "name": "rowsRepeatBehavior",
10597
- "type": {
10598
- "text": "RepeatBehavior | null"
10599
- },
10600
- "privacy": "private",
10601
- "inheritedFrom": {
10602
- "name": "DataGrid",
10603
- "module": "src/data-grid/data-grid.ts"
10604
- }
10605
- },
10606
- {
10607
- "kind": "field",
10608
- "name": "rowsPlaceholder",
10609
- "type": {
10610
- "text": "Node | null"
10611
- },
10612
- "privacy": "private",
10613
- "default": "null",
10614
- "inheritedFrom": {
10615
- "name": "DataGrid",
10616
- "module": "src/data-grid/data-grid.ts"
10617
- }
10618
- },
10619
- {
10620
- "kind": "field",
10621
- "name": "generatedHeader",
10622
- "type": {
10623
- "text": "DataGridRow | null"
10624
- },
10625
- "privacy": "private",
10626
- "default": "null",
10627
- "inheritedFrom": {
10628
- "name": "DataGrid",
10629
- "module": "src/data-grid/data-grid.ts"
10630
- }
10631
- },
10632
- {
10633
- "kind": "field",
10634
- "name": "isUpdatingFocus",
10635
- "type": {
10636
- "text": "boolean"
10637
- },
10638
- "privacy": "private",
10639
- "default": "false",
10640
- "inheritedFrom": {
10641
- "name": "DataGrid",
10642
- "module": "src/data-grid/data-grid.ts"
10643
- }
10644
- },
10645
- {
10646
- "kind": "field",
10647
- "name": "pendingFocusUpdate",
10648
- "type": {
10649
- "text": "boolean"
10650
- },
10651
- "privacy": "private",
10652
- "default": "false",
10653
- "inheritedFrom": {
10654
- "name": "DataGrid",
10655
- "module": "src/data-grid/data-grid.ts"
10656
- }
10657
- },
10658
- {
10659
- "kind": "field",
10660
- "name": "observer",
10661
- "type": {
10662
- "text": "MutationObserver"
10663
- },
10664
- "privacy": "private",
10665
- "inheritedFrom": {
10666
- "name": "DataGrid",
10667
- "module": "src/data-grid/data-grid.ts"
10668
- }
10669
- },
10670
- {
10671
- "kind": "field",
10672
- "name": "rowindexUpdateQueued",
10673
- "type": {
10674
- "text": "boolean"
10675
- },
10676
- "privacy": "private",
10677
- "default": "false",
10678
- "inheritedFrom": {
10679
- "name": "DataGrid",
10680
- "module": "src/data-grid/data-grid.ts"
10681
- }
10682
- },
10683
- {
10684
- "kind": "field",
10685
- "name": "columnDefinitionsStale",
10686
- "type": {
10687
- "text": "boolean"
10688
- },
10689
- "privacy": "private",
10690
- "default": "true",
10691
- "inheritedFrom": {
10692
- "name": "DataGrid",
10693
- "module": "src/data-grid/data-grid.ts"
10694
- }
10695
- },
10696
- {
10697
- "kind": "field",
10698
- "name": "generatedGridTemplateColumns",
10699
- "type": {
10700
- "text": "string"
10712
+ "return": {
10713
+ "type": {
10714
+ "text": "void"
10715
+ }
10701
10716
  },
10702
- "privacy": "private",
10703
- "default": "\"\"",
10704
- "inheritedFrom": {
10705
- "name": "DataGrid",
10706
- "module": "src/data-grid/data-grid.ts"
10707
- }
10708
- },
10709
- {
10710
- "kind": "field",
10711
- "name": "focusOnCell",
10712
- "privacy": "private",
10717
+ "parameters": [
10718
+ {
10719
+ "name": "e",
10720
+ "type": {
10721
+ "text": "FocusEvent"
10722
+ }
10723
+ }
10724
+ ],
10713
10725
  "inheritedFrom": {
10714
- "name": "DataGrid",
10715
- "module": "src/data-grid/data-grid.ts"
10726
+ "name": "DataGridCell",
10727
+ "module": "src/data-grid/data-grid-cell.ts"
10716
10728
  }
10717
10729
  },
10718
10730
  {
10719
10731
  "kind": "method",
10720
- "name": "queueFocusUpdate",
10721
- "privacy": "private",
10732
+ "name": "handleKeydown",
10733
+ "privacy": "public",
10722
10734
  "return": {
10723
10735
  "type": {
10724
10736
  "text": "void"
10725
10737
  }
10726
10738
  },
10739
+ "parameters": [
10740
+ {
10741
+ "name": "e",
10742
+ "type": {
10743
+ "text": "KeyboardEvent"
10744
+ }
10745
+ }
10746
+ ],
10727
10747
  "inheritedFrom": {
10728
- "name": "DataGrid",
10729
- "module": "src/data-grid/data-grid.ts"
10748
+ "name": "DataGridCell",
10749
+ "module": "src/data-grid/data-grid-cell.ts"
10730
10750
  }
10731
10751
  },
10732
10752
  {
10733
10753
  "kind": "method",
10734
- "name": "updateFocus",
10754
+ "name": "updateCellView",
10735
10755
  "privacy": "private",
10736
10756
  "return": {
10737
10757
  "type": {
@@ -10739,13 +10759,13 @@
10739
10759
  }
10740
10760
  },
10741
10761
  "inheritedFrom": {
10742
- "name": "DataGrid",
10743
- "module": "src/data-grid/data-grid.ts"
10762
+ "name": "DataGridCell",
10763
+ "module": "src/data-grid/data-grid-cell.ts"
10744
10764
  }
10745
10765
  },
10746
10766
  {
10747
10767
  "kind": "method",
10748
- "name": "toggleGeneratedHeader",
10768
+ "name": "disconnectCellView",
10749
10769
  "privacy": "private",
10750
10770
  "return": {
10751
10771
  "type": {
@@ -10753,35 +10773,17 @@
10753
10773
  }
10754
10774
  },
10755
10775
  "inheritedFrom": {
10756
- "name": "DataGrid",
10757
- "module": "src/data-grid/data-grid.ts"
10758
- }
10759
- },
10760
- {
10761
- "kind": "field",
10762
- "name": "onChildListChange",
10763
- "privacy": "private",
10764
- "inheritedFrom": {
10765
- "name": "DataGrid",
10766
- "module": "src/data-grid/data-grid.ts"
10767
- }
10768
- },
10769
- {
10770
- "kind": "field",
10771
- "name": "queueRowIndexUpdate",
10772
- "privacy": "private",
10773
- "inheritedFrom": {
10774
- "name": "DataGrid",
10775
- "module": "src/data-grid/data-grid.ts"
10776
+ "name": "DataGridCell",
10777
+ "module": "src/data-grid/data-grid-cell.ts"
10776
10778
  }
10777
10779
  },
10778
10780
  {
10779
10781
  "kind": "field",
10780
- "name": "updateRowIndexes",
10782
+ "name": "updateCellStyle",
10781
10783
  "privacy": "private",
10782
10784
  "inheritedFrom": {
10783
- "name": "DataGrid",
10784
- "module": "src/data-grid/data-grid.ts"
10785
+ "name": "DataGridCell",
10786
+ "module": "src/data-grid/data-grid-cell.ts"
10785
10787
  }
10786
10788
  },
10787
10789
  {
@@ -10895,11 +10897,21 @@
10895
10897
  "module": "src/foundation-element/foundation-element.ts"
10896
10898
  }
10897
10899
  }
10900
+ ],
10901
+ "events": [
10902
+ {
10903
+ "description": "Fires a custom 'cell-focused' event when focus is on the cell or its contents",
10904
+ "name": "cell-focused",
10905
+ "inheritedFrom": {
10906
+ "name": "DataGridCell",
10907
+ "module": "src/data-grid/data-grid-cell.ts"
10908
+ }
10909
+ }
10898
10910
  ]
10899
10911
  },
10900
10912
  {
10901
10913
  "kind": "variable",
10902
- "name": "foundationDataGridShadowOptions",
10914
+ "name": "foundationDataGridCellShadowOptions",
10903
10915
  "type": {
10904
10916
  "text": "ShadowRootInit"
10905
10917
  },
@@ -10907,7 +10919,7 @@
10907
10919
  },
10908
10920
  {
10909
10921
  "kind": "variable",
10910
- "name": "defaultDataGridConfig",
10922
+ "name": "defaultDataGridCellConfig",
10911
10923
  "type": {
10912
10924
  "text": "object"
10913
10925
  },
@@ -10915,49 +10927,57 @@
10915
10927
  },
10916
10928
  {
10917
10929
  "kind": "variable",
10918
- "name": "foundationDataGrid",
10919
- "description": "The Foundation Data Grid Element.",
10930
+ "name": "foundationDataGridCell",
10931
+ "description": "The Foundation Data Grid Cell Element.",
10920
10932
  "privacy": "public"
10921
10933
  }
10922
10934
  ],
10923
10935
  "exports": [
10924
10936
  {
10925
10937
  "kind": "js",
10926
- "name": "DataGrid",
10938
+ "name": "foundationDataGridCellTemplate",
10927
10939
  "declaration": {
10928
- "name": "DataGrid",
10929
- "module": "src/data-grid/data-grid.ts"
10940
+ "name": "dataGridCellTemplate",
10941
+ "package": "@microsoft/fast-foundation"
10930
10942
  }
10931
10943
  },
10932
10944
  {
10933
10945
  "kind": "js",
10934
- "name": "foundationDataGridShadowOptions",
10946
+ "name": "DataGridCell",
10935
10947
  "declaration": {
10936
- "name": "foundationDataGridShadowOptions",
10937
- "module": "src/data-grid/data-grid.ts"
10948
+ "name": "DataGridCell",
10949
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10938
10950
  }
10939
10951
  },
10940
10952
  {
10941
10953
  "kind": "js",
10942
- "name": "defaultDataGridConfig",
10954
+ "name": "foundationDataGridCellShadowOptions",
10943
10955
  "declaration": {
10944
- "name": "defaultDataGridConfig",
10945
- "module": "src/data-grid/data-grid.ts"
10956
+ "name": "foundationDataGridCellShadowOptions",
10957
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10946
10958
  }
10947
10959
  },
10948
10960
  {
10949
10961
  "kind": "js",
10950
- "name": "foundationDataGrid",
10962
+ "name": "defaultDataGridCellConfig",
10951
10963
  "declaration": {
10952
- "name": "foundationDataGrid",
10953
- "module": "src/data-grid/data-grid.ts"
10964
+ "name": "defaultDataGridCellConfig",
10965
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10966
+ }
10967
+ },
10968
+ {
10969
+ "kind": "js",
10970
+ "name": "foundationDataGridCell",
10971
+ "declaration": {
10972
+ "name": "foundationDataGridCell",
10973
+ "module": "src/data-grid-cell/data-grid.cell.ts"
10954
10974
  }
10955
10975
  }
10956
10976
  ]
10957
10977
  },
10958
10978
  {
10959
10979
  "kind": "javascript-module",
10960
- "path": "src/data-grid/index.ts",
10980
+ "path": "src/data-grid-cell/index.ts",
10961
10981
  "declarations": [],
10962
10982
  "exports": [
10963
10983
  {
@@ -10965,15 +10985,7 @@
10965
10985
  "name": "*",
10966
10986
  "declaration": {
10967
10987
  "name": "*",
10968
- "package": "./data-grid.template"
10969
- }
10970
- },
10971
- {
10972
- "kind": "js",
10973
- "name": "*",
10974
- "declaration": {
10975
- "name": "*",
10976
- "package": "./data-grid.styles"
10988
+ "package": "./data-grid.cell"
10977
10989
  }
10978
10990
  },
10979
10991
  {
@@ -10981,7 +10993,7 @@
10981
10993
  "name": "*",
10982
10994
  "declaration": {
10983
10995
  "name": "*",
10984
- "package": "./data-grid"
10996
+ "package": "./data-grid-cell.styles"
10985
10997
  }
10986
10998
  }
10987
10999
  ]
@@ -12409,6 +12421,330 @@
12409
12421
  }
12410
12422
  ]
12411
12423
  },
12424
+ {
12425
+ "kind": "javascript-module",
12426
+ "path": "src/design-system-provider/design-system-provider.styles.ts",
12427
+ "declarations": [
12428
+ {
12429
+ "kind": "function",
12430
+ "name": "designSystemProviderStyles",
12431
+ "parameters": [
12432
+ {
12433
+ "name": "context",
12434
+ "type": {
12435
+ "text": "ElementDefinitionContext"
12436
+ }
12437
+ }
12438
+ ]
12439
+ }
12440
+ ],
12441
+ "exports": [
12442
+ {
12443
+ "kind": "js",
12444
+ "name": "designSystemProviderStyles",
12445
+ "declaration": {
12446
+ "name": "designSystemProviderStyles",
12447
+ "module": "src/design-system-provider/design-system-provider.styles.ts"
12448
+ }
12449
+ }
12450
+ ]
12451
+ },
12452
+ {
12453
+ "kind": "javascript-module",
12454
+ "path": "src/design-system-provider/design-system-provider.ts",
12455
+ "declarations": [
12456
+ {
12457
+ "kind": "class",
12458
+ "description": "The Foundation Design System Provider",
12459
+ "name": "FoundationDesignSystemProvider",
12460
+ "members": [
12461
+ {
12462
+ "kind": "field",
12463
+ "name": "cardFillColor",
12464
+ "type": {
12465
+ "text": "Swatch"
12466
+ },
12467
+ "privacy": "public"
12468
+ },
12469
+ {
12470
+ "kind": "field",
12471
+ "name": "cardForegroundColor",
12472
+ "type": {
12473
+ "text": "Swatch"
12474
+ },
12475
+ "privacy": "public"
12476
+ }
12477
+ ],
12478
+ "attributes": [
12479
+ {
12480
+ "name": "card-fill-color",
12481
+ "type": {
12482
+ "text": "Swatch"
12483
+ },
12484
+ "fieldName": "cardFillColor"
12485
+ },
12486
+ {
12487
+ "name": "card-foreground-color",
12488
+ "type": {
12489
+ "text": "Swatch"
12490
+ },
12491
+ "fieldName": "cardForegroundColor"
12492
+ }
12493
+ ],
12494
+ "superclass": {
12495
+ "name": "FASTDesignSystemProvider",
12496
+ "package": "@microsoft/fast-components"
12497
+ },
12498
+ "tagName": "%%prefix%%-design-system-provider",
12499
+ "customElement": true
12500
+ },
12501
+ {
12502
+ "kind": "variable",
12503
+ "name": "foundationDesignSystemProvider",
12504
+ "description": "The Foundation Design System Provider composed element",
12505
+ "privacy": "public"
12506
+ }
12507
+ ],
12508
+ "exports": [
12509
+ {
12510
+ "kind": "js",
12511
+ "name": "FoundationDesignSystemProvider",
12512
+ "declaration": {
12513
+ "name": "FoundationDesignSystemProvider",
12514
+ "module": "src/design-system-provider/design-system-provider.ts"
12515
+ }
12516
+ },
12517
+ {
12518
+ "kind": "js",
12519
+ "name": "foundationDesignSystemProvider",
12520
+ "declaration": {
12521
+ "name": "foundationDesignSystemProvider",
12522
+ "module": "src/design-system-provider/design-system-provider.ts"
12523
+ }
12524
+ }
12525
+ ]
12526
+ },
12527
+ {
12528
+ "kind": "javascript-module",
12529
+ "path": "src/design-system-provider/design-system-provider.utils.ts",
12530
+ "declarations": [
12531
+ {
12532
+ "kind": "function",
12533
+ "name": "provideTokens",
12534
+ "parameters": [
12535
+ {
12536
+ "name": "tokens"
12537
+ },
12538
+ {
12539
+ "name": "values"
12540
+ },
12541
+ {
12542
+ "name": "element",
12543
+ "optional": true,
12544
+ "type": {
12545
+ "text": "HTMLElement"
12546
+ }
12547
+ }
12548
+ ]
12549
+ },
12550
+ {
12551
+ "kind": "function",
12552
+ "name": "designToken",
12553
+ "parameters": [
12554
+ {
12555
+ "name": "token",
12556
+ "type": {
12557
+ "text": "DesignToken<T>"
12558
+ }
12559
+ }
12560
+ ]
12561
+ },
12562
+ {
12563
+ "kind": "variable",
12564
+ "name": "swatchConverter",
12565
+ "type": {
12566
+ "text": "ValueConverter"
12567
+ },
12568
+ "default": "{\n toView(value: any): string | null {\n if (value === null || value === undefined) {\n return null;\n }\n return (value as Swatch)?.toColorString();\n },\n\n fromView(value: any): any {\n if (value === null || value === undefined) {\n return null;\n }\n const color = parseColorHexRGB(value);\n return color ? SwatchRGB.create(color!.r, color!.g, color!.b) : null;\n },\n}"
12569
+ },
12570
+ {
12571
+ "kind": "function",
12572
+ "name": "paletteFromHex",
12573
+ "parameters": [
12574
+ {
12575
+ "name": "hexColor",
12576
+ "type": {
12577
+ "text": "string"
12578
+ }
12579
+ }
12580
+ ]
12581
+ },
12582
+ {
12583
+ "kind": "function",
12584
+ "name": "getDefaultConfig",
12585
+ "parameters": [
12586
+ {
12587
+ "name": "definition",
12588
+ "type": {
12589
+ "text": "Partial<FoundationElementDefinition>"
12590
+ }
12591
+ },
12592
+ {
12593
+ "name": "exclusions",
12594
+ "default": "defaultExclusions"
12595
+ }
12596
+ ]
12597
+ },
12598
+ {
12599
+ "kind": "function",
12600
+ "name": "getExports",
12601
+ "parameters": [
12602
+ {
12603
+ "name": "registrationFunction"
12604
+ }
12605
+ ]
12606
+ },
12607
+ {
12608
+ "kind": "function",
12609
+ "name": "getTypeRampValue",
12610
+ "parameters": [
12611
+ {
12612
+ "name": "baseTypeRamp",
12613
+ "type": {
12614
+ "text": "string"
12615
+ }
12616
+ },
12617
+ {
12618
+ "name": "value",
12619
+ "type": {
12620
+ "text": "number"
12621
+ }
12622
+ }
12623
+ ]
12624
+ },
12625
+ {
12626
+ "kind": "function",
12627
+ "name": "configureDesignSystem",
12628
+ "parameters": [
12629
+ {
12630
+ "name": "provider",
12631
+ "type": {
12632
+ "text": "HTMLElement"
12633
+ }
12634
+ },
12635
+ {
12636
+ "name": "config",
12637
+ "type": {
12638
+ "text": "DesignTokensConfig"
12639
+ }
12640
+ }
12641
+ ]
12642
+ }
12643
+ ],
12644
+ "exports": [
12645
+ {
12646
+ "kind": "js",
12647
+ "name": "provideTokens",
12648
+ "declaration": {
12649
+ "name": "provideTokens",
12650
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12651
+ }
12652
+ },
12653
+ {
12654
+ "kind": "js",
12655
+ "name": "designToken",
12656
+ "declaration": {
12657
+ "name": "designToken",
12658
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12659
+ }
12660
+ },
12661
+ {
12662
+ "kind": "js",
12663
+ "name": "swatchConverter",
12664
+ "declaration": {
12665
+ "name": "swatchConverter",
12666
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12667
+ }
12668
+ },
12669
+ {
12670
+ "kind": "js",
12671
+ "name": "paletteFromHex",
12672
+ "declaration": {
12673
+ "name": "paletteFromHex",
12674
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12675
+ }
12676
+ },
12677
+ {
12678
+ "kind": "js",
12679
+ "name": "getDefaultConfig",
12680
+ "declaration": {
12681
+ "name": "getDefaultConfig",
12682
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12683
+ }
12684
+ },
12685
+ {
12686
+ "kind": "js",
12687
+ "name": "getExports",
12688
+ "declaration": {
12689
+ "name": "getExports",
12690
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12691
+ }
12692
+ },
12693
+ {
12694
+ "kind": "js",
12695
+ "name": "getTypeRampValue",
12696
+ "declaration": {
12697
+ "name": "getTypeRampValue",
12698
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12699
+ }
12700
+ },
12701
+ {
12702
+ "kind": "js",
12703
+ "name": "configureDesignSystem",
12704
+ "declaration": {
12705
+ "name": "configureDesignSystem",
12706
+ "module": "src/design-system-provider/design-system-provider.utils.ts"
12707
+ }
12708
+ }
12709
+ ]
12710
+ },
12711
+ {
12712
+ "kind": "javascript-module",
12713
+ "path": "src/design-system-provider/index.ts",
12714
+ "declarations": [],
12715
+ "exports": [
12716
+ {
12717
+ "kind": "js",
12718
+ "name": "*",
12719
+ "declaration": {
12720
+ "name": "*",
12721
+ "package": "./design-system-provider.utils"
12722
+ }
12723
+ },
12724
+ {
12725
+ "kind": "js",
12726
+ "name": "*",
12727
+ "declaration": {
12728
+ "name": "*",
12729
+ "package": "./design-system-provider"
12730
+ }
12731
+ },
12732
+ {
12733
+ "kind": "js",
12734
+ "name": "*",
12735
+ "declaration": {
12736
+ "name": "*",
12737
+ "package": "./types"
12738
+ }
12739
+ }
12740
+ ]
12741
+ },
12742
+ {
12743
+ "kind": "javascript-module",
12744
+ "path": "src/design-system-provider/types.ts",
12745
+ "declarations": [],
12746
+ "exports": []
12747
+ },
12412
12748
  {
12413
12749
  "kind": "javascript-module",
12414
12750
  "path": "src/date-picker/calendar.ts",
@@ -13355,330 +13691,6 @@
13355
13691
  }
13356
13692
  ]
13357
13693
  },
13358
- {
13359
- "kind": "javascript-module",
13360
- "path": "src/design-system-provider/design-system-provider.styles.ts",
13361
- "declarations": [
13362
- {
13363
- "kind": "function",
13364
- "name": "designSystemProviderStyles",
13365
- "parameters": [
13366
- {
13367
- "name": "context",
13368
- "type": {
13369
- "text": "ElementDefinitionContext"
13370
- }
13371
- }
13372
- ]
13373
- }
13374
- ],
13375
- "exports": [
13376
- {
13377
- "kind": "js",
13378
- "name": "designSystemProviderStyles",
13379
- "declaration": {
13380
- "name": "designSystemProviderStyles",
13381
- "module": "src/design-system-provider/design-system-provider.styles.ts"
13382
- }
13383
- }
13384
- ]
13385
- },
13386
- {
13387
- "kind": "javascript-module",
13388
- "path": "src/design-system-provider/design-system-provider.ts",
13389
- "declarations": [
13390
- {
13391
- "kind": "class",
13392
- "description": "The Foundation Design System Provider",
13393
- "name": "FoundationDesignSystemProvider",
13394
- "members": [
13395
- {
13396
- "kind": "field",
13397
- "name": "cardFillColor",
13398
- "type": {
13399
- "text": "Swatch"
13400
- },
13401
- "privacy": "public"
13402
- },
13403
- {
13404
- "kind": "field",
13405
- "name": "cardForegroundColor",
13406
- "type": {
13407
- "text": "Swatch"
13408
- },
13409
- "privacy": "public"
13410
- }
13411
- ],
13412
- "attributes": [
13413
- {
13414
- "name": "card-fill-color",
13415
- "type": {
13416
- "text": "Swatch"
13417
- },
13418
- "fieldName": "cardFillColor"
13419
- },
13420
- {
13421
- "name": "card-foreground-color",
13422
- "type": {
13423
- "text": "Swatch"
13424
- },
13425
- "fieldName": "cardForegroundColor"
13426
- }
13427
- ],
13428
- "superclass": {
13429
- "name": "FASTDesignSystemProvider",
13430
- "package": "@microsoft/fast-components"
13431
- },
13432
- "tagName": "%%prefix%%-design-system-provider",
13433
- "customElement": true
13434
- },
13435
- {
13436
- "kind": "variable",
13437
- "name": "foundationDesignSystemProvider",
13438
- "description": "The Foundation Design System Provider composed element",
13439
- "privacy": "public"
13440
- }
13441
- ],
13442
- "exports": [
13443
- {
13444
- "kind": "js",
13445
- "name": "FoundationDesignSystemProvider",
13446
- "declaration": {
13447
- "name": "FoundationDesignSystemProvider",
13448
- "module": "src/design-system-provider/design-system-provider.ts"
13449
- }
13450
- },
13451
- {
13452
- "kind": "js",
13453
- "name": "foundationDesignSystemProvider",
13454
- "declaration": {
13455
- "name": "foundationDesignSystemProvider",
13456
- "module": "src/design-system-provider/design-system-provider.ts"
13457
- }
13458
- }
13459
- ]
13460
- },
13461
- {
13462
- "kind": "javascript-module",
13463
- "path": "src/design-system-provider/design-system-provider.utils.ts",
13464
- "declarations": [
13465
- {
13466
- "kind": "function",
13467
- "name": "provideTokens",
13468
- "parameters": [
13469
- {
13470
- "name": "tokens"
13471
- },
13472
- {
13473
- "name": "values"
13474
- },
13475
- {
13476
- "name": "element",
13477
- "optional": true,
13478
- "type": {
13479
- "text": "HTMLElement"
13480
- }
13481
- }
13482
- ]
13483
- },
13484
- {
13485
- "kind": "function",
13486
- "name": "designToken",
13487
- "parameters": [
13488
- {
13489
- "name": "token",
13490
- "type": {
13491
- "text": "DesignToken<T>"
13492
- }
13493
- }
13494
- ]
13495
- },
13496
- {
13497
- "kind": "variable",
13498
- "name": "swatchConverter",
13499
- "type": {
13500
- "text": "ValueConverter"
13501
- },
13502
- "default": "{\n toView(value: any): string | null {\n if (value === null || value === undefined) {\n return null;\n }\n return (value as Swatch)?.toColorString();\n },\n\n fromView(value: any): any {\n if (value === null || value === undefined) {\n return null;\n }\n const color = parseColorHexRGB(value);\n return color ? SwatchRGB.create(color!.r, color!.g, color!.b) : null;\n },\n}"
13503
- },
13504
- {
13505
- "kind": "function",
13506
- "name": "paletteFromHex",
13507
- "parameters": [
13508
- {
13509
- "name": "hexColor",
13510
- "type": {
13511
- "text": "string"
13512
- }
13513
- }
13514
- ]
13515
- },
13516
- {
13517
- "kind": "function",
13518
- "name": "getDefaultConfig",
13519
- "parameters": [
13520
- {
13521
- "name": "definition",
13522
- "type": {
13523
- "text": "Partial<FoundationElementDefinition>"
13524
- }
13525
- },
13526
- {
13527
- "name": "exclusions",
13528
- "default": "defaultExclusions"
13529
- }
13530
- ]
13531
- },
13532
- {
13533
- "kind": "function",
13534
- "name": "getExports",
13535
- "parameters": [
13536
- {
13537
- "name": "registrationFunction"
13538
- }
13539
- ]
13540
- },
13541
- {
13542
- "kind": "function",
13543
- "name": "getTypeRampValue",
13544
- "parameters": [
13545
- {
13546
- "name": "baseTypeRamp",
13547
- "type": {
13548
- "text": "string"
13549
- }
13550
- },
13551
- {
13552
- "name": "value",
13553
- "type": {
13554
- "text": "number"
13555
- }
13556
- }
13557
- ]
13558
- },
13559
- {
13560
- "kind": "function",
13561
- "name": "configureDesignSystem",
13562
- "parameters": [
13563
- {
13564
- "name": "provider",
13565
- "type": {
13566
- "text": "HTMLElement"
13567
- }
13568
- },
13569
- {
13570
- "name": "config",
13571
- "type": {
13572
- "text": "DesignTokensConfig"
13573
- }
13574
- }
13575
- ]
13576
- }
13577
- ],
13578
- "exports": [
13579
- {
13580
- "kind": "js",
13581
- "name": "provideTokens",
13582
- "declaration": {
13583
- "name": "provideTokens",
13584
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13585
- }
13586
- },
13587
- {
13588
- "kind": "js",
13589
- "name": "designToken",
13590
- "declaration": {
13591
- "name": "designToken",
13592
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13593
- }
13594
- },
13595
- {
13596
- "kind": "js",
13597
- "name": "swatchConverter",
13598
- "declaration": {
13599
- "name": "swatchConverter",
13600
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13601
- }
13602
- },
13603
- {
13604
- "kind": "js",
13605
- "name": "paletteFromHex",
13606
- "declaration": {
13607
- "name": "paletteFromHex",
13608
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13609
- }
13610
- },
13611
- {
13612
- "kind": "js",
13613
- "name": "getDefaultConfig",
13614
- "declaration": {
13615
- "name": "getDefaultConfig",
13616
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13617
- }
13618
- },
13619
- {
13620
- "kind": "js",
13621
- "name": "getExports",
13622
- "declaration": {
13623
- "name": "getExports",
13624
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13625
- }
13626
- },
13627
- {
13628
- "kind": "js",
13629
- "name": "getTypeRampValue",
13630
- "declaration": {
13631
- "name": "getTypeRampValue",
13632
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13633
- }
13634
- },
13635
- {
13636
- "kind": "js",
13637
- "name": "configureDesignSystem",
13638
- "declaration": {
13639
- "name": "configureDesignSystem",
13640
- "module": "src/design-system-provider/design-system-provider.utils.ts"
13641
- }
13642
- }
13643
- ]
13644
- },
13645
- {
13646
- "kind": "javascript-module",
13647
- "path": "src/design-system-provider/index.ts",
13648
- "declarations": [],
13649
- "exports": [
13650
- {
13651
- "kind": "js",
13652
- "name": "*",
13653
- "declaration": {
13654
- "name": "*",
13655
- "package": "./design-system-provider.utils"
13656
- }
13657
- },
13658
- {
13659
- "kind": "js",
13660
- "name": "*",
13661
- "declaration": {
13662
- "name": "*",
13663
- "package": "./design-system-provider"
13664
- }
13665
- },
13666
- {
13667
- "kind": "js",
13668
- "name": "*",
13669
- "declaration": {
13670
- "name": "*",
13671
- "package": "./types"
13672
- }
13673
- }
13674
- ]
13675
- },
13676
- {
13677
- "kind": "javascript-module",
13678
- "path": "src/design-system-provider/types.ts",
13679
- "declarations": [],
13680
- "exports": []
13681
- },
13682
13694
  {
13683
13695
  "kind": "javascript-module",
13684
13696
  "path": "src/dialog/dialog.styles.ts",
@@ -33514,6 +33526,22 @@
33514
33526
  "path": "src/snackbar/index.ts",
33515
33527
  "declarations": [],
33516
33528
  "exports": [
33529
+ {
33530
+ "kind": "js",
33531
+ "name": "*",
33532
+ "declaration": {
33533
+ "name": "*",
33534
+ "package": "./snackbar.types"
33535
+ }
33536
+ },
33537
+ {
33538
+ "kind": "js",
33539
+ "name": "*",
33540
+ "declaration": {
33541
+ "name": "*",
33542
+ "package": "./snackbar.config"
33543
+ }
33544
+ },
33517
33545
  {
33518
33546
  "kind": "js",
33519
33547
  "name": "*",
@@ -33550,7 +33578,7 @@
33550
33578
  "type": {
33551
33579
  "text": "ElementStyles"
33552
33580
  },
33553
- "default": "css`\n @keyframes append-animate {\n from {\n transform: translateX(100%);\n opacity: 0%;\n }\n\n to {\n transform: translateX(0%);\n opacity: 100%;\n }\n }\n\n @keyframes delete-animate {\n from {\n transform: translateX(0%);\n opacity: 100%;\n }\n\n to {\n transform: translateX(100%);\n opacity: 0%;\n }\n }\n\n :host {\n --snackbar-min-width: 356px;\n --snackbar-min-height: 55px;\n --snackbar-max-width: 496px;\n --snackbar-max-height: 55px;\n }\n\n .snackbar {\n animation: append-animate 0.3s linear;\n max-width: var(--snackbar-max-width);\n min-width: var(--snackbar-min-width);\n max-height: var(--snackbar-max-height);\n background-color: var(--fill-color);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border-width: thin;\n border-color: var(--neutral-fill-rest);\n box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n box-sizing: border-box;\n display: flex;\n position: fixed;\n bottom: 5px;\n flex-direction: row;\n padding: 2px 16px;\n }\n\n .snackbar-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .snackbar::after {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: calc(100% - 2px);\n width: 2px;\n border-radius: 2px;\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`"
33581
+ "default": "css`\n @keyframes append-from-left-animate {\n from {\n transform: translateX(100%);\n opacity: 0%;\n }\n\n to {\n transform: translateX(0%);\n opacity: 100%;\n }\n }\n\n @keyframes delete-from-left-animate {\n from {\n transform: translateX(0%);\n opacity: 100%;\n }\n\n to {\n transform: translateX(100%);\n opacity: 0%;\n }\n }\n\n @keyframes append-from-top-animate {\n from {\n transform: translateY(-100%);\n opacity: 0%;\n }\n\n to {\n transform: translateY(0%);\n opacity: 100%;\n }\n }\n\n @keyframes delete-from-top-animate {\n from {\n transform: translateY(0%);\n opacity: 100%;\n }\n\n to {\n transform: translateY(-100%);\n opacity: 0%;\n }\n }\n\n @keyframes delete-fade-animate {\n from {\n opacity: 100%;\n }\n\n to {\n opacity: 0%;\n }\n }\n\n :host {\n --snackbar-min-width: 356px;\n --snackbar-min-height: 55px;\n --snackbar-max-width: 496px;\n --snackbar-max-height: 55px;\n --snackbar-animation-name: append-from-left-animate;\n --snackbar-animation-delete-name: delete-from-left-animate;\n }\n\n .snackbar {\n animation: var(--snackbar-animation-name) 0.3s linear;\n max-width: var(--snackbar-max-width);\n min-width: var(--snackbar-min-width);\n max-height: var(--snackbar-max-height);\n background-color: var(--fill-color);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border-width: thin;\n border-color: var(--neutral-fill-rest);\n box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n box-sizing: border-box;\n display: flex;\n position: fixed;\n bottom: 5px;\n flex-direction: row;\n padding: 2px 16px;\n }\n\n .snackbar-delete {\n animation: var(--snackbar-animation-delete-name) 0.3s linear;\n opacity: 0%;\n }\n\n .snackbar::after {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: calc(100% - 2px);\n width: 2px;\n border-radius: 2px;\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`"
33554
33582
  }
33555
33583
  ],
33556
33584
  "exports": [
@@ -33652,13 +33680,20 @@
33652
33680
  },
33653
33681
  "default": "''"
33654
33682
  },
33683
+ {
33684
+ "kind": "field",
33685
+ "name": "identifier",
33686
+ "type": {
33687
+ "text": "string"
33688
+ }
33689
+ },
33655
33690
  {
33656
33691
  "kind": "field",
33657
33692
  "name": "closeTimeout",
33658
33693
  "type": {
33659
33694
  "text": "number"
33660
33695
  },
33661
- "default": "10000"
33696
+ "default": "SNACKBAR_CLOSE_TIMEOUT"
33662
33697
  },
33663
33698
  {
33664
33699
  "kind": "field",
@@ -33666,15 +33701,28 @@
33666
33701
  "type": {
33667
33702
  "text": "boolean"
33668
33703
  },
33669
- "default": "true"
33704
+ "default": "false"
33670
33705
  },
33671
33706
  {
33672
33707
  "kind": "field",
33673
33708
  "name": "type",
33674
33709
  "type": {
33675
- "text": "'error' | ''"
33710
+ "text": "SnackbarType"
33676
33711
  },
33677
- "default": "''"
33712
+ "default": "SNACKBAR_TYPE_DEFAULT"
33713
+ },
33714
+ {
33715
+ "kind": "field",
33716
+ "name": "timeoutRef",
33717
+ "type": {
33718
+ "text": "ReturnType<typeof setTimeout>"
33719
+ },
33720
+ "privacy": "private"
33721
+ },
33722
+ {
33723
+ "kind": "field",
33724
+ "name": "dismissEventListener",
33725
+ "privacy": "private"
33678
33726
  },
33679
33727
  {
33680
33728
  "kind": "method",
@@ -33712,6 +33760,21 @@
33712
33760
  }
33713
33761
  ]
33714
33762
  },
33763
+ {
33764
+ "kind": "method",
33765
+ "name": "handleDissmis",
33766
+ "privacy": "public",
33767
+ "parameters": [
33768
+ {
33769
+ "name": "autoDissmis",
33770
+ "default": "false",
33771
+ "type": {
33772
+ "text": "boolean"
33773
+ }
33774
+ }
33775
+ ],
33776
+ "description": "Helper for remove snackbar from display with animation"
33777
+ },
33715
33778
  {
33716
33779
  "kind": "method",
33717
33780
  "name": "dismiss",
@@ -33830,15 +33893,29 @@
33830
33893
  }
33831
33894
  }
33832
33895
  ],
33896
+ "events": [
33897
+ {
33898
+ "type": {
33899
+ "text": "CustomEvent"
33900
+ }
33901
+ }
33902
+ ],
33833
33903
  "attributes": [
33904
+ {
33905
+ "name": "identifier",
33906
+ "type": {
33907
+ "text": "string"
33908
+ },
33909
+ "fieldName": "identifier"
33910
+ },
33834
33911
  {
33835
33912
  "name": "close-timeout",
33836
33913
  "type": {
33837
33914
  "text": "number"
33838
33915
  },
33839
- "default": "CLOSE_TIMEOUT",
33916
+ "default": "SNACKBAR_CLOSE_TIMEOUT",
33840
33917
  "resolveInitializer": {
33841
- "module": "src/snackbar/snackbar.ts"
33918
+ "module": "/src/snackbar/snackbar.config"
33842
33919
  },
33843
33920
  "fieldName": "closeTimeout"
33844
33921
  },
@@ -33847,15 +33924,18 @@
33847
33924
  "type": {
33848
33925
  "text": "boolean"
33849
33926
  },
33850
- "default": "true",
33927
+ "default": "false",
33851
33928
  "fieldName": "autoClose"
33852
33929
  },
33853
33930
  {
33854
33931
  "name": "type",
33855
33932
  "type": {
33856
- "text": "'error' | ''"
33933
+ "text": "SnackbarType"
33934
+ },
33935
+ "default": "SNACKBAR_TYPE_DEFAULT",
33936
+ "resolveInitializer": {
33937
+ "module": "/src/snackbar/snackbar.config"
33857
33938
  },
33858
- "default": "''",
33859
33939
  "fieldName": "type"
33860
33940
  }
33861
33941
  ],
@@ -33900,6 +33980,12 @@
33900
33980
  }
33901
33981
  ]
33902
33982
  },
33983
+ {
33984
+ "kind": "javascript-module",
33985
+ "path": "src/snackbar/snackbar.types.ts",
33986
+ "declarations": [],
33987
+ "exports": []
33988
+ },
33903
33989
  {
33904
33990
  "kind": "javascript-module",
33905
33991
  "path": "src/stacking-icons/index.ts",