@genesislcap/foundation-ui 14.206.3 → 14.206.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +1728 -1728
  2. package/package.json +16 -16
@@ -862,6 +862,37 @@
862
862
  }
863
863
  ]
864
864
  },
865
+ {
866
+ "kind": "javascript-module",
867
+ "path": "src/_config/index.ts",
868
+ "declarations": [],
869
+ "exports": [
870
+ {
871
+ "kind": "js",
872
+ "name": "*",
873
+ "declaration": {
874
+ "name": "*",
875
+ "package": "./styles"
876
+ }
877
+ },
878
+ {
879
+ "kind": "js",
880
+ "name": "*",
881
+ "declaration": {
882
+ "name": "*",
883
+ "package": "./tokens"
884
+ }
885
+ },
886
+ {
887
+ "kind": "js",
888
+ "name": "*",
889
+ "declaration": {
890
+ "name": "*",
891
+ "package": "./values"
892
+ }
893
+ }
894
+ ]
895
+ },
865
896
  {
866
897
  "kind": "javascript-module",
867
898
  "path": "src/accordion/accordion.styles.ts",
@@ -1044,37 +1075,6 @@
1044
1075
  }
1045
1076
  ]
1046
1077
  },
1047
- {
1048
- "kind": "javascript-module",
1049
- "path": "src/_config/index.ts",
1050
- "declarations": [],
1051
- "exports": [
1052
- {
1053
- "kind": "js",
1054
- "name": "*",
1055
- "declaration": {
1056
- "name": "*",
1057
- "package": "./styles"
1058
- }
1059
- },
1060
- {
1061
- "kind": "js",
1062
- "name": "*",
1063
- "declaration": {
1064
- "name": "*",
1065
- "package": "./tokens"
1066
- }
1067
- },
1068
- {
1069
- "kind": "js",
1070
- "name": "*",
1071
- "declaration": {
1072
- "name": "*",
1073
- "package": "./values"
1074
- }
1075
- }
1076
- ]
1077
- },
1078
1078
  {
1079
1079
  "kind": "javascript-module",
1080
1080
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -19062,35 +19062,59 @@
19062
19062
  },
19063
19063
  {
19064
19064
  "kind": "javascript-module",
19065
- "path": "src/grid-layout-item/grid-layout-item.template.ts",
19065
+ "path": "src/grid-layout/grid-layout.styles.ts",
19066
19066
  "declarations": [
19067
19067
  {
19068
19068
  "kind": "variable",
19069
- "name": "foundationGridLayoutItemTemplate",
19069
+ "name": "foundationGridLayoutStyles",
19070
19070
  "type": {
19071
- "text": "ViewTemplate<GridLayoutItem>"
19071
+ "text": "ElementStyles"
19072
19072
  },
19073
- "default": "html`\n <template>\n <style>\n :host {\n width: 100%;\n height: 100%;\n ${(x) => x.setGridItemProperties(x.colNumber, x.rowNumber, x.width, x.height)}\n }\n\n @media only screen and (min-width: 1025px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colLgNumber, x.rowLgNumber, x.widthLg, x.heightLg)}\n }\n }\n\n @media only screen and (min-width: 641px) and (max-width: 1024px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colMdNumber, x.rowMdNumber, x.widthSm, x.heightMd)}\n }\n }\n\n @media only screen and (max-width: 640px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colSmNumber, x.rowSmNumber, x.widthSm, x.heightSm)}\n }\n }\n </style>\n <slot></slot>\n </template>\n`"
19073
+ "default": "css`\n slot {\n width: 100%;\n height: 100%;\n display: grid;\n }\n\n ${gridLayoutRWDStyles()}\n ${gridLayoutRWDStyles('lg')}\n ${gridLayoutRWDStyles('md')}\n ${gridLayoutRWDStyles('sm')}\n`"
19074
19074
  }
19075
19075
  ],
19076
19076
  "exports": [
19077
19077
  {
19078
19078
  "kind": "js",
19079
- "name": "foundationGridLayoutItemTemplate",
19079
+ "name": "foundationGridLayoutStyles",
19080
19080
  "declaration": {
19081
- "name": "foundationGridLayoutItemTemplate",
19082
- "module": "src/grid-layout-item/grid-layout-item.template.ts"
19081
+ "name": "foundationGridLayoutStyles",
19082
+ "module": "src/grid-layout/grid-layout.styles.ts"
19083
19083
  }
19084
19084
  }
19085
19085
  ]
19086
19086
  },
19087
19087
  {
19088
19088
  "kind": "javascript-module",
19089
- "path": "src/grid-layout-item/grid-layout-item.ts",
19089
+ "path": "src/grid-layout/grid-layout.template.ts",
19090
19090
  "declarations": [
19091
19091
  {
19092
19092
  "kind": "variable",
19093
- "name": "foundationGridLayoutItemShadowOptions",
19093
+ "name": "foundationGridLayoutTemplate",
19094
+ "type": {
19095
+ "text": "ViewTemplate<GridLayout>"
19096
+ },
19097
+ "default": "html`\n <template>\n <slot></slot>\n </template>\n`"
19098
+ }
19099
+ ],
19100
+ "exports": [
19101
+ {
19102
+ "kind": "js",
19103
+ "name": "foundationGridLayoutTemplate",
19104
+ "declaration": {
19105
+ "name": "foundationGridLayoutTemplate",
19106
+ "module": "src/grid-layout/grid-layout.template.ts"
19107
+ }
19108
+ }
19109
+ ]
19110
+ },
19111
+ {
19112
+ "kind": "javascript-module",
19113
+ "path": "src/grid-layout/grid-layout.ts",
19114
+ "declarations": [
19115
+ {
19116
+ "kind": "variable",
19117
+ "name": "foundationGridLayoutShadowOptions",
19094
19118
  "type": {
19095
19119
  "text": "ShadowRootInit"
19096
19120
  },
@@ -19098,7 +19122,7 @@
19098
19122
  },
19099
19123
  {
19100
19124
  "kind": "variable",
19101
- "name": "defaultGridLayoutItemConfig",
19125
+ "name": "defaultGridLayoutConfig",
19102
19126
  "type": {
19103
19127
  "text": "object"
19104
19128
  },
@@ -19107,137 +19131,136 @@
19107
19131
  {
19108
19132
  "kind": "class",
19109
19133
  "description": "",
19110
- "name": "GridLayoutItem",
19134
+ "name": "GridLayout",
19111
19135
  "members": [
19112
19136
  {
19113
19137
  "kind": "field",
19114
- "name": "colNumber",
19138
+ "name": "['col-count']",
19115
19139
  "type": {
19116
- "text": "number"
19140
+ "text": "string"
19117
19141
  }
19118
19142
  },
19119
19143
  {
19120
19144
  "kind": "field",
19121
- "name": "colSmNumber",
19145
+ "name": "['col-width']",
19122
19146
  "type": {
19123
- "text": "number"
19147
+ "text": "string"
19124
19148
  }
19125
19149
  },
19126
19150
  {
19127
19151
  "kind": "field",
19128
- "name": "colMdNumber",
19152
+ "name": "['col-lg-count']",
19129
19153
  "type": {
19130
- "text": "number"
19154
+ "text": "string"
19131
19155
  }
19132
19156
  },
19133
19157
  {
19134
19158
  "kind": "field",
19135
- "name": "colLgNumber",
19159
+ "name": "['col-lg-width']",
19136
19160
  "type": {
19137
- "text": "number"
19161
+ "text": "string"
19138
19162
  }
19139
19163
  },
19140
19164
  {
19141
19165
  "kind": "field",
19142
- "name": "rowNumber",
19166
+ "name": "['col-md-count']",
19143
19167
  "type": {
19144
- "text": "number"
19168
+ "text": "string"
19145
19169
  }
19146
19170
  },
19147
19171
  {
19148
19172
  "kind": "field",
19149
- "name": "rowSmNumber",
19173
+ "name": "['col-md-width']",
19150
19174
  "type": {
19151
- "text": "number"
19175
+ "text": "string"
19152
19176
  }
19153
19177
  },
19154
19178
  {
19155
19179
  "kind": "field",
19156
- "name": "rowMdNumber",
19180
+ "name": "['col-sm-count']",
19157
19181
  "type": {
19158
- "text": "number"
19182
+ "text": "string"
19159
19183
  }
19160
19184
  },
19161
19185
  {
19162
19186
  "kind": "field",
19163
- "name": "rowLgNumber",
19187
+ "name": "['col-sm-width']",
19164
19188
  "type": {
19165
- "text": "number"
19189
+ "text": "string"
19166
19190
  }
19167
19191
  },
19168
19192
  {
19169
19193
  "kind": "field",
19170
- "name": "width",
19194
+ "name": "['row-count']",
19171
19195
  "type": {
19172
- "text": "number"
19196
+ "text": "string"
19173
19197
  }
19174
19198
  },
19175
19199
  {
19176
19200
  "kind": "field",
19177
- "name": "widthSm",
19201
+ "name": "['row-height']",
19178
19202
  "type": {
19179
- "text": "number"
19203
+ "text": "string"
19180
19204
  }
19181
19205
  },
19182
19206
  {
19183
19207
  "kind": "field",
19184
- "name": "widthMd",
19208
+ "name": "['row-lg-count']",
19185
19209
  "type": {
19186
- "text": "number"
19210
+ "text": "string"
19187
19211
  }
19188
19212
  },
19189
19213
  {
19190
19214
  "kind": "field",
19191
- "name": "widthLg",
19215
+ "name": "['row-lg-height']",
19192
19216
  "type": {
19193
- "text": "number"
19217
+ "text": "string"
19194
19218
  }
19195
19219
  },
19196
19220
  {
19197
19221
  "kind": "field",
19198
- "name": "height",
19222
+ "name": "['row-md-count']",
19199
19223
  "type": {
19200
- "text": "number"
19224
+ "text": "string"
19201
19225
  }
19202
19226
  },
19203
19227
  {
19204
19228
  "kind": "field",
19205
- "name": "heightSm",
19229
+ "name": "['row-md-height']",
19206
19230
  "type": {
19207
- "text": "number"
19231
+ "text": "string"
19208
19232
  }
19209
19233
  },
19210
19234
  {
19211
19235
  "kind": "field",
19212
- "name": "heightMd",
19236
+ "name": "['row-sm-count']",
19213
19237
  "type": {
19214
- "text": "number"
19238
+ "text": "string"
19215
19239
  }
19216
19240
  },
19217
19241
  {
19218
19242
  "kind": "field",
19219
- "name": "heightLg",
19243
+ "name": "['row-sm-height']",
19220
19244
  "type": {
19221
- "text": "number"
19245
+ "text": "string"
19222
19246
  }
19223
19247
  },
19224
19248
  {
19225
- "kind": "method",
19226
- "name": "setGridItemProperties",
19227
- "parameters": [
19228
- {
19229
- "name": "column"
19230
- },
19231
- {
19232
- "name": "row"
19233
- },
19234
- {
19235
- "name": "width"
19236
- },
19237
- {
19238
- "name": "height"
19239
- }
19240
- ]
19249
+ "kind": "field",
19250
+ "name": "behaviors",
19251
+ "type": {
19252
+ "text": "Behavior[]"
19253
+ },
19254
+ "privacy": "private",
19255
+ "default": "[]"
19256
+ },
19257
+ {
19258
+ "kind": "field",
19259
+ "name": "baseStyles",
19260
+ "type": {
19261
+ "text": "ElementStyles"
19262
+ },
19263
+ "privacy": "private"
19241
19264
  },
19242
19265
  {
19243
19266
  "kind": "field",
@@ -19353,170 +19376,176 @@
19353
19376
  ],
19354
19377
  "attributes": [
19355
19378
  {
19356
- "name": "col-number",
19379
+ "name": "['col-count']",
19357
19380
  "type": {
19358
- "text": "number"
19381
+ "text": "string"
19359
19382
  },
19360
- "fieldName": "colNumber"
19383
+ "fieldName": "['col-count']"
19361
19384
  },
19362
19385
  {
19363
- "name": "col-sm-number",
19386
+ "name": "['col-width']",
19364
19387
  "type": {
19365
- "text": "number"
19388
+ "text": "string"
19366
19389
  },
19367
- "fieldName": "colSmNumber"
19390
+ "fieldName": "['col-width']"
19368
19391
  },
19369
19392
  {
19370
- "name": "col-md-number",
19393
+ "name": "['col-lg-count']",
19371
19394
  "type": {
19372
- "text": "number"
19395
+ "text": "string"
19373
19396
  },
19374
- "fieldName": "colMdNumber"
19397
+ "fieldName": "['col-lg-count']"
19375
19398
  },
19376
19399
  {
19377
- "name": "col-lg-number",
19400
+ "name": "['col-lg-width']",
19378
19401
  "type": {
19379
- "text": "number"
19402
+ "text": "string"
19380
19403
  },
19381
- "fieldName": "colLgNumber"
19404
+ "fieldName": "['col-lg-width']"
19382
19405
  },
19383
19406
  {
19384
- "name": "row-number",
19407
+ "name": "['col-md-count']",
19385
19408
  "type": {
19386
- "text": "number"
19409
+ "text": "string"
19387
19410
  },
19388
- "fieldName": "rowNumber"
19411
+ "fieldName": "['col-md-count']"
19389
19412
  },
19390
19413
  {
19391
- "name": "row-sm-number",
19414
+ "name": "['col-md-width']",
19392
19415
  "type": {
19393
- "text": "number"
19416
+ "text": "string"
19394
19417
  },
19395
- "fieldName": "rowSmNumber"
19418
+ "fieldName": "['col-md-width']"
19396
19419
  },
19397
19420
  {
19398
- "name": "row-md-number",
19421
+ "name": "['col-sm-count']",
19399
19422
  "type": {
19400
- "text": "number"
19423
+ "text": "string"
19401
19424
  },
19402
- "fieldName": "rowMdNumber"
19425
+ "fieldName": "['col-sm-count']"
19403
19426
  },
19404
19427
  {
19405
- "name": "row-lg-number",
19428
+ "name": "['col-sm-width']",
19406
19429
  "type": {
19407
- "text": "number"
19430
+ "text": "string"
19408
19431
  },
19409
- "fieldName": "rowLgNumber"
19432
+ "fieldName": "['col-sm-width']"
19410
19433
  },
19411
19434
  {
19412
- "name": "width",
19435
+ "name": "['row-count']",
19413
19436
  "type": {
19414
- "text": "number"
19437
+ "text": "string"
19415
19438
  },
19416
- "fieldName": "width"
19439
+ "fieldName": "['row-count']"
19417
19440
  },
19418
19441
  {
19419
- "name": "width-sm",
19442
+ "name": "['row-height']",
19420
19443
  "type": {
19421
- "text": "number"
19444
+ "text": "string"
19422
19445
  },
19423
- "fieldName": "widthSm"
19446
+ "fieldName": "['row-height']"
19424
19447
  },
19425
19448
  {
19426
- "name": "width-md",
19449
+ "name": "['row-lg-count']",
19427
19450
  "type": {
19428
- "text": "number"
19451
+ "text": "string"
19429
19452
  },
19430
- "fieldName": "widthMd"
19453
+ "fieldName": "['row-lg-count']"
19431
19454
  },
19432
19455
  {
19433
- "name": "width-lg",
19456
+ "name": "['row-lg-height']",
19434
19457
  "type": {
19435
- "text": "number"
19458
+ "text": "string"
19436
19459
  },
19437
- "fieldName": "widthLg"
19460
+ "fieldName": "['row-lg-height']"
19438
19461
  },
19439
19462
  {
19440
- "name": "height",
19463
+ "name": "['row-md-count']",
19441
19464
  "type": {
19442
- "text": "number"
19465
+ "text": "string"
19443
19466
  },
19444
- "fieldName": "height"
19467
+ "fieldName": "['row-md-count']"
19445
19468
  },
19446
19469
  {
19447
- "name": "height-sm",
19470
+ "name": "['row-md-height']",
19448
19471
  "type": {
19449
- "text": "number"
19472
+ "text": "string"
19450
19473
  },
19451
- "fieldName": "heightSm"
19474
+ "fieldName": "['row-md-height']"
19452
19475
  },
19453
19476
  {
19454
- "name": "height-md",
19477
+ "name": "['row-sm-count']",
19455
19478
  "type": {
19456
- "text": "number"
19479
+ "text": "string"
19457
19480
  },
19458
- "fieldName": "heightMd"
19481
+ "fieldName": "['row-sm-count']"
19459
19482
  },
19460
19483
  {
19461
- "name": "height-lg",
19484
+ "name": "['row-sm-height']",
19462
19485
  "type": {
19463
- "text": "number"
19486
+ "text": "string"
19464
19487
  },
19465
- "fieldName": "heightLg"
19488
+ "fieldName": "['row-sm-height']"
19466
19489
  }
19467
19490
  ],
19468
19491
  "superclass": {
19469
19492
  "name": "FoundationElement",
19470
19493
  "package": "@microsoft/fast-foundation"
19471
19494
  },
19472
- "tagName": "%%prefix%%-grid-layout-item",
19495
+ "tagName": "%%prefix%%-grid-layout",
19473
19496
  "customElement": true
19474
19497
  },
19475
19498
  {
19476
19499
  "kind": "variable",
19477
- "name": "foundationGridLayoutItem",
19478
- "description": "The Foundation Grid Layout Item",
19500
+ "name": "foundationGridLayout",
19501
+ "description": "The Foundation Grid Layout",
19479
19502
  "privacy": "public"
19480
19503
  }
19481
19504
  ],
19482
19505
  "exports": [
19483
19506
  {
19484
19507
  "kind": "js",
19485
- "name": "foundationGridLayoutItemShadowOptions",
19508
+ "name": "foundationGridLayoutShadowOptions",
19486
19509
  "declaration": {
19487
- "name": "foundationGridLayoutItemShadowOptions",
19488
- "module": "src/grid-layout-item/grid-layout-item.ts"
19510
+ "name": "foundationGridLayoutShadowOptions",
19511
+ "module": "src/grid-layout/grid-layout.ts"
19489
19512
  }
19490
19513
  },
19491
19514
  {
19492
19515
  "kind": "js",
19493
- "name": "defaultGridLayoutItemConfig",
19516
+ "name": "defaultGridLayoutConfig",
19494
19517
  "declaration": {
19495
- "name": "defaultGridLayoutItemConfig",
19496
- "module": "src/grid-layout-item/grid-layout-item.ts"
19518
+ "name": "defaultGridLayoutConfig",
19519
+ "module": "src/grid-layout/grid-layout.ts"
19497
19520
  }
19498
19521
  },
19499
19522
  {
19500
19523
  "kind": "js",
19501
- "name": "GridLayoutItem",
19524
+ "name": "GridLayout",
19502
19525
  "declaration": {
19503
- "name": "GridLayoutItem",
19504
- "module": "src/grid-layout-item/grid-layout-item.ts"
19526
+ "name": "GridLayout",
19527
+ "module": "src/grid-layout/grid-layout.ts"
19505
19528
  }
19506
19529
  },
19507
19530
  {
19508
19531
  "kind": "js",
19509
- "name": "foundationGridLayoutItem",
19532
+ "name": "foundationGridLayout",
19510
19533
  "declaration": {
19511
- "name": "foundationGridLayoutItem",
19512
- "module": "src/grid-layout-item/grid-layout-item.ts"
19534
+ "name": "foundationGridLayout",
19535
+ "module": "src/grid-layout/grid-layout.ts"
19513
19536
  }
19514
19537
  }
19515
19538
  ]
19516
19539
  },
19517
19540
  {
19518
19541
  "kind": "javascript-module",
19519
- "path": "src/grid-layout-item/index.ts",
19542
+ "path": "src/grid-layout/grid-layout.types.ts",
19543
+ "declarations": [],
19544
+ "exports": []
19545
+ },
19546
+ {
19547
+ "kind": "javascript-module",
19548
+ "path": "src/grid-layout/index.ts",
19520
19549
  "declarations": [],
19521
19550
  "exports": [
19522
19551
  {
@@ -19524,7 +19553,7 @@
19524
19553
  "name": "*",
19525
19554
  "declaration": {
19526
19555
  "name": "*",
19527
- "package": "./grid-layout-item.template"
19556
+ "package": "./grid-layout.template"
19528
19557
  }
19529
19558
  },
19530
19559
  {
@@ -19532,66 +19561,58 @@
19532
19561
  "name": "*",
19533
19562
  "declaration": {
19534
19563
  "name": "*",
19535
- "package": "./grid-layout-item"
19564
+ "package": "./grid-layout.styles"
19536
19565
  }
19537
- }
19538
- ]
19539
- },
19540
- {
19541
- "kind": "javascript-module",
19542
- "path": "src/grid-layout/grid-layout.styles.ts",
19543
- "declarations": [
19566
+ },
19544
19567
  {
19545
- "kind": "variable",
19546
- "name": "foundationGridLayoutStyles",
19547
- "type": {
19548
- "text": "ElementStyles"
19549
- },
19550
- "default": "css`\n slot {\n width: 100%;\n height: 100%;\n display: grid;\n }\n\n ${gridLayoutRWDStyles()}\n ${gridLayoutRWDStyles('lg')}\n ${gridLayoutRWDStyles('md')}\n ${gridLayoutRWDStyles('sm')}\n`"
19551
- }
19552
- ],
19553
- "exports": [
19568
+ "kind": "js",
19569
+ "name": "*",
19570
+ "declaration": {
19571
+ "name": "*",
19572
+ "package": "./grid-layout"
19573
+ }
19574
+ },
19554
19575
  {
19555
19576
  "kind": "js",
19556
- "name": "foundationGridLayoutStyles",
19577
+ "name": "*",
19557
19578
  "declaration": {
19558
- "name": "foundationGridLayoutStyles",
19559
- "module": "src/grid-layout/grid-layout.styles.ts"
19579
+ "name": "*",
19580
+ "package": "./grid-layout.types"
19560
19581
  }
19561
19582
  }
19562
19583
  ]
19563
19584
  },
19564
19585
  {
19565
19586
  "kind": "javascript-module",
19566
- "path": "src/grid-layout/grid-layout.template.ts",
19587
+ "path": "src/grid-layout-item/grid-layout-item.template.ts",
19567
19588
  "declarations": [
19568
19589
  {
19569
19590
  "kind": "variable",
19570
- "name": "foundationGridLayoutTemplate",
19591
+ "name": "foundationGridLayoutItemTemplate",
19571
19592
  "type": {
19572
- "text": "ViewTemplate<GridLayout>"
19593
+ "text": "ViewTemplate<GridLayoutItem>"
19573
19594
  },
19574
- "default": "html`\n <template>\n <slot></slot>\n </template>\n`"
19595
+ "default": "html`\n <template>\n <style>\n :host {\n width: 100%;\n height: 100%;\n ${(x) => x.setGridItemProperties(x.colNumber, x.rowNumber, x.width, x.height)}\n }\n\n @media only screen and (min-width: 1025px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colLgNumber, x.rowLgNumber, x.widthLg, x.heightLg)}\n }\n }\n\n @media only screen and (min-width: 641px) and (max-width: 1024px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colMdNumber, x.rowMdNumber, x.widthSm, x.heightMd)}\n }\n }\n\n @media only screen and (max-width: 640px) {\n :host {\n ${(x) => x.setGridItemProperties(x.colSmNumber, x.rowSmNumber, x.widthSm, x.heightSm)}\n }\n }\n </style>\n <slot></slot>\n </template>\n`"
19575
19596
  }
19576
19597
  ],
19577
19598
  "exports": [
19578
19599
  {
19579
19600
  "kind": "js",
19580
- "name": "foundationGridLayoutTemplate",
19601
+ "name": "foundationGridLayoutItemTemplate",
19581
19602
  "declaration": {
19582
- "name": "foundationGridLayoutTemplate",
19583
- "module": "src/grid-layout/grid-layout.template.ts"
19603
+ "name": "foundationGridLayoutItemTemplate",
19604
+ "module": "src/grid-layout-item/grid-layout-item.template.ts"
19584
19605
  }
19585
19606
  }
19586
19607
  ]
19587
19608
  },
19588
19609
  {
19589
19610
  "kind": "javascript-module",
19590
- "path": "src/grid-layout/grid-layout.ts",
19611
+ "path": "src/grid-layout-item/grid-layout-item.ts",
19591
19612
  "declarations": [
19592
19613
  {
19593
19614
  "kind": "variable",
19594
- "name": "foundationGridLayoutShadowOptions",
19615
+ "name": "foundationGridLayoutItemShadowOptions",
19595
19616
  "type": {
19596
19617
  "text": "ShadowRootInit"
19597
19618
  },
@@ -19599,7 +19620,7 @@
19599
19620
  },
19600
19621
  {
19601
19622
  "kind": "variable",
19602
- "name": "defaultGridLayoutConfig",
19623
+ "name": "defaultGridLayoutItemConfig",
19603
19624
  "type": {
19604
19625
  "text": "object"
19605
19626
  },
@@ -19608,136 +19629,137 @@
19608
19629
  {
19609
19630
  "kind": "class",
19610
19631
  "description": "",
19611
- "name": "GridLayout",
19632
+ "name": "GridLayoutItem",
19612
19633
  "members": [
19613
19634
  {
19614
19635
  "kind": "field",
19615
- "name": "['col-count']",
19636
+ "name": "colNumber",
19616
19637
  "type": {
19617
- "text": "string"
19638
+ "text": "number"
19618
19639
  }
19619
19640
  },
19620
19641
  {
19621
19642
  "kind": "field",
19622
- "name": "['col-width']",
19643
+ "name": "colSmNumber",
19623
19644
  "type": {
19624
- "text": "string"
19645
+ "text": "number"
19625
19646
  }
19626
19647
  },
19627
19648
  {
19628
19649
  "kind": "field",
19629
- "name": "['col-lg-count']",
19650
+ "name": "colMdNumber",
19630
19651
  "type": {
19631
- "text": "string"
19652
+ "text": "number"
19632
19653
  }
19633
19654
  },
19634
19655
  {
19635
19656
  "kind": "field",
19636
- "name": "['col-lg-width']",
19657
+ "name": "colLgNumber",
19637
19658
  "type": {
19638
- "text": "string"
19659
+ "text": "number"
19639
19660
  }
19640
19661
  },
19641
19662
  {
19642
19663
  "kind": "field",
19643
- "name": "['col-md-count']",
19664
+ "name": "rowNumber",
19644
19665
  "type": {
19645
- "text": "string"
19666
+ "text": "number"
19646
19667
  }
19647
19668
  },
19648
19669
  {
19649
19670
  "kind": "field",
19650
- "name": "['col-md-width']",
19671
+ "name": "rowSmNumber",
19651
19672
  "type": {
19652
- "text": "string"
19673
+ "text": "number"
19653
19674
  }
19654
19675
  },
19655
19676
  {
19656
19677
  "kind": "field",
19657
- "name": "['col-sm-count']",
19678
+ "name": "rowMdNumber",
19658
19679
  "type": {
19659
- "text": "string"
19680
+ "text": "number"
19660
19681
  }
19661
19682
  },
19662
19683
  {
19663
19684
  "kind": "field",
19664
- "name": "['col-sm-width']",
19685
+ "name": "rowLgNumber",
19665
19686
  "type": {
19666
- "text": "string"
19687
+ "text": "number"
19667
19688
  }
19668
19689
  },
19669
19690
  {
19670
19691
  "kind": "field",
19671
- "name": "['row-count']",
19692
+ "name": "width",
19672
19693
  "type": {
19673
- "text": "string"
19694
+ "text": "number"
19674
19695
  }
19675
19696
  },
19676
19697
  {
19677
19698
  "kind": "field",
19678
- "name": "['row-height']",
19699
+ "name": "widthSm",
19679
19700
  "type": {
19680
- "text": "string"
19701
+ "text": "number"
19681
19702
  }
19682
19703
  },
19683
19704
  {
19684
19705
  "kind": "field",
19685
- "name": "['row-lg-count']",
19706
+ "name": "widthMd",
19686
19707
  "type": {
19687
- "text": "string"
19708
+ "text": "number"
19688
19709
  }
19689
19710
  },
19690
19711
  {
19691
19712
  "kind": "field",
19692
- "name": "['row-lg-height']",
19713
+ "name": "widthLg",
19693
19714
  "type": {
19694
- "text": "string"
19715
+ "text": "number"
19695
19716
  }
19696
19717
  },
19697
19718
  {
19698
19719
  "kind": "field",
19699
- "name": "['row-md-count']",
19720
+ "name": "height",
19700
19721
  "type": {
19701
- "text": "string"
19722
+ "text": "number"
19702
19723
  }
19703
19724
  },
19704
19725
  {
19705
19726
  "kind": "field",
19706
- "name": "['row-md-height']",
19727
+ "name": "heightSm",
19707
19728
  "type": {
19708
- "text": "string"
19729
+ "text": "number"
19709
19730
  }
19710
19731
  },
19711
19732
  {
19712
19733
  "kind": "field",
19713
- "name": "['row-sm-count']",
19734
+ "name": "heightMd",
19714
19735
  "type": {
19715
- "text": "string"
19736
+ "text": "number"
19716
19737
  }
19717
19738
  },
19718
19739
  {
19719
19740
  "kind": "field",
19720
- "name": "['row-sm-height']",
19741
+ "name": "heightLg",
19721
19742
  "type": {
19722
- "text": "string"
19743
+ "text": "number"
19723
19744
  }
19724
19745
  },
19725
19746
  {
19726
- "kind": "field",
19727
- "name": "behaviors",
19728
- "type": {
19729
- "text": "Behavior[]"
19730
- },
19731
- "privacy": "private",
19732
- "default": "[]"
19733
- },
19734
- {
19735
- "kind": "field",
19736
- "name": "baseStyles",
19737
- "type": {
19738
- "text": "ElementStyles"
19739
- },
19740
- "privacy": "private"
19747
+ "kind": "method",
19748
+ "name": "setGridItemProperties",
19749
+ "parameters": [
19750
+ {
19751
+ "name": "column"
19752
+ },
19753
+ {
19754
+ "name": "row"
19755
+ },
19756
+ {
19757
+ "name": "width"
19758
+ },
19759
+ {
19760
+ "name": "height"
19761
+ }
19762
+ ]
19741
19763
  },
19742
19764
  {
19743
19765
  "kind": "field",
@@ -19853,176 +19875,170 @@
19853
19875
  ],
19854
19876
  "attributes": [
19855
19877
  {
19856
- "name": "['col-count']",
19878
+ "name": "col-number",
19857
19879
  "type": {
19858
- "text": "string"
19880
+ "text": "number"
19859
19881
  },
19860
- "fieldName": "['col-count']"
19882
+ "fieldName": "colNumber"
19861
19883
  },
19862
19884
  {
19863
- "name": "['col-width']",
19885
+ "name": "col-sm-number",
19864
19886
  "type": {
19865
- "text": "string"
19887
+ "text": "number"
19866
19888
  },
19867
- "fieldName": "['col-width']"
19889
+ "fieldName": "colSmNumber"
19868
19890
  },
19869
19891
  {
19870
- "name": "['col-lg-count']",
19892
+ "name": "col-md-number",
19871
19893
  "type": {
19872
- "text": "string"
19894
+ "text": "number"
19873
19895
  },
19874
- "fieldName": "['col-lg-count']"
19896
+ "fieldName": "colMdNumber"
19875
19897
  },
19876
19898
  {
19877
- "name": "['col-lg-width']",
19899
+ "name": "col-lg-number",
19878
19900
  "type": {
19879
- "text": "string"
19901
+ "text": "number"
19880
19902
  },
19881
- "fieldName": "['col-lg-width']"
19903
+ "fieldName": "colLgNumber"
19882
19904
  },
19883
19905
  {
19884
- "name": "['col-md-count']",
19906
+ "name": "row-number",
19885
19907
  "type": {
19886
- "text": "string"
19908
+ "text": "number"
19887
19909
  },
19888
- "fieldName": "['col-md-count']"
19910
+ "fieldName": "rowNumber"
19889
19911
  },
19890
19912
  {
19891
- "name": "['col-md-width']",
19913
+ "name": "row-sm-number",
19892
19914
  "type": {
19893
- "text": "string"
19915
+ "text": "number"
19894
19916
  },
19895
- "fieldName": "['col-md-width']"
19917
+ "fieldName": "rowSmNumber"
19896
19918
  },
19897
19919
  {
19898
- "name": "['col-sm-count']",
19920
+ "name": "row-md-number",
19899
19921
  "type": {
19900
- "text": "string"
19922
+ "text": "number"
19901
19923
  },
19902
- "fieldName": "['col-sm-count']"
19924
+ "fieldName": "rowMdNumber"
19903
19925
  },
19904
19926
  {
19905
- "name": "['col-sm-width']",
19927
+ "name": "row-lg-number",
19906
19928
  "type": {
19907
- "text": "string"
19929
+ "text": "number"
19908
19930
  },
19909
- "fieldName": "['col-sm-width']"
19931
+ "fieldName": "rowLgNumber"
19910
19932
  },
19911
19933
  {
19912
- "name": "['row-count']",
19934
+ "name": "width",
19913
19935
  "type": {
19914
- "text": "string"
19936
+ "text": "number"
19915
19937
  },
19916
- "fieldName": "['row-count']"
19938
+ "fieldName": "width"
19917
19939
  },
19918
19940
  {
19919
- "name": "['row-height']",
19941
+ "name": "width-sm",
19920
19942
  "type": {
19921
- "text": "string"
19943
+ "text": "number"
19922
19944
  },
19923
- "fieldName": "['row-height']"
19945
+ "fieldName": "widthSm"
19924
19946
  },
19925
19947
  {
19926
- "name": "['row-lg-count']",
19948
+ "name": "width-md",
19927
19949
  "type": {
19928
- "text": "string"
19950
+ "text": "number"
19929
19951
  },
19930
- "fieldName": "['row-lg-count']"
19952
+ "fieldName": "widthMd"
19931
19953
  },
19932
19954
  {
19933
- "name": "['row-lg-height']",
19955
+ "name": "width-lg",
19934
19956
  "type": {
19935
- "text": "string"
19957
+ "text": "number"
19936
19958
  },
19937
- "fieldName": "['row-lg-height']"
19959
+ "fieldName": "widthLg"
19938
19960
  },
19939
19961
  {
19940
- "name": "['row-md-count']",
19962
+ "name": "height",
19941
19963
  "type": {
19942
- "text": "string"
19964
+ "text": "number"
19943
19965
  },
19944
- "fieldName": "['row-md-count']"
19966
+ "fieldName": "height"
19945
19967
  },
19946
19968
  {
19947
- "name": "['row-md-height']",
19969
+ "name": "height-sm",
19948
19970
  "type": {
19949
- "text": "string"
19971
+ "text": "number"
19950
19972
  },
19951
- "fieldName": "['row-md-height']"
19973
+ "fieldName": "heightSm"
19952
19974
  },
19953
19975
  {
19954
- "name": "['row-sm-count']",
19976
+ "name": "height-md",
19955
19977
  "type": {
19956
- "text": "string"
19978
+ "text": "number"
19957
19979
  },
19958
- "fieldName": "['row-sm-count']"
19980
+ "fieldName": "heightMd"
19959
19981
  },
19960
19982
  {
19961
- "name": "['row-sm-height']",
19983
+ "name": "height-lg",
19962
19984
  "type": {
19963
- "text": "string"
19985
+ "text": "number"
19964
19986
  },
19965
- "fieldName": "['row-sm-height']"
19987
+ "fieldName": "heightLg"
19966
19988
  }
19967
19989
  ],
19968
19990
  "superclass": {
19969
19991
  "name": "FoundationElement",
19970
19992
  "package": "@microsoft/fast-foundation"
19971
19993
  },
19972
- "tagName": "%%prefix%%-grid-layout",
19994
+ "tagName": "%%prefix%%-grid-layout-item",
19973
19995
  "customElement": true
19974
19996
  },
19975
19997
  {
19976
19998
  "kind": "variable",
19977
- "name": "foundationGridLayout",
19978
- "description": "The Foundation Grid Layout",
19999
+ "name": "foundationGridLayoutItem",
20000
+ "description": "The Foundation Grid Layout Item",
19979
20001
  "privacy": "public"
19980
20002
  }
19981
20003
  ],
19982
20004
  "exports": [
19983
20005
  {
19984
20006
  "kind": "js",
19985
- "name": "foundationGridLayoutShadowOptions",
20007
+ "name": "foundationGridLayoutItemShadowOptions",
19986
20008
  "declaration": {
19987
- "name": "foundationGridLayoutShadowOptions",
19988
- "module": "src/grid-layout/grid-layout.ts"
20009
+ "name": "foundationGridLayoutItemShadowOptions",
20010
+ "module": "src/grid-layout-item/grid-layout-item.ts"
19989
20011
  }
19990
20012
  },
19991
20013
  {
19992
20014
  "kind": "js",
19993
- "name": "defaultGridLayoutConfig",
20015
+ "name": "defaultGridLayoutItemConfig",
19994
20016
  "declaration": {
19995
- "name": "defaultGridLayoutConfig",
19996
- "module": "src/grid-layout/grid-layout.ts"
20017
+ "name": "defaultGridLayoutItemConfig",
20018
+ "module": "src/grid-layout-item/grid-layout-item.ts"
19997
20019
  }
19998
20020
  },
19999
20021
  {
20000
20022
  "kind": "js",
20001
- "name": "GridLayout",
20023
+ "name": "GridLayoutItem",
20002
20024
  "declaration": {
20003
- "name": "GridLayout",
20004
- "module": "src/grid-layout/grid-layout.ts"
20025
+ "name": "GridLayoutItem",
20026
+ "module": "src/grid-layout-item/grid-layout-item.ts"
20005
20027
  }
20006
20028
  },
20007
20029
  {
20008
20030
  "kind": "js",
20009
- "name": "foundationGridLayout",
20031
+ "name": "foundationGridLayoutItem",
20010
20032
  "declaration": {
20011
- "name": "foundationGridLayout",
20012
- "module": "src/grid-layout/grid-layout.ts"
20033
+ "name": "foundationGridLayoutItem",
20034
+ "module": "src/grid-layout-item/grid-layout-item.ts"
20013
20035
  }
20014
20036
  }
20015
20037
  ]
20016
20038
  },
20017
20039
  {
20018
20040
  "kind": "javascript-module",
20019
- "path": "src/grid-layout/grid-layout.types.ts",
20020
- "declarations": [],
20021
- "exports": []
20022
- },
20023
- {
20024
- "kind": "javascript-module",
20025
- "path": "src/grid-layout/index.ts",
20041
+ "path": "src/grid-layout-item/index.ts",
20026
20042
  "declarations": [],
20027
20043
  "exports": [
20028
20044
  {
@@ -20030,23 +20046,7 @@
20030
20046
  "name": "*",
20031
20047
  "declaration": {
20032
20048
  "name": "*",
20033
- "package": "./grid-layout.template"
20034
- }
20035
- },
20036
- {
20037
- "kind": "js",
20038
- "name": "*",
20039
- "declaration": {
20040
- "name": "*",
20041
- "package": "./grid-layout.styles"
20042
- }
20043
- },
20044
- {
20045
- "kind": "js",
20046
- "name": "*",
20047
- "declaration": {
20048
- "name": "*",
20049
- "package": "./grid-layout"
20049
+ "package": "./grid-layout-item.template"
20050
20050
  }
20051
20051
  },
20052
20052
  {
@@ -20054,7 +20054,7 @@
20054
20054
  "name": "*",
20055
20055
  "declaration": {
20056
20056
  "name": "*",
20057
- "package": "./grid-layout.types"
20057
+ "package": "./grid-layout-item"
20058
20058
  }
20059
20059
  }
20060
20060
  ]
@@ -21631,7 +21631,7 @@
21631
21631
  },
21632
21632
  {
21633
21633
  "kind": "javascript-module",
21634
- "path": "src/listbox-option/index.ts",
21634
+ "path": "src/menu/index.ts",
21635
21635
  "declarations": [],
21636
21636
  "exports": [
21637
21637
  {
@@ -21639,7 +21639,7 @@
21639
21639
  "name": "*",
21640
21640
  "declaration": {
21641
21641
  "name": "*",
21642
- "package": "./listbox-option.template"
21642
+ "package": "./menu.template"
21643
21643
  }
21644
21644
  },
21645
21645
  {
@@ -21647,7 +21647,7 @@
21647
21647
  "name": "*",
21648
21648
  "declaration": {
21649
21649
  "name": "*",
21650
- "package": "./listbox-option.styles"
21650
+ "package": "./menu.styles"
21651
21651
  }
21652
21652
  },
21653
21653
  {
@@ -21655,18 +21655,18 @@
21655
21655
  "name": "*",
21656
21656
  "declaration": {
21657
21657
  "name": "*",
21658
- "package": "./listbox-option"
21658
+ "package": "./menu"
21659
21659
  }
21660
21660
  }
21661
21661
  ]
21662
21662
  },
21663
21663
  {
21664
21664
  "kind": "javascript-module",
21665
- "path": "src/listbox-option/listbox-option.styles.ts",
21665
+ "path": "src/menu/menu.styles.ts",
21666
21666
  "declarations": [
21667
21667
  {
21668
21668
  "kind": "function",
21669
- "name": "foundationListboxOptionStyles",
21669
+ "name": "foundationMenuStyles",
21670
21670
  "return": {
21671
21671
  "type": {
21672
21672
  "text": "ElementStyles"
@@ -21691,24 +21691,24 @@
21691
21691
  "exports": [
21692
21692
  {
21693
21693
  "kind": "js",
21694
- "name": "foundationListboxOptionStyles",
21694
+ "name": "foundationMenuStyles",
21695
21695
  "declaration": {
21696
- "name": "foundationListboxOptionStyles",
21697
- "module": "src/listbox-option/listbox-option.styles.ts"
21696
+ "name": "foundationMenuStyles",
21697
+ "module": "src/menu/menu.styles.ts"
21698
21698
  }
21699
21699
  }
21700
21700
  ]
21701
21701
  },
21702
21702
  {
21703
21703
  "kind": "javascript-module",
21704
- "path": "src/listbox-option/listbox-option.template.ts",
21704
+ "path": "src/menu/menu.template.ts",
21705
21705
  "declarations": [
21706
21706
  {
21707
21707
  "kind": "function",
21708
- "name": "foundationListboxOptionTemplate",
21708
+ "name": "foundationMenuTemplate",
21709
21709
  "return": {
21710
21710
  "type": {
21711
- "text": "ViewTemplate<ListboxOption>"
21711
+ "text": "ViewTemplate<Menu>"
21712
21712
  }
21713
21713
  },
21714
21714
  "parameters": [
@@ -21730,169 +21730,225 @@
21730
21730
  "exports": [
21731
21731
  {
21732
21732
  "kind": "js",
21733
- "name": "foundationListboxOptionTemplate",
21733
+ "name": "foundationMenuTemplate",
21734
21734
  "declaration": {
21735
- "name": "foundationListboxOptionTemplate",
21736
- "module": "src/listbox-option/listbox-option.template.ts"
21735
+ "name": "foundationMenuTemplate",
21736
+ "module": "src/menu/menu.template.ts"
21737
21737
  }
21738
21738
  }
21739
21739
  ]
21740
21740
  },
21741
21741
  {
21742
21742
  "kind": "javascript-module",
21743
- "path": "src/listbox-option/listbox-option.ts",
21743
+ "path": "src/menu/menu.ts",
21744
21744
  "declarations": [
21745
21745
  {
21746
21746
  "kind": "class",
21747
21747
  "description": "",
21748
- "name": "ListboxOption",
21748
+ "name": "Menu",
21749
21749
  "superclass": {
21750
- "name": "FASTListboxOption",
21750
+ "name": "FASTMenu",
21751
21751
  "package": "@microsoft/fast-components"
21752
21752
  },
21753
- "tagName": "%%prefix%%-option",
21753
+ "tagName": "%%prefix%%-menu",
21754
21754
  "customElement": true,
21755
- "attributes": [
21755
+ "members": [
21756
+ {
21757
+ "kind": "method",
21758
+ "name": "itemsChanged",
21759
+ "privacy": "private",
21760
+ "return": {
21761
+ "type": {
21762
+ "text": "void"
21763
+ }
21764
+ },
21765
+ "parameters": [
21766
+ {
21767
+ "name": "oldValue",
21768
+ "type": {
21769
+ "text": "HTMLElement[]"
21770
+ }
21771
+ },
21772
+ {
21773
+ "name": "newValue",
21774
+ "type": {
21775
+ "text": "HTMLElement[]"
21776
+ }
21777
+ }
21778
+ ],
21779
+ "inheritedFrom": {
21780
+ "name": "Menu",
21781
+ "module": "src/menu/menu.ts"
21782
+ }
21783
+ },
21756
21784
  {
21785
+ "kind": "field",
21786
+ "name": "menuItems",
21757
21787
  "type": {
21758
- "text": "boolean"
21788
+ "text": "Element[] | undefined"
21759
21789
  },
21760
- "description": "The disabled state of the option.",
21761
- "fieldName": "disabled",
21790
+ "privacy": "private",
21762
21791
  "inheritedFrom": {
21763
- "name": "ListboxOption",
21764
- "module": "src/listbox-option/listbox-option.ts"
21792
+ "name": "Menu",
21793
+ "module": "src/menu/menu.ts"
21765
21794
  }
21766
21795
  },
21767
21796
  {
21768
- "name": "selected",
21797
+ "kind": "field",
21798
+ "name": "expandedItem",
21769
21799
  "type": {
21770
- "text": "boolean"
21800
+ "text": "MenuItem | null"
21771
21801
  },
21772
- "description": "The selected attribute value. This sets the initial selected value.",
21773
- "fieldName": "selectedAttribute",
21802
+ "privacy": "private",
21803
+ "default": "null",
21774
21804
  "inheritedFrom": {
21775
- "name": "ListboxOption",
21776
- "module": "src/listbox-option/listbox-option.ts"
21805
+ "name": "Menu",
21806
+ "module": "src/menu/menu.ts"
21777
21807
  }
21778
21808
  },
21779
21809
  {
21780
- "name": "value",
21810
+ "kind": "field",
21811
+ "name": "focusIndex",
21781
21812
  "type": {
21782
- "text": "string"
21813
+ "text": "number"
21783
21814
  },
21784
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
21785
- "fieldName": "initialValue",
21815
+ "privacy": "private",
21816
+ "default": "-1",
21817
+ "description": "The index of the focusable element in the items array\ndefaults to -1",
21786
21818
  "inheritedFrom": {
21787
- "name": "ListboxOption",
21788
- "module": "src/listbox-option/listbox-option.ts"
21819
+ "name": "Menu",
21820
+ "module": "src/menu/menu.ts"
21789
21821
  }
21790
- }
21791
- ],
21792
- "members": [
21822
+ },
21793
21823
  {
21794
21824
  "kind": "field",
21795
- "name": "checked",
21825
+ "name": "focusableElementRoles",
21796
21826
  "type": {
21797
- "text": "boolean | undefined"
21827
+ "text": "{ [key: string]: string }"
21798
21828
  },
21799
- "privacy": "public",
21800
- "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
21829
+ "privacy": "private",
21830
+ "static": true,
21831
+ "default": "roleForMenuItem",
21801
21832
  "inheritedFrom": {
21802
- "name": "ListboxOption",
21803
- "module": "src/listbox-option/listbox-option.ts"
21833
+ "name": "Menu",
21834
+ "module": "src/menu/menu.ts"
21804
21835
  }
21805
21836
  },
21806
21837
  {
21807
21838
  "kind": "method",
21808
- "name": "checkedChanged",
21839
+ "name": "focus",
21809
21840
  "privacy": "public",
21810
21841
  "return": {
21811
21842
  "type": {
21812
21843
  "text": "void"
21813
21844
  }
21814
21845
  },
21815
- "parameters": [
21816
- {
21817
- "name": "prev",
21818
- "type": {
21819
- "text": "boolean | unknown"
21820
- },
21821
- "description": "the previous checked value"
21822
- },
21823
- {
21824
- "name": "next",
21825
- "optional": true,
21826
- "type": {
21827
- "text": "boolean"
21828
- },
21829
- "description": "the current checked value"
21846
+ "description": "Focuses the first item in the menu.",
21847
+ "inheritedFrom": {
21848
+ "name": "Menu",
21849
+ "module": "src/menu/menu.ts"
21850
+ }
21851
+ },
21852
+ {
21853
+ "kind": "method",
21854
+ "name": "collapseExpandedItem",
21855
+ "privacy": "public",
21856
+ "return": {
21857
+ "type": {
21858
+ "text": "void"
21830
21859
  }
21831
- ],
21832
- "description": "Updates the ariaChecked property when the checked property changes.",
21860
+ },
21861
+ "description": "Collapses any expanded menu items.",
21833
21862
  "inheritedFrom": {
21834
- "name": "ListboxOption",
21835
- "module": "src/listbox-option/listbox-option.ts"
21863
+ "name": "Menu",
21864
+ "module": "src/menu/menu.ts"
21836
21865
  }
21837
21866
  },
21838
21867
  {
21839
21868
  "kind": "field",
21840
- "name": "content",
21841
- "type": {
21842
- "text": "Node[]"
21843
- },
21844
- "privacy": "public",
21845
- "description": "The default slotted content.",
21869
+ "name": "handleItemFocus",
21870
+ "privacy": "private",
21846
21871
  "inheritedFrom": {
21847
- "name": "ListboxOption",
21848
- "module": "src/listbox-option/listbox-option.ts"
21872
+ "name": "Menu",
21873
+ "module": "src/menu/menu.ts"
21849
21874
  }
21850
21875
  },
21851
21876
  {
21852
21877
  "kind": "field",
21853
- "name": "defaultSelected",
21854
- "type": {
21855
- "text": "boolean"
21856
- },
21857
- "privacy": "public",
21858
- "default": "false",
21859
- "description": "The defaultSelected state of the option.",
21878
+ "name": "handleExpandedChanged",
21879
+ "privacy": "private",
21860
21880
  "inheritedFrom": {
21861
- "name": "ListboxOption",
21862
- "module": "src/listbox-option/listbox-option.ts"
21881
+ "name": "Menu",
21882
+ "module": "src/menu/menu.ts"
21883
+ }
21884
+ },
21885
+ {
21886
+ "kind": "field",
21887
+ "name": "removeItemListeners",
21888
+ "privacy": "private",
21889
+ "inheritedFrom": {
21890
+ "name": "Menu",
21891
+ "module": "src/menu/menu.ts"
21892
+ }
21893
+ },
21894
+ {
21895
+ "kind": "field",
21896
+ "name": "setItems",
21897
+ "privacy": "private",
21898
+ "inheritedFrom": {
21899
+ "name": "Menu",
21900
+ "module": "src/menu/menu.ts"
21901
+ }
21902
+ },
21903
+ {
21904
+ "kind": "field",
21905
+ "name": "changeHandler",
21906
+ "privacy": "private",
21907
+ "description": "handle change from child element",
21908
+ "inheritedFrom": {
21909
+ "name": "Menu",
21910
+ "module": "src/menu/menu.ts"
21863
21911
  }
21864
21912
  },
21865
21913
  {
21866
21914
  "kind": "method",
21867
- "name": "defaultSelectedChanged",
21868
- "privacy": "protected",
21915
+ "name": "domChildren",
21916
+ "privacy": "private",
21869
21917
  "return": {
21870
21918
  "type": {
21871
- "text": "void"
21919
+ "text": "Element[]"
21872
21920
  }
21873
21921
  },
21922
+ "description": "get an array of valid DOM children",
21874
21923
  "inheritedFrom": {
21875
- "name": "ListboxOption",
21876
- "module": "src/listbox-option/listbox-option.ts"
21924
+ "name": "Menu",
21925
+ "module": "src/menu/menu.ts"
21877
21926
  }
21878
21927
  },
21879
21928
  {
21880
21929
  "kind": "field",
21881
- "name": "disabled",
21882
- "type": {
21883
- "text": "boolean"
21884
- },
21885
- "privacy": "public",
21886
- "description": "The disabled state of the option.",
21930
+ "name": "isMenuItemElement",
21931
+ "privacy": "private",
21932
+ "description": "check if the item is a menu item",
21887
21933
  "inheritedFrom": {
21888
- "name": "ListboxOption",
21889
- "module": "src/listbox-option/listbox-option.ts"
21934
+ "name": "Menu",
21935
+ "module": "src/menu/menu.ts"
21936
+ }
21937
+ },
21938
+ {
21939
+ "kind": "field",
21940
+ "name": "isFocusableElement",
21941
+ "privacy": "private",
21942
+ "description": "check if the item is focusable",
21943
+ "inheritedFrom": {
21944
+ "name": "Menu",
21945
+ "module": "src/menu/menu.ts"
21890
21946
  }
21891
21947
  },
21892
21948
  {
21893
21949
  "kind": "method",
21894
- "name": "disabledChanged",
21895
- "privacy": "protected",
21950
+ "name": "setFocus",
21951
+ "privacy": "private",
21896
21952
  "return": {
21897
21953
  "type": {
21898
21954
  "text": "void"
@@ -21900,66 +21956,65 @@
21900
21956
  },
21901
21957
  "parameters": [
21902
21958
  {
21903
- "name": "prev",
21959
+ "name": "focusIndex",
21904
21960
  "type": {
21905
- "text": "boolean"
21961
+ "text": "number"
21906
21962
  }
21907
21963
  },
21908
21964
  {
21909
- "name": "next",
21965
+ "name": "adjustment",
21910
21966
  "type": {
21911
- "text": "boolean"
21967
+ "text": "number"
21912
21968
  }
21913
21969
  }
21914
21970
  ],
21915
21971
  "inheritedFrom": {
21916
- "name": "ListboxOption",
21917
- "module": "src/listbox-option/listbox-option.ts"
21972
+ "name": "Menu",
21973
+ "module": "src/menu/menu.ts"
21918
21974
  }
21919
21975
  },
21920
21976
  {
21921
21977
  "kind": "field",
21922
- "name": "selectedAttribute",
21978
+ "name": "_presentation",
21923
21979
  "type": {
21924
- "text": "boolean"
21980
+ "text": "ComponentPresentation | null | undefined"
21925
21981
  },
21926
- "privacy": "public",
21927
- "description": "The selected attribute value. This sets the initial selected value.",
21982
+ "privacy": "private",
21983
+ "default": "void 0",
21928
21984
  "inheritedFrom": {
21929
- "name": "ListboxOption",
21930
- "module": "src/listbox-option/listbox-option.ts"
21985
+ "name": "FoundationElement",
21986
+ "module": "src/foundation-element/foundation-element.ts"
21931
21987
  }
21932
21988
  },
21933
21989
  {
21934
- "kind": "method",
21935
- "name": "selectedAttributeChanged",
21936
- "privacy": "protected",
21937
- "return": {
21938
- "type": {
21939
- "text": "void"
21940
- }
21990
+ "kind": "field",
21991
+ "name": "$presentation",
21992
+ "type": {
21993
+ "text": "ComponentPresentation | null"
21941
21994
  },
21995
+ "privacy": "public",
21996
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
21942
21997
  "inheritedFrom": {
21943
- "name": "ListboxOption",
21944
- "module": "src/listbox-option/listbox-option.ts"
21998
+ "name": "FoundationElement",
21999
+ "module": "src/foundation-element/foundation-element.ts"
21945
22000
  }
21946
22001
  },
21947
22002
  {
21948
22003
  "kind": "field",
21949
- "name": "selected",
22004
+ "name": "template",
21950
22005
  "type": {
21951
- "text": "boolean"
22006
+ "text": "ElementViewTemplate | void | null"
21952
22007
  },
21953
22008
  "privacy": "public",
21954
- "description": "The checked state of the control.",
22009
+ "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.",
21955
22010
  "inheritedFrom": {
21956
- "name": "ListboxOption",
21957
- "module": "src/listbox-option/listbox-option.ts"
22011
+ "name": "FoundationElement",
22012
+ "module": "src/foundation-element/foundation-element.ts"
21958
22013
  }
21959
22014
  },
21960
22015
  {
21961
22016
  "kind": "method",
21962
- "name": "selectedChanged",
22017
+ "name": "templateChanged",
21963
22018
  "privacy": "protected",
21964
22019
  "return": {
21965
22020
  "type": {
@@ -21967,63 +22022,523 @@
21967
22022
  }
21968
22023
  },
21969
22024
  "inheritedFrom": {
21970
- "name": "ListboxOption",
21971
- "module": "src/listbox-option/listbox-option.ts"
22025
+ "name": "FoundationElement",
22026
+ "module": "src/foundation-element/foundation-element.ts"
21972
22027
  }
21973
22028
  },
21974
22029
  {
21975
22030
  "kind": "field",
21976
- "name": "dirtyValue",
22031
+ "name": "styles",
21977
22032
  "type": {
21978
- "text": "boolean"
22033
+ "text": "ElementStyles | void | null"
21979
22034
  },
21980
22035
  "privacy": "public",
21981
- "default": "false",
21982
- "description": "Track whether the value has been changed from the initial value",
22036
+ "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.",
21983
22037
  "inheritedFrom": {
21984
- "name": "ListboxOption",
21985
- "module": "src/listbox-option/listbox-option.ts"
22038
+ "name": "FoundationElement",
22039
+ "module": "src/foundation-element/foundation-element.ts"
21986
22040
  }
21987
22041
  },
21988
22042
  {
21989
- "kind": "field",
21990
- "name": "initialValue",
21991
- "type": {
21992
- "text": "string"
21993
- },
22043
+ "kind": "method",
22044
+ "name": "stylesChanged",
21994
22045
  "privacy": "protected",
21995
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22046
+ "return": {
22047
+ "type": {
22048
+ "text": "void"
22049
+ }
22050
+ },
21996
22051
  "inheritedFrom": {
21997
- "name": "ListboxOption",
21998
- "module": "src/listbox-option/listbox-option.ts"
22052
+ "name": "FoundationElement",
22053
+ "module": "src/foundation-element/foundation-element.ts"
21999
22054
  }
22000
22055
  },
22001
22056
  {
22002
22057
  "kind": "method",
22003
- "name": "initialValueChanged",
22058
+ "name": "compose",
22004
22059
  "privacy": "public",
22060
+ "static": true,
22005
22061
  "return": {
22006
22062
  "type": {
22007
- "text": "void"
22063
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
22008
22064
  }
22009
22065
  },
22010
22066
  "parameters": [
22011
22067
  {
22012
- "name": "previous",
22068
+ "name": "this",
22013
22069
  "type": {
22014
- "text": "string"
22070
+ "text": "K"
22015
22071
  }
22016
22072
  },
22017
22073
  {
22018
- "name": "next",
22074
+ "name": "elementDefinition",
22019
22075
  "type": {
22020
- "text": "string"
22021
- }
22076
+ "text": "T"
22077
+ },
22078
+ "description": "The definition of the element to create the registry\nfunction for."
22022
22079
  }
22023
22080
  ],
22081
+ "description": "Defines an element registry function with a set of element definition defaults.",
22024
22082
  "inheritedFrom": {
22025
- "name": "ListboxOption",
22026
- "module": "src/listbox-option/listbox-option.ts"
22083
+ "name": "FoundationElement",
22084
+ "module": "src/foundation-element/foundation-element.ts"
22085
+ }
22086
+ }
22087
+ ]
22088
+ },
22089
+ {
22090
+ "kind": "variable",
22091
+ "name": "foundationMenuShadowOptions",
22092
+ "type": {
22093
+ "text": "ShadowRootInit"
22094
+ },
22095
+ "default": "undefined"
22096
+ },
22097
+ {
22098
+ "kind": "variable",
22099
+ "name": "defaultMenuConfig",
22100
+ "type": {
22101
+ "text": "object"
22102
+ },
22103
+ "default": "{}"
22104
+ },
22105
+ {
22106
+ "kind": "variable",
22107
+ "name": "foundationMenu",
22108
+ "description": "The Foundation Menu",
22109
+ "privacy": "public"
22110
+ }
22111
+ ],
22112
+ "exports": [
22113
+ {
22114
+ "kind": "js",
22115
+ "name": "Menu",
22116
+ "declaration": {
22117
+ "name": "Menu",
22118
+ "module": "src/menu/menu.ts"
22119
+ }
22120
+ },
22121
+ {
22122
+ "kind": "js",
22123
+ "name": "foundationMenuShadowOptions",
22124
+ "declaration": {
22125
+ "name": "foundationMenuShadowOptions",
22126
+ "module": "src/menu/menu.ts"
22127
+ }
22128
+ },
22129
+ {
22130
+ "kind": "js",
22131
+ "name": "defaultMenuConfig",
22132
+ "declaration": {
22133
+ "name": "defaultMenuConfig",
22134
+ "module": "src/menu/menu.ts"
22135
+ }
22136
+ },
22137
+ {
22138
+ "kind": "js",
22139
+ "name": "foundationMenu",
22140
+ "declaration": {
22141
+ "name": "foundationMenu",
22142
+ "module": "src/menu/menu.ts"
22143
+ }
22144
+ }
22145
+ ]
22146
+ },
22147
+ {
22148
+ "kind": "javascript-module",
22149
+ "path": "src/listbox-option/index.ts",
22150
+ "declarations": [],
22151
+ "exports": [
22152
+ {
22153
+ "kind": "js",
22154
+ "name": "*",
22155
+ "declaration": {
22156
+ "name": "*",
22157
+ "package": "./listbox-option.template"
22158
+ }
22159
+ },
22160
+ {
22161
+ "kind": "js",
22162
+ "name": "*",
22163
+ "declaration": {
22164
+ "name": "*",
22165
+ "package": "./listbox-option.styles"
22166
+ }
22167
+ },
22168
+ {
22169
+ "kind": "js",
22170
+ "name": "*",
22171
+ "declaration": {
22172
+ "name": "*",
22173
+ "package": "./listbox-option"
22174
+ }
22175
+ }
22176
+ ]
22177
+ },
22178
+ {
22179
+ "kind": "javascript-module",
22180
+ "path": "src/listbox-option/listbox-option.styles.ts",
22181
+ "declarations": [
22182
+ {
22183
+ "kind": "function",
22184
+ "name": "foundationListboxOptionStyles",
22185
+ "return": {
22186
+ "type": {
22187
+ "text": "ElementStyles"
22188
+ }
22189
+ },
22190
+ "parameters": [
22191
+ {
22192
+ "name": "context",
22193
+ "type": {
22194
+ "text": "ElementDefinitionContext"
22195
+ }
22196
+ },
22197
+ {
22198
+ "name": "definition",
22199
+ "type": {
22200
+ "text": "FoundationElementDefinition"
22201
+ }
22202
+ }
22203
+ ]
22204
+ }
22205
+ ],
22206
+ "exports": [
22207
+ {
22208
+ "kind": "js",
22209
+ "name": "foundationListboxOptionStyles",
22210
+ "declaration": {
22211
+ "name": "foundationListboxOptionStyles",
22212
+ "module": "src/listbox-option/listbox-option.styles.ts"
22213
+ }
22214
+ }
22215
+ ]
22216
+ },
22217
+ {
22218
+ "kind": "javascript-module",
22219
+ "path": "src/listbox-option/listbox-option.template.ts",
22220
+ "declarations": [
22221
+ {
22222
+ "kind": "function",
22223
+ "name": "foundationListboxOptionTemplate",
22224
+ "return": {
22225
+ "type": {
22226
+ "text": "ViewTemplate<ListboxOption>"
22227
+ }
22228
+ },
22229
+ "parameters": [
22230
+ {
22231
+ "name": "context",
22232
+ "type": {
22233
+ "text": "ElementDefinitionContext"
22234
+ }
22235
+ },
22236
+ {
22237
+ "name": "definition",
22238
+ "type": {
22239
+ "text": "FoundationElementDefinition"
22240
+ }
22241
+ }
22242
+ ]
22243
+ }
22244
+ ],
22245
+ "exports": [
22246
+ {
22247
+ "kind": "js",
22248
+ "name": "foundationListboxOptionTemplate",
22249
+ "declaration": {
22250
+ "name": "foundationListboxOptionTemplate",
22251
+ "module": "src/listbox-option/listbox-option.template.ts"
22252
+ }
22253
+ }
22254
+ ]
22255
+ },
22256
+ {
22257
+ "kind": "javascript-module",
22258
+ "path": "src/listbox-option/listbox-option.ts",
22259
+ "declarations": [
22260
+ {
22261
+ "kind": "class",
22262
+ "description": "",
22263
+ "name": "ListboxOption",
22264
+ "superclass": {
22265
+ "name": "FASTListboxOption",
22266
+ "package": "@microsoft/fast-components"
22267
+ },
22268
+ "tagName": "%%prefix%%-option",
22269
+ "customElement": true,
22270
+ "attributes": [
22271
+ {
22272
+ "type": {
22273
+ "text": "boolean"
22274
+ },
22275
+ "description": "The disabled state of the option.",
22276
+ "fieldName": "disabled",
22277
+ "inheritedFrom": {
22278
+ "name": "ListboxOption",
22279
+ "module": "src/listbox-option/listbox-option.ts"
22280
+ }
22281
+ },
22282
+ {
22283
+ "name": "selected",
22284
+ "type": {
22285
+ "text": "boolean"
22286
+ },
22287
+ "description": "The selected attribute value. This sets the initial selected value.",
22288
+ "fieldName": "selectedAttribute",
22289
+ "inheritedFrom": {
22290
+ "name": "ListboxOption",
22291
+ "module": "src/listbox-option/listbox-option.ts"
22292
+ }
22293
+ },
22294
+ {
22295
+ "name": "value",
22296
+ "type": {
22297
+ "text": "string"
22298
+ },
22299
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22300
+ "fieldName": "initialValue",
22301
+ "inheritedFrom": {
22302
+ "name": "ListboxOption",
22303
+ "module": "src/listbox-option/listbox-option.ts"
22304
+ }
22305
+ }
22306
+ ],
22307
+ "members": [
22308
+ {
22309
+ "kind": "field",
22310
+ "name": "checked",
22311
+ "type": {
22312
+ "text": "boolean | undefined"
22313
+ },
22314
+ "privacy": "public",
22315
+ "description": "The checked state is used when the parent listbox is in multiple selection mode.\nTo avoid accessibility conflicts, the checked state should not be present in\nsingle selection mode.",
22316
+ "inheritedFrom": {
22317
+ "name": "ListboxOption",
22318
+ "module": "src/listbox-option/listbox-option.ts"
22319
+ }
22320
+ },
22321
+ {
22322
+ "kind": "method",
22323
+ "name": "checkedChanged",
22324
+ "privacy": "public",
22325
+ "return": {
22326
+ "type": {
22327
+ "text": "void"
22328
+ }
22329
+ },
22330
+ "parameters": [
22331
+ {
22332
+ "name": "prev",
22333
+ "type": {
22334
+ "text": "boolean | unknown"
22335
+ },
22336
+ "description": "the previous checked value"
22337
+ },
22338
+ {
22339
+ "name": "next",
22340
+ "optional": true,
22341
+ "type": {
22342
+ "text": "boolean"
22343
+ },
22344
+ "description": "the current checked value"
22345
+ }
22346
+ ],
22347
+ "description": "Updates the ariaChecked property when the checked property changes.",
22348
+ "inheritedFrom": {
22349
+ "name": "ListboxOption",
22350
+ "module": "src/listbox-option/listbox-option.ts"
22351
+ }
22352
+ },
22353
+ {
22354
+ "kind": "field",
22355
+ "name": "content",
22356
+ "type": {
22357
+ "text": "Node[]"
22358
+ },
22359
+ "privacy": "public",
22360
+ "description": "The default slotted content.",
22361
+ "inheritedFrom": {
22362
+ "name": "ListboxOption",
22363
+ "module": "src/listbox-option/listbox-option.ts"
22364
+ }
22365
+ },
22366
+ {
22367
+ "kind": "field",
22368
+ "name": "defaultSelected",
22369
+ "type": {
22370
+ "text": "boolean"
22371
+ },
22372
+ "privacy": "public",
22373
+ "default": "false",
22374
+ "description": "The defaultSelected state of the option.",
22375
+ "inheritedFrom": {
22376
+ "name": "ListboxOption",
22377
+ "module": "src/listbox-option/listbox-option.ts"
22378
+ }
22379
+ },
22380
+ {
22381
+ "kind": "method",
22382
+ "name": "defaultSelectedChanged",
22383
+ "privacy": "protected",
22384
+ "return": {
22385
+ "type": {
22386
+ "text": "void"
22387
+ }
22388
+ },
22389
+ "inheritedFrom": {
22390
+ "name": "ListboxOption",
22391
+ "module": "src/listbox-option/listbox-option.ts"
22392
+ }
22393
+ },
22394
+ {
22395
+ "kind": "field",
22396
+ "name": "disabled",
22397
+ "type": {
22398
+ "text": "boolean"
22399
+ },
22400
+ "privacy": "public",
22401
+ "description": "The disabled state of the option.",
22402
+ "inheritedFrom": {
22403
+ "name": "ListboxOption",
22404
+ "module": "src/listbox-option/listbox-option.ts"
22405
+ }
22406
+ },
22407
+ {
22408
+ "kind": "method",
22409
+ "name": "disabledChanged",
22410
+ "privacy": "protected",
22411
+ "return": {
22412
+ "type": {
22413
+ "text": "void"
22414
+ }
22415
+ },
22416
+ "parameters": [
22417
+ {
22418
+ "name": "prev",
22419
+ "type": {
22420
+ "text": "boolean"
22421
+ }
22422
+ },
22423
+ {
22424
+ "name": "next",
22425
+ "type": {
22426
+ "text": "boolean"
22427
+ }
22428
+ }
22429
+ ],
22430
+ "inheritedFrom": {
22431
+ "name": "ListboxOption",
22432
+ "module": "src/listbox-option/listbox-option.ts"
22433
+ }
22434
+ },
22435
+ {
22436
+ "kind": "field",
22437
+ "name": "selectedAttribute",
22438
+ "type": {
22439
+ "text": "boolean"
22440
+ },
22441
+ "privacy": "public",
22442
+ "description": "The selected attribute value. This sets the initial selected value.",
22443
+ "inheritedFrom": {
22444
+ "name": "ListboxOption",
22445
+ "module": "src/listbox-option/listbox-option.ts"
22446
+ }
22447
+ },
22448
+ {
22449
+ "kind": "method",
22450
+ "name": "selectedAttributeChanged",
22451
+ "privacy": "protected",
22452
+ "return": {
22453
+ "type": {
22454
+ "text": "void"
22455
+ }
22456
+ },
22457
+ "inheritedFrom": {
22458
+ "name": "ListboxOption",
22459
+ "module": "src/listbox-option/listbox-option.ts"
22460
+ }
22461
+ },
22462
+ {
22463
+ "kind": "field",
22464
+ "name": "selected",
22465
+ "type": {
22466
+ "text": "boolean"
22467
+ },
22468
+ "privacy": "public",
22469
+ "description": "The checked state of the control.",
22470
+ "inheritedFrom": {
22471
+ "name": "ListboxOption",
22472
+ "module": "src/listbox-option/listbox-option.ts"
22473
+ }
22474
+ },
22475
+ {
22476
+ "kind": "method",
22477
+ "name": "selectedChanged",
22478
+ "privacy": "protected",
22479
+ "return": {
22480
+ "type": {
22481
+ "text": "void"
22482
+ }
22483
+ },
22484
+ "inheritedFrom": {
22485
+ "name": "ListboxOption",
22486
+ "module": "src/listbox-option/listbox-option.ts"
22487
+ }
22488
+ },
22489
+ {
22490
+ "kind": "field",
22491
+ "name": "dirtyValue",
22492
+ "type": {
22493
+ "text": "boolean"
22494
+ },
22495
+ "privacy": "public",
22496
+ "default": "false",
22497
+ "description": "Track whether the value has been changed from the initial value",
22498
+ "inheritedFrom": {
22499
+ "name": "ListboxOption",
22500
+ "module": "src/listbox-option/listbox-option.ts"
22501
+ }
22502
+ },
22503
+ {
22504
+ "kind": "field",
22505
+ "name": "initialValue",
22506
+ "type": {
22507
+ "text": "string"
22508
+ },
22509
+ "privacy": "protected",
22510
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22511
+ "inheritedFrom": {
22512
+ "name": "ListboxOption",
22513
+ "module": "src/listbox-option/listbox-option.ts"
22514
+ }
22515
+ },
22516
+ {
22517
+ "kind": "method",
22518
+ "name": "initialValueChanged",
22519
+ "privacy": "public",
22520
+ "return": {
22521
+ "type": {
22522
+ "text": "void"
22523
+ }
22524
+ },
22525
+ "parameters": [
22526
+ {
22527
+ "name": "previous",
22528
+ "type": {
22529
+ "text": "string"
22530
+ }
22531
+ },
22532
+ {
22533
+ "name": "next",
22534
+ "type": {
22535
+ "text": "string"
22536
+ }
22537
+ }
22538
+ ],
22539
+ "inheritedFrom": {
22540
+ "name": "ListboxOption",
22541
+ "module": "src/listbox-option/listbox-option.ts"
22027
22542
  }
22028
22543
  },
22029
22544
  {
@@ -22251,7 +22766,7 @@
22251
22766
  },
22252
22767
  {
22253
22768
  "kind": "javascript-module",
22254
- "path": "src/menu/index.ts",
22769
+ "path": "src/modal/index.ts",
22255
22770
  "declarations": [],
22256
22771
  "exports": [
22257
22772
  {
@@ -22259,7 +22774,7 @@
22259
22774
  "name": "*",
22260
22775
  "declaration": {
22261
22776
  "name": "*",
22262
- "package": "./menu.template"
22777
+ "package": "./modal.styles"
22263
22778
  }
22264
22779
  },
22265
22780
  {
@@ -22267,7 +22782,7 @@
22267
22782
  "name": "*",
22268
22783
  "declaration": {
22269
22784
  "name": "*",
22270
- "package": "./menu.styles"
22785
+ "package": "./modal.template"
22271
22786
  }
22272
22787
  },
22273
22788
  {
@@ -22275,322 +22790,240 @@
22275
22790
  "name": "*",
22276
22791
  "declaration": {
22277
22792
  "name": "*",
22278
- "package": "./menu"
22793
+ "package": "./modal"
22279
22794
  }
22280
22795
  }
22281
22796
  ]
22282
22797
  },
22283
22798
  {
22284
22799
  "kind": "javascript-module",
22285
- "path": "src/menu/menu.styles.ts",
22800
+ "path": "src/modal/modal.styles.ts",
22286
22801
  "declarations": [
22287
22802
  {
22288
- "kind": "function",
22289
- "name": "foundationMenuStyles",
22290
- "return": {
22291
- "type": {
22292
- "text": "ElementStyles"
22293
- }
22803
+ "kind": "variable",
22804
+ "name": "foundationModalStyles",
22805
+ "type": {
22806
+ "text": "ElementStyles"
22294
22807
  },
22295
- "parameters": [
22296
- {
22297
- "name": "context",
22298
- "type": {
22299
- "text": "ElementDefinitionContext"
22300
- }
22301
- },
22302
- {
22303
- "name": "definition",
22304
- "type": {
22305
- "text": "FoundationElementDefinition"
22306
- }
22307
- }
22308
- ]
22808
+ "default": "css`\n ${foundationDialogStyles}\n`"
22309
22809
  }
22310
22810
  ],
22311
22811
  "exports": [
22312
22812
  {
22313
22813
  "kind": "js",
22314
- "name": "foundationMenuStyles",
22814
+ "name": "foundationModalStyles",
22315
22815
  "declaration": {
22316
- "name": "foundationMenuStyles",
22317
- "module": "src/menu/menu.styles.ts"
22816
+ "name": "foundationModalStyles",
22817
+ "module": "src/modal/modal.styles.ts"
22318
22818
  }
22319
22819
  }
22320
22820
  ]
22321
22821
  },
22322
22822
  {
22323
22823
  "kind": "javascript-module",
22324
- "path": "src/menu/menu.template.ts",
22824
+ "path": "src/modal/modal.template.ts",
22325
22825
  "declarations": [
22326
22826
  {
22327
- "kind": "function",
22328
- "name": "foundationMenuTemplate",
22329
- "return": {
22330
- "type": {
22331
- "text": "ViewTemplate<Menu>"
22332
- }
22827
+ "kind": "variable",
22828
+ "name": "foundationModalTemplate",
22829
+ "type": {
22830
+ "text": "ViewTemplate<Modal>"
22333
22831
  },
22334
- "parameters": [
22335
- {
22336
- "name": "context",
22337
- "type": {
22338
- "text": "ElementDefinitionContext"
22339
- }
22340
- },
22341
- {
22342
- "name": "definition",
22343
- "type": {
22344
- "text": "FoundationElementDefinition"
22345
- }
22346
- }
22347
- ]
22832
+ "default": "html`\n ${foundationDialogTemplate}\n`"
22348
22833
  }
22349
22834
  ],
22350
22835
  "exports": [
22351
22836
  {
22352
22837
  "kind": "js",
22353
- "name": "foundationMenuTemplate",
22838
+ "name": "foundationModalTemplate",
22354
22839
  "declaration": {
22355
- "name": "foundationMenuTemplate",
22356
- "module": "src/menu/menu.template.ts"
22840
+ "name": "foundationModalTemplate",
22841
+ "module": "src/modal/modal.template.ts"
22357
22842
  }
22358
22843
  }
22359
22844
  ]
22360
22845
  },
22361
22846
  {
22362
22847
  "kind": "javascript-module",
22363
- "path": "src/menu/menu.ts",
22848
+ "path": "src/modal/modal.ts",
22364
22849
  "declarations": [
22850
+ {
22851
+ "kind": "variable",
22852
+ "name": "foundationModalShadowOptions",
22853
+ "type": {
22854
+ "text": "ShadowRootInit"
22855
+ },
22856
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
22857
+ },
22858
+ {
22859
+ "kind": "variable",
22860
+ "name": "defaultModalConfig",
22861
+ "type": {
22862
+ "text": "object"
22863
+ },
22864
+ "default": "{}"
22865
+ },
22365
22866
  {
22366
22867
  "kind": "class",
22367
22868
  "description": "",
22368
- "name": "Menu",
22369
- "superclass": {
22370
- "name": "FASTMenu",
22371
- "package": "@microsoft/fast-components"
22372
- },
22373
- "tagName": "%%prefix%%-menu",
22374
- "customElement": true,
22869
+ "name": "Modal",
22375
22870
  "members": [
22376
22871
  {
22377
22872
  "kind": "method",
22378
- "name": "itemsChanged",
22379
- "privacy": "private",
22873
+ "name": "show",
22380
22874
  "return": {
22381
22875
  "type": {
22382
22876
  "text": "void"
22383
22877
  }
22384
22878
  },
22385
- "parameters": [
22386
- {
22387
- "name": "oldValue",
22388
- "type": {
22389
- "text": "HTMLElement[]"
22390
- }
22391
- },
22392
- {
22393
- "name": "newValue",
22394
- "type": {
22395
- "text": "HTMLElement[]"
22396
- }
22397
- }
22398
- ],
22879
+ "description": "Show the HTMLDialogElement and its contents",
22399
22880
  "inheritedFrom": {
22400
- "name": "Menu",
22401
- "module": "src/menu/menu.ts"
22881
+ "name": "<local>_DialogElement",
22882
+ "module": "src/dialog/dialog.ts"
22402
22883
  }
22403
22884
  },
22404
22885
  {
22405
22886
  "kind": "field",
22406
- "name": "menuItems",
22887
+ "name": "mainElement",
22407
22888
  "type": {
22408
- "text": "Element[] | undefined"
22889
+ "text": "HTMLDialogElement"
22409
22890
  },
22410
- "privacy": "private",
22891
+ "description": "A reference to the dialog element\nin the component Shadow DOM.",
22411
22892
  "inheritedFrom": {
22412
- "name": "Menu",
22413
- "module": "src/menu/menu.ts"
22893
+ "name": "<local>_DialogElement",
22894
+ "module": "src/dialog/dialog.ts"
22414
22895
  }
22415
22896
  },
22416
22897
  {
22417
22898
  "kind": "field",
22418
- "name": "expandedItem",
22899
+ "name": "notification",
22419
22900
  "type": {
22420
- "text": "MenuItem | null"
22901
+ "text": "NotificationStructure"
22421
22902
  },
22422
- "privacy": "private",
22423
- "default": "null",
22424
22903
  "inheritedFrom": {
22425
- "name": "Menu",
22426
- "module": "src/menu/menu.ts"
22904
+ "name": "<local>_DialogElement",
22905
+ "module": "src/dialog/dialog.ts"
22427
22906
  }
22428
22907
  },
22429
22908
  {
22430
- "kind": "field",
22431
- "name": "focusIndex",
22432
- "type": {
22433
- "text": "number"
22434
- },
22435
- "privacy": "private",
22436
- "default": "-1",
22437
- "description": "The index of the focusable element in the items array\ndefaults to -1",
22909
+ "kind": "method",
22910
+ "name": "notificationChanged",
22438
22911
  "inheritedFrom": {
22439
- "name": "Menu",
22440
- "module": "src/menu/menu.ts"
22912
+ "name": "<local>_DialogElement",
22913
+ "module": "src/dialog/dialog.ts"
22441
22914
  }
22442
22915
  },
22443
22916
  {
22444
22917
  "kind": "field",
22445
- "name": "focusableElementRoles",
22918
+ "name": "type",
22446
22919
  "type": {
22447
- "text": "{ [key: string]: string }"
22448
- },
22449
- "privacy": "private",
22450
- "static": true,
22451
- "default": "roleForMenuItem",
22452
- "inheritedFrom": {
22453
- "name": "Menu",
22454
- "module": "src/menu/menu.ts"
22455
- }
22456
- },
22457
- {
22458
- "kind": "method",
22459
- "name": "focus",
22460
- "privacy": "public",
22461
- "return": {
22462
- "type": {
22463
- "text": "void"
22464
- }
22465
- },
22466
- "description": "Focuses the first item in the menu.",
22467
- "inheritedFrom": {
22468
- "name": "Menu",
22469
- "module": "src/menu/menu.ts"
22470
- }
22471
- },
22472
- {
22473
- "kind": "method",
22474
- "name": "collapseExpandedItem",
22475
- "privacy": "public",
22476
- "return": {
22477
- "type": {
22478
- "text": "void"
22479
- }
22920
+ "text": "DialogType"
22480
22921
  },
22481
- "description": "Collapses any expanded menu items.",
22922
+ "default": "'default'",
22482
22923
  "inheritedFrom": {
22483
- "name": "Menu",
22484
- "module": "src/menu/menu.ts"
22924
+ "name": "<local>_DialogElement",
22925
+ "module": "src/dialog/dialog.ts"
22485
22926
  }
22486
22927
  },
22487
22928
  {
22488
22929
  "kind": "field",
22489
- "name": "handleItemFocus",
22490
- "privacy": "private",
22930
+ "name": "position",
22931
+ "type": {
22932
+ "text": "DialogPosition"
22933
+ },
22934
+ "default": "'center'",
22491
22935
  "inheritedFrom": {
22492
- "name": "Menu",
22493
- "module": "src/menu/menu.ts"
22936
+ "name": "<local>_DialogElement",
22937
+ "module": "src/dialog/dialog.ts"
22494
22938
  }
22495
22939
  },
22496
22940
  {
22497
22941
  "kind": "field",
22498
- "name": "handleExpandedChanged",
22499
- "privacy": "private",
22942
+ "name": "showCloseIcon",
22943
+ "type": {
22944
+ "text": "boolean"
22945
+ },
22946
+ "default": "true",
22947
+ "description": "Whether or not to show the close icon",
22500
22948
  "inheritedFrom": {
22501
- "name": "Menu",
22502
- "module": "src/menu/menu.ts"
22949
+ "name": "<local>_DialogElement",
22950
+ "module": "src/dialog/dialog.ts"
22503
22951
  }
22504
22952
  },
22505
22953
  {
22506
22954
  "kind": "field",
22507
- "name": "removeItemListeners",
22508
- "privacy": "private",
22955
+ "name": "onShowCallback",
22956
+ "type": {
22957
+ "text": "() => void"
22958
+ },
22959
+ "description": "Callback to run *before* HTMLDialogElement is shown",
22509
22960
  "inheritedFrom": {
22510
- "name": "Menu",
22511
- "module": "src/menu/menu.ts"
22961
+ "name": "<local>_DialogElement",
22962
+ "module": "src/dialog/dialog.ts"
22512
22963
  }
22513
22964
  },
22514
22965
  {
22515
22966
  "kind": "field",
22516
- "name": "setItems",
22517
- "privacy": "private",
22967
+ "name": "onCloseCallback",
22968
+ "type": {
22969
+ "text": "() => void"
22970
+ },
22971
+ "description": "Callback to run *after* HTMLDialogElement is closed",
22518
22972
  "inheritedFrom": {
22519
- "name": "Menu",
22520
- "module": "src/menu/menu.ts"
22973
+ "name": "<local>_DialogElement",
22974
+ "module": "src/dialog/dialog.ts"
22521
22975
  }
22522
22976
  },
22523
22977
  {
22524
22978
  "kind": "field",
22525
- "name": "changeHandler",
22526
- "privacy": "private",
22527
- "description": "handle change from child element",
22979
+ "name": "open",
22980
+ "type": {
22981
+ "text": "boolean"
22982
+ },
22983
+ "description": "Determine if the dialog is showing or closed.",
22984
+ "readonly": true,
22528
22985
  "inheritedFrom": {
22529
- "name": "Menu",
22530
- "module": "src/menu/menu.ts"
22986
+ "name": "<local>_DialogElement",
22987
+ "module": "src/dialog/dialog.ts"
22531
22988
  }
22532
22989
  },
22533
22990
  {
22534
22991
  "kind": "method",
22535
- "name": "domChildren",
22536
- "privacy": "private",
22992
+ "name": "close",
22537
22993
  "return": {
22538
22994
  "type": {
22539
- "text": "Element[]"
22995
+ "text": "void"
22540
22996
  }
22541
22997
  },
22542
- "description": "get an array of valid DOM children",
22543
- "inheritedFrom": {
22544
- "name": "Menu",
22545
- "module": "src/menu/menu.ts"
22546
- }
22547
- },
22548
- {
22549
- "kind": "field",
22550
- "name": "isMenuItemElement",
22551
- "privacy": "private",
22552
- "description": "check if the item is a menu item",
22998
+ "description": "Remove the HTMLDialogElement from display",
22553
22999
  "inheritedFrom": {
22554
- "name": "Menu",
22555
- "module": "src/menu/menu.ts"
23000
+ "name": "<local>_DialogElement",
23001
+ "module": "src/dialog/dialog.ts"
22556
23002
  }
22557
23003
  },
22558
23004
  {
22559
- "kind": "field",
22560
- "name": "isFocusableElement",
22561
- "privacy": "private",
22562
- "description": "check if the item is focusable",
23005
+ "kind": "method",
23006
+ "name": "dismiss",
23007
+ "privacy": "public",
23008
+ "description": "Dismiss the Dialog from display and calls the dismissing action.",
22563
23009
  "inheritedFrom": {
22564
- "name": "Menu",
22565
- "module": "src/menu/menu.ts"
23010
+ "name": "<local>_DialogElement",
23011
+ "module": "src/dialog/dialog.ts"
22566
23012
  }
22567
23013
  },
22568
23014
  {
22569
23015
  "kind": "method",
22570
- "name": "setFocus",
22571
- "privacy": "private",
23016
+ "name": "closeDialog",
23017
+ "privacy": "public",
22572
23018
  "return": {
22573
23019
  "type": {
22574
23020
  "text": "void"
22575
23021
  }
22576
23022
  },
22577
- "parameters": [
22578
- {
22579
- "name": "focusIndex",
22580
- "type": {
22581
- "text": "number"
22582
- }
22583
- },
22584
- {
22585
- "name": "adjustment",
22586
- "type": {
22587
- "text": "number"
22588
- }
22589
- }
22590
- ],
23023
+ "description": "Dismiss the Dialog from display.",
22591
23024
  "inheritedFrom": {
22592
- "name": "Menu",
22593
- "module": "src/menu/menu.ts"
23025
+ "name": "<local>_DialogElement",
23026
+ "module": "src/dialog/dialog.ts"
22594
23027
  }
22595
23028
  },
22596
23029
  {
@@ -22700,66 +23133,95 @@
22700
23133
  ],
22701
23134
  "description": "Defines an element registry function with a set of element definition defaults.",
22702
23135
  "inheritedFrom": {
22703
- "name": "FoundationElement",
22704
- "module": "src/foundation-element/foundation-element.ts"
23136
+ "name": "FoundationElement",
23137
+ "module": "src/foundation-element/foundation-element.ts"
23138
+ }
23139
+ }
23140
+ ],
23141
+ "superclass": {
23142
+ "name": "DialogElement",
23143
+ "module": "/src/dialog"
23144
+ },
23145
+ "tagName": "%%prefix%%-modal",
23146
+ "customElement": true,
23147
+ "attributes": [
23148
+ {
23149
+ "name": "type",
23150
+ "type": {
23151
+ "text": "DialogType"
23152
+ },
23153
+ "default": "'default'",
23154
+ "fieldName": "type",
23155
+ "inheritedFrom": {
23156
+ "name": "<local>_DialogElement",
23157
+ "module": "src/dialog/dialog.ts"
23158
+ }
23159
+ },
23160
+ {
23161
+ "name": "position",
23162
+ "type": {
23163
+ "text": "DialogPosition"
23164
+ },
23165
+ "default": "'center'",
23166
+ "fieldName": "position",
23167
+ "inheritedFrom": {
23168
+ "name": "<local>_DialogElement",
23169
+ "module": "src/dialog/dialog.ts"
23170
+ }
23171
+ },
23172
+ {
23173
+ "name": "show-close-icon",
23174
+ "type": {
23175
+ "text": "boolean"
23176
+ },
23177
+ "default": "true",
23178
+ "description": "Whether or not to show the close icon",
23179
+ "fieldName": "showCloseIcon",
23180
+ "inheritedFrom": {
23181
+ "name": "<local>_DialogElement",
23182
+ "module": "src/dialog/dialog.ts"
22705
23183
  }
22706
23184
  }
22707
23185
  ]
22708
23186
  },
22709
23187
  {
22710
23188
  "kind": "variable",
22711
- "name": "foundationMenuShadowOptions",
22712
- "type": {
22713
- "text": "ShadowRootInit"
22714
- },
22715
- "default": "undefined"
22716
- },
22717
- {
22718
- "kind": "variable",
22719
- "name": "defaultMenuConfig",
22720
- "type": {
22721
- "text": "object"
22722
- },
22723
- "default": "{}"
22724
- },
22725
- {
22726
- "kind": "variable",
22727
- "name": "foundationMenu",
22728
- "description": "The Foundation Menu",
23189
+ "name": "foundationModal",
23190
+ "description": "The Foundation Modal",
22729
23191
  "privacy": "public"
22730
23192
  }
22731
23193
  ],
22732
23194
  "exports": [
22733
23195
  {
22734
23196
  "kind": "js",
22735
- "name": "Menu",
23197
+ "name": "foundationModalShadowOptions",
22736
23198
  "declaration": {
22737
- "name": "Menu",
22738
- "module": "src/menu/menu.ts"
23199
+ "name": "foundationModalShadowOptions",
23200
+ "module": "src/modal/modal.ts"
22739
23201
  }
22740
23202
  },
22741
23203
  {
22742
23204
  "kind": "js",
22743
- "name": "foundationMenuShadowOptions",
23205
+ "name": "defaultModalConfig",
22744
23206
  "declaration": {
22745
- "name": "foundationMenuShadowOptions",
22746
- "module": "src/menu/menu.ts"
23207
+ "name": "defaultModalConfig",
23208
+ "module": "src/modal/modal.ts"
22747
23209
  }
22748
23210
  },
22749
23211
  {
22750
23212
  "kind": "js",
22751
- "name": "defaultMenuConfig",
23213
+ "name": "Modal",
22752
23214
  "declaration": {
22753
- "name": "defaultMenuConfig",
22754
- "module": "src/menu/menu.ts"
23215
+ "name": "Modal",
23216
+ "module": "src/modal/modal.ts"
22755
23217
  }
22756
23218
  },
22757
23219
  {
22758
23220
  "kind": "js",
22759
- "name": "foundationMenu",
23221
+ "name": "foundationModal",
22760
23222
  "declaration": {
22761
- "name": "foundationMenu",
22762
- "module": "src/menu/menu.ts"
23223
+ "name": "foundationModal",
23224
+ "module": "src/modal/modal.ts"
22763
23225
  }
22764
23226
  }
22765
23227
  ]
@@ -23244,468 +23706,6 @@
23244
23706
  }
23245
23707
  ]
23246
23708
  },
23247
- {
23248
- "kind": "javascript-module",
23249
- "path": "src/modal/index.ts",
23250
- "declarations": [],
23251
- "exports": [
23252
- {
23253
- "kind": "js",
23254
- "name": "*",
23255
- "declaration": {
23256
- "name": "*",
23257
- "package": "./modal.styles"
23258
- }
23259
- },
23260
- {
23261
- "kind": "js",
23262
- "name": "*",
23263
- "declaration": {
23264
- "name": "*",
23265
- "package": "./modal.template"
23266
- }
23267
- },
23268
- {
23269
- "kind": "js",
23270
- "name": "*",
23271
- "declaration": {
23272
- "name": "*",
23273
- "package": "./modal"
23274
- }
23275
- }
23276
- ]
23277
- },
23278
- {
23279
- "kind": "javascript-module",
23280
- "path": "src/modal/modal.styles.ts",
23281
- "declarations": [
23282
- {
23283
- "kind": "variable",
23284
- "name": "foundationModalStyles",
23285
- "type": {
23286
- "text": "ElementStyles"
23287
- },
23288
- "default": "css`\n ${foundationDialogStyles}\n`"
23289
- }
23290
- ],
23291
- "exports": [
23292
- {
23293
- "kind": "js",
23294
- "name": "foundationModalStyles",
23295
- "declaration": {
23296
- "name": "foundationModalStyles",
23297
- "module": "src/modal/modal.styles.ts"
23298
- }
23299
- }
23300
- ]
23301
- },
23302
- {
23303
- "kind": "javascript-module",
23304
- "path": "src/modal/modal.template.ts",
23305
- "declarations": [
23306
- {
23307
- "kind": "variable",
23308
- "name": "foundationModalTemplate",
23309
- "type": {
23310
- "text": "ViewTemplate<Modal>"
23311
- },
23312
- "default": "html`\n ${foundationDialogTemplate}\n`"
23313
- }
23314
- ],
23315
- "exports": [
23316
- {
23317
- "kind": "js",
23318
- "name": "foundationModalTemplate",
23319
- "declaration": {
23320
- "name": "foundationModalTemplate",
23321
- "module": "src/modal/modal.template.ts"
23322
- }
23323
- }
23324
- ]
23325
- },
23326
- {
23327
- "kind": "javascript-module",
23328
- "path": "src/modal/modal.ts",
23329
- "declarations": [
23330
- {
23331
- "kind": "variable",
23332
- "name": "foundationModalShadowOptions",
23333
- "type": {
23334
- "text": "ShadowRootInit"
23335
- },
23336
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
23337
- },
23338
- {
23339
- "kind": "variable",
23340
- "name": "defaultModalConfig",
23341
- "type": {
23342
- "text": "object"
23343
- },
23344
- "default": "{}"
23345
- },
23346
- {
23347
- "kind": "class",
23348
- "description": "",
23349
- "name": "Modal",
23350
- "members": [
23351
- {
23352
- "kind": "method",
23353
- "name": "show",
23354
- "return": {
23355
- "type": {
23356
- "text": "void"
23357
- }
23358
- },
23359
- "description": "Show the HTMLDialogElement and its contents",
23360
- "inheritedFrom": {
23361
- "name": "<local>_DialogElement",
23362
- "module": "src/dialog/dialog.ts"
23363
- }
23364
- },
23365
- {
23366
- "kind": "field",
23367
- "name": "mainElement",
23368
- "type": {
23369
- "text": "HTMLDialogElement"
23370
- },
23371
- "description": "A reference to the dialog element\nin the component Shadow DOM.",
23372
- "inheritedFrom": {
23373
- "name": "<local>_DialogElement",
23374
- "module": "src/dialog/dialog.ts"
23375
- }
23376
- },
23377
- {
23378
- "kind": "field",
23379
- "name": "notification",
23380
- "type": {
23381
- "text": "NotificationStructure"
23382
- },
23383
- "inheritedFrom": {
23384
- "name": "<local>_DialogElement",
23385
- "module": "src/dialog/dialog.ts"
23386
- }
23387
- },
23388
- {
23389
- "kind": "method",
23390
- "name": "notificationChanged",
23391
- "inheritedFrom": {
23392
- "name": "<local>_DialogElement",
23393
- "module": "src/dialog/dialog.ts"
23394
- }
23395
- },
23396
- {
23397
- "kind": "field",
23398
- "name": "type",
23399
- "type": {
23400
- "text": "DialogType"
23401
- },
23402
- "default": "'default'",
23403
- "inheritedFrom": {
23404
- "name": "<local>_DialogElement",
23405
- "module": "src/dialog/dialog.ts"
23406
- }
23407
- },
23408
- {
23409
- "kind": "field",
23410
- "name": "position",
23411
- "type": {
23412
- "text": "DialogPosition"
23413
- },
23414
- "default": "'center'",
23415
- "inheritedFrom": {
23416
- "name": "<local>_DialogElement",
23417
- "module": "src/dialog/dialog.ts"
23418
- }
23419
- },
23420
- {
23421
- "kind": "field",
23422
- "name": "showCloseIcon",
23423
- "type": {
23424
- "text": "boolean"
23425
- },
23426
- "default": "true",
23427
- "description": "Whether or not to show the close icon",
23428
- "inheritedFrom": {
23429
- "name": "<local>_DialogElement",
23430
- "module": "src/dialog/dialog.ts"
23431
- }
23432
- },
23433
- {
23434
- "kind": "field",
23435
- "name": "onShowCallback",
23436
- "type": {
23437
- "text": "() => void"
23438
- },
23439
- "description": "Callback to run *before* HTMLDialogElement is shown",
23440
- "inheritedFrom": {
23441
- "name": "<local>_DialogElement",
23442
- "module": "src/dialog/dialog.ts"
23443
- }
23444
- },
23445
- {
23446
- "kind": "field",
23447
- "name": "onCloseCallback",
23448
- "type": {
23449
- "text": "() => void"
23450
- },
23451
- "description": "Callback to run *after* HTMLDialogElement is closed",
23452
- "inheritedFrom": {
23453
- "name": "<local>_DialogElement",
23454
- "module": "src/dialog/dialog.ts"
23455
- }
23456
- },
23457
- {
23458
- "kind": "field",
23459
- "name": "open",
23460
- "type": {
23461
- "text": "boolean"
23462
- },
23463
- "description": "Determine if the dialog is showing or closed.",
23464
- "readonly": true,
23465
- "inheritedFrom": {
23466
- "name": "<local>_DialogElement",
23467
- "module": "src/dialog/dialog.ts"
23468
- }
23469
- },
23470
- {
23471
- "kind": "method",
23472
- "name": "close",
23473
- "return": {
23474
- "type": {
23475
- "text": "void"
23476
- }
23477
- },
23478
- "description": "Remove the HTMLDialogElement from display",
23479
- "inheritedFrom": {
23480
- "name": "<local>_DialogElement",
23481
- "module": "src/dialog/dialog.ts"
23482
- }
23483
- },
23484
- {
23485
- "kind": "method",
23486
- "name": "dismiss",
23487
- "privacy": "public",
23488
- "description": "Dismiss the Dialog from display and calls the dismissing action.",
23489
- "inheritedFrom": {
23490
- "name": "<local>_DialogElement",
23491
- "module": "src/dialog/dialog.ts"
23492
- }
23493
- },
23494
- {
23495
- "kind": "method",
23496
- "name": "closeDialog",
23497
- "privacy": "public",
23498
- "return": {
23499
- "type": {
23500
- "text": "void"
23501
- }
23502
- },
23503
- "description": "Dismiss the Dialog from display.",
23504
- "inheritedFrom": {
23505
- "name": "<local>_DialogElement",
23506
- "module": "src/dialog/dialog.ts"
23507
- }
23508
- },
23509
- {
23510
- "kind": "field",
23511
- "name": "_presentation",
23512
- "type": {
23513
- "text": "ComponentPresentation | null | undefined"
23514
- },
23515
- "privacy": "private",
23516
- "default": "void 0",
23517
- "inheritedFrom": {
23518
- "name": "FoundationElement",
23519
- "module": "src/foundation-element/foundation-element.ts"
23520
- }
23521
- },
23522
- {
23523
- "kind": "field",
23524
- "name": "$presentation",
23525
- "type": {
23526
- "text": "ComponentPresentation | null"
23527
- },
23528
- "privacy": "public",
23529
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
23530
- "inheritedFrom": {
23531
- "name": "FoundationElement",
23532
- "module": "src/foundation-element/foundation-element.ts"
23533
- }
23534
- },
23535
- {
23536
- "kind": "field",
23537
- "name": "template",
23538
- "type": {
23539
- "text": "ElementViewTemplate | void | null"
23540
- },
23541
- "privacy": "public",
23542
- "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.",
23543
- "inheritedFrom": {
23544
- "name": "FoundationElement",
23545
- "module": "src/foundation-element/foundation-element.ts"
23546
- }
23547
- },
23548
- {
23549
- "kind": "method",
23550
- "name": "templateChanged",
23551
- "privacy": "protected",
23552
- "return": {
23553
- "type": {
23554
- "text": "void"
23555
- }
23556
- },
23557
- "inheritedFrom": {
23558
- "name": "FoundationElement",
23559
- "module": "src/foundation-element/foundation-element.ts"
23560
- }
23561
- },
23562
- {
23563
- "kind": "field",
23564
- "name": "styles",
23565
- "type": {
23566
- "text": "ElementStyles | void | null"
23567
- },
23568
- "privacy": "public",
23569
- "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.",
23570
- "inheritedFrom": {
23571
- "name": "FoundationElement",
23572
- "module": "src/foundation-element/foundation-element.ts"
23573
- }
23574
- },
23575
- {
23576
- "kind": "method",
23577
- "name": "stylesChanged",
23578
- "privacy": "protected",
23579
- "return": {
23580
- "type": {
23581
- "text": "void"
23582
- }
23583
- },
23584
- "inheritedFrom": {
23585
- "name": "FoundationElement",
23586
- "module": "src/foundation-element/foundation-element.ts"
23587
- }
23588
- },
23589
- {
23590
- "kind": "method",
23591
- "name": "compose",
23592
- "privacy": "public",
23593
- "static": true,
23594
- "return": {
23595
- "type": {
23596
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
23597
- }
23598
- },
23599
- "parameters": [
23600
- {
23601
- "name": "this",
23602
- "type": {
23603
- "text": "K"
23604
- }
23605
- },
23606
- {
23607
- "name": "elementDefinition",
23608
- "type": {
23609
- "text": "T"
23610
- },
23611
- "description": "The definition of the element to create the registry\nfunction for."
23612
- }
23613
- ],
23614
- "description": "Defines an element registry function with a set of element definition defaults.",
23615
- "inheritedFrom": {
23616
- "name": "FoundationElement",
23617
- "module": "src/foundation-element/foundation-element.ts"
23618
- }
23619
- }
23620
- ],
23621
- "superclass": {
23622
- "name": "DialogElement",
23623
- "module": "/src/dialog"
23624
- },
23625
- "tagName": "%%prefix%%-modal",
23626
- "customElement": true,
23627
- "attributes": [
23628
- {
23629
- "name": "type",
23630
- "type": {
23631
- "text": "DialogType"
23632
- },
23633
- "default": "'default'",
23634
- "fieldName": "type",
23635
- "inheritedFrom": {
23636
- "name": "<local>_DialogElement",
23637
- "module": "src/dialog/dialog.ts"
23638
- }
23639
- },
23640
- {
23641
- "name": "position",
23642
- "type": {
23643
- "text": "DialogPosition"
23644
- },
23645
- "default": "'center'",
23646
- "fieldName": "position",
23647
- "inheritedFrom": {
23648
- "name": "<local>_DialogElement",
23649
- "module": "src/dialog/dialog.ts"
23650
- }
23651
- },
23652
- {
23653
- "name": "show-close-icon",
23654
- "type": {
23655
- "text": "boolean"
23656
- },
23657
- "default": "true",
23658
- "description": "Whether or not to show the close icon",
23659
- "fieldName": "showCloseIcon",
23660
- "inheritedFrom": {
23661
- "name": "<local>_DialogElement",
23662
- "module": "src/dialog/dialog.ts"
23663
- }
23664
- }
23665
- ]
23666
- },
23667
- {
23668
- "kind": "variable",
23669
- "name": "foundationModal",
23670
- "description": "The Foundation Modal",
23671
- "privacy": "public"
23672
- }
23673
- ],
23674
- "exports": [
23675
- {
23676
- "kind": "js",
23677
- "name": "foundationModalShadowOptions",
23678
- "declaration": {
23679
- "name": "foundationModalShadowOptions",
23680
- "module": "src/modal/modal.ts"
23681
- }
23682
- },
23683
- {
23684
- "kind": "js",
23685
- "name": "defaultModalConfig",
23686
- "declaration": {
23687
- "name": "defaultModalConfig",
23688
- "module": "src/modal/modal.ts"
23689
- }
23690
- },
23691
- {
23692
- "kind": "js",
23693
- "name": "Modal",
23694
- "declaration": {
23695
- "name": "Modal",
23696
- "module": "src/modal/modal.ts"
23697
- }
23698
- },
23699
- {
23700
- "kind": "js",
23701
- "name": "foundationModal",
23702
- "declaration": {
23703
- "name": "foundationModal",
23704
- "module": "src/modal/modal.ts"
23705
- }
23706
- }
23707
- ]
23708
- },
23709
23709
  {
23710
23710
  "kind": "javascript-module",
23711
23711
  "path": "src/multiselect/index.ts",
@@ -28115,188 +28115,6 @@
28115
28115
  }
28116
28116
  ]
28117
28117
  },
28118
- {
28119
- "kind": "javascript-module",
28120
- "path": "src/progress-ring/index.ts",
28121
- "declarations": [],
28122
- "exports": [
28123
- {
28124
- "kind": "js",
28125
- "name": "*",
28126
- "declaration": {
28127
- "name": "*",
28128
- "package": "./progress-ring.template"
28129
- }
28130
- },
28131
- {
28132
- "kind": "js",
28133
- "name": "*",
28134
- "declaration": {
28135
- "name": "*",
28136
- "package": "./progress-ring.styles"
28137
- }
28138
- },
28139
- {
28140
- "kind": "js",
28141
- "name": "*",
28142
- "declaration": {
28143
- "name": "*",
28144
- "package": "./progress-ring"
28145
- }
28146
- }
28147
- ]
28148
- },
28149
- {
28150
- "kind": "javascript-module",
28151
- "path": "src/progress-ring/progress-ring.styles.ts",
28152
- "declarations": [
28153
- {
28154
- "kind": "function",
28155
- "name": "foundationProgressRingStyles",
28156
- "return": {
28157
- "type": {
28158
- "text": "ElementStyles"
28159
- }
28160
- },
28161
- "parameters": [
28162
- {
28163
- "name": "context",
28164
- "type": {
28165
- "text": "ElementDefinitionContext"
28166
- }
28167
- },
28168
- {
28169
- "name": "definition",
28170
- "type": {
28171
- "text": "ProgressRingOptions"
28172
- }
28173
- }
28174
- ]
28175
- }
28176
- ],
28177
- "exports": [
28178
- {
28179
- "kind": "js",
28180
- "name": "foundationProgressRingStyles",
28181
- "declaration": {
28182
- "name": "foundationProgressRingStyles",
28183
- "module": "src/progress-ring/progress-ring.styles.ts"
28184
- }
28185
- }
28186
- ]
28187
- },
28188
- {
28189
- "kind": "javascript-module",
28190
- "path": "src/progress-ring/progress-ring.template.ts",
28191
- "declarations": [
28192
- {
28193
- "kind": "function",
28194
- "name": "foundationProgressRingTemplate",
28195
- "return": {
28196
- "type": {
28197
- "text": "ViewTemplate<ProgressRing>"
28198
- }
28199
- },
28200
- "parameters": [
28201
- {
28202
- "name": "context",
28203
- "type": {
28204
- "text": "ElementDefinitionContext"
28205
- }
28206
- },
28207
- {
28208
- "name": "definition",
28209
- "type": {
28210
- "text": "ProgressRingOptions"
28211
- }
28212
- }
28213
- ]
28214
- }
28215
- ],
28216
- "exports": [
28217
- {
28218
- "kind": "js",
28219
- "name": "foundationProgressRingTemplate",
28220
- "declaration": {
28221
- "name": "foundationProgressRingTemplate",
28222
- "module": "src/progress-ring/progress-ring.template.ts"
28223
- }
28224
- }
28225
- ]
28226
- },
28227
- {
28228
- "kind": "javascript-module",
28229
- "path": "src/progress-ring/progress-ring.ts",
28230
- "declarations": [
28231
- {
28232
- "kind": "class",
28233
- "description": "",
28234
- "name": "ProgressRing",
28235
- "superclass": {
28236
- "name": "FASTProgressRing",
28237
- "package": "@microsoft/fast-components"
28238
- },
28239
- "tagName": "%%prefix%%-progress-ring",
28240
- "customElement": true
28241
- },
28242
- {
28243
- "kind": "variable",
28244
- "name": "foundationProgressRingShadowOptions",
28245
- "type": {
28246
- "text": "ShadowRootInit"
28247
- },
28248
- "default": "undefined"
28249
- },
28250
- {
28251
- "kind": "variable",
28252
- "name": "defaultProgressRingConfig",
28253
- "type": {
28254
- "text": "object"
28255
- },
28256
- "default": "{\n indeterminateIndicator: `\n <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n </svg>\n `,\n}"
28257
- },
28258
- {
28259
- "kind": "variable",
28260
- "name": "foundationProgressRing",
28261
- "description": "The Foundation Progress Ring",
28262
- "privacy": "public"
28263
- }
28264
- ],
28265
- "exports": [
28266
- {
28267
- "kind": "js",
28268
- "name": "ProgressRing",
28269
- "declaration": {
28270
- "name": "ProgressRing",
28271
- "module": "src/progress-ring/progress-ring.ts"
28272
- }
28273
- },
28274
- {
28275
- "kind": "js",
28276
- "name": "foundationProgressRingShadowOptions",
28277
- "declaration": {
28278
- "name": "foundationProgressRingShadowOptions",
28279
- "module": "src/progress-ring/progress-ring.ts"
28280
- }
28281
- },
28282
- {
28283
- "kind": "js",
28284
- "name": "defaultProgressRingConfig",
28285
- "declaration": {
28286
- "name": "defaultProgressRingConfig",
28287
- "module": "src/progress-ring/progress-ring.ts"
28288
- }
28289
- },
28290
- {
28291
- "kind": "js",
28292
- "name": "foundationProgressRing",
28293
- "declaration": {
28294
- "name": "foundationProgressRing",
28295
- "module": "src/progress-ring/progress-ring.ts"
28296
- }
28297
- }
28298
- ]
28299
- },
28300
28118
  {
28301
28119
  "kind": "javascript-module",
28302
28120
  "path": "src/radio/index.ts",
@@ -31258,6 +31076,188 @@
31258
31076
  }
31259
31077
  ]
31260
31078
  },
31079
+ {
31080
+ "kind": "javascript-module",
31081
+ "path": "src/progress-ring/index.ts",
31082
+ "declarations": [],
31083
+ "exports": [
31084
+ {
31085
+ "kind": "js",
31086
+ "name": "*",
31087
+ "declaration": {
31088
+ "name": "*",
31089
+ "package": "./progress-ring.template"
31090
+ }
31091
+ },
31092
+ {
31093
+ "kind": "js",
31094
+ "name": "*",
31095
+ "declaration": {
31096
+ "name": "*",
31097
+ "package": "./progress-ring.styles"
31098
+ }
31099
+ },
31100
+ {
31101
+ "kind": "js",
31102
+ "name": "*",
31103
+ "declaration": {
31104
+ "name": "*",
31105
+ "package": "./progress-ring"
31106
+ }
31107
+ }
31108
+ ]
31109
+ },
31110
+ {
31111
+ "kind": "javascript-module",
31112
+ "path": "src/progress-ring/progress-ring.styles.ts",
31113
+ "declarations": [
31114
+ {
31115
+ "kind": "function",
31116
+ "name": "foundationProgressRingStyles",
31117
+ "return": {
31118
+ "type": {
31119
+ "text": "ElementStyles"
31120
+ }
31121
+ },
31122
+ "parameters": [
31123
+ {
31124
+ "name": "context",
31125
+ "type": {
31126
+ "text": "ElementDefinitionContext"
31127
+ }
31128
+ },
31129
+ {
31130
+ "name": "definition",
31131
+ "type": {
31132
+ "text": "ProgressRingOptions"
31133
+ }
31134
+ }
31135
+ ]
31136
+ }
31137
+ ],
31138
+ "exports": [
31139
+ {
31140
+ "kind": "js",
31141
+ "name": "foundationProgressRingStyles",
31142
+ "declaration": {
31143
+ "name": "foundationProgressRingStyles",
31144
+ "module": "src/progress-ring/progress-ring.styles.ts"
31145
+ }
31146
+ }
31147
+ ]
31148
+ },
31149
+ {
31150
+ "kind": "javascript-module",
31151
+ "path": "src/progress-ring/progress-ring.template.ts",
31152
+ "declarations": [
31153
+ {
31154
+ "kind": "function",
31155
+ "name": "foundationProgressRingTemplate",
31156
+ "return": {
31157
+ "type": {
31158
+ "text": "ViewTemplate<ProgressRing>"
31159
+ }
31160
+ },
31161
+ "parameters": [
31162
+ {
31163
+ "name": "context",
31164
+ "type": {
31165
+ "text": "ElementDefinitionContext"
31166
+ }
31167
+ },
31168
+ {
31169
+ "name": "definition",
31170
+ "type": {
31171
+ "text": "ProgressRingOptions"
31172
+ }
31173
+ }
31174
+ ]
31175
+ }
31176
+ ],
31177
+ "exports": [
31178
+ {
31179
+ "kind": "js",
31180
+ "name": "foundationProgressRingTemplate",
31181
+ "declaration": {
31182
+ "name": "foundationProgressRingTemplate",
31183
+ "module": "src/progress-ring/progress-ring.template.ts"
31184
+ }
31185
+ }
31186
+ ]
31187
+ },
31188
+ {
31189
+ "kind": "javascript-module",
31190
+ "path": "src/progress-ring/progress-ring.ts",
31191
+ "declarations": [
31192
+ {
31193
+ "kind": "class",
31194
+ "description": "",
31195
+ "name": "ProgressRing",
31196
+ "superclass": {
31197
+ "name": "FASTProgressRing",
31198
+ "package": "@microsoft/fast-components"
31199
+ },
31200
+ "tagName": "%%prefix%%-progress-ring",
31201
+ "customElement": true
31202
+ },
31203
+ {
31204
+ "kind": "variable",
31205
+ "name": "foundationProgressRingShadowOptions",
31206
+ "type": {
31207
+ "text": "ShadowRootInit"
31208
+ },
31209
+ "default": "undefined"
31210
+ },
31211
+ {
31212
+ "kind": "variable",
31213
+ "name": "defaultProgressRingConfig",
31214
+ "type": {
31215
+ "text": "object"
31216
+ },
31217
+ "default": "{\n indeterminateIndicator: `\n <svg class=\"progress\" part=\"progress\" viewBox=\"0 0 16 16\">\n <circle class=\"background\" part=\"background\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n <circle class=\"indeterminate-indicator-1\" part=\"indeterminate-indicator-1\" cx=\"8px\" cy=\"8px\" r=\"7px\"></circle>\n </svg>\n `,\n}"
31218
+ },
31219
+ {
31220
+ "kind": "variable",
31221
+ "name": "foundationProgressRing",
31222
+ "description": "The Foundation Progress Ring",
31223
+ "privacy": "public"
31224
+ }
31225
+ ],
31226
+ "exports": [
31227
+ {
31228
+ "kind": "js",
31229
+ "name": "ProgressRing",
31230
+ "declaration": {
31231
+ "name": "ProgressRing",
31232
+ "module": "src/progress-ring/progress-ring.ts"
31233
+ }
31234
+ },
31235
+ {
31236
+ "kind": "js",
31237
+ "name": "foundationProgressRingShadowOptions",
31238
+ "declaration": {
31239
+ "name": "foundationProgressRingShadowOptions",
31240
+ "module": "src/progress-ring/progress-ring.ts"
31241
+ }
31242
+ },
31243
+ {
31244
+ "kind": "js",
31245
+ "name": "defaultProgressRingConfig",
31246
+ "declaration": {
31247
+ "name": "defaultProgressRingConfig",
31248
+ "module": "src/progress-ring/progress-ring.ts"
31249
+ }
31250
+ },
31251
+ {
31252
+ "kind": "js",
31253
+ "name": "foundationProgressRing",
31254
+ "declaration": {
31255
+ "name": "foundationProgressRing",
31256
+ "module": "src/progress-ring/progress-ring.ts"
31257
+ }
31258
+ }
31259
+ ]
31260
+ },
31261
31261
  {
31262
31262
  "kind": "javascript-module",
31263
31263
  "path": "src/segmented-item/index.ts",
@@ -39121,390 +39121,6 @@
39121
39121
  }
39122
39122
  ]
39123
39123
  },
39124
- {
39125
- "kind": "javascript-module",
39126
- "path": "src/toolbar/index.ts",
39127
- "declarations": [],
39128
- "exports": [
39129
- {
39130
- "kind": "js",
39131
- "name": "*",
39132
- "declaration": {
39133
- "name": "*",
39134
- "package": "./toolbar.template"
39135
- }
39136
- },
39137
- {
39138
- "kind": "js",
39139
- "name": "*",
39140
- "declaration": {
39141
- "name": "*",
39142
- "package": "./toolbar.styles"
39143
- }
39144
- },
39145
- {
39146
- "kind": "js",
39147
- "name": "*",
39148
- "declaration": {
39149
- "name": "*",
39150
- "package": "./toolbar"
39151
- }
39152
- }
39153
- ]
39154
- },
39155
- {
39156
- "kind": "javascript-module",
39157
- "path": "src/toolbar/toolbar.styles.ts",
39158
- "declarations": [
39159
- {
39160
- "kind": "function",
39161
- "name": "foundationToolbarStyles",
39162
- "return": {
39163
- "type": {
39164
- "text": "ElementStyles"
39165
- }
39166
- },
39167
- "parameters": [
39168
- {
39169
- "name": "context",
39170
- "type": {
39171
- "text": "ElementDefinitionContext"
39172
- }
39173
- },
39174
- {
39175
- "name": "definition",
39176
- "type": {
39177
- "text": "FoundationElementDefinition"
39178
- }
39179
- }
39180
- ]
39181
- }
39182
- ],
39183
- "exports": [
39184
- {
39185
- "kind": "js",
39186
- "name": "foundationToolbarStyles",
39187
- "declaration": {
39188
- "name": "foundationToolbarStyles",
39189
- "module": "src/toolbar/toolbar.styles.ts"
39190
- }
39191
- }
39192
- ]
39193
- },
39194
- {
39195
- "kind": "javascript-module",
39196
- "path": "src/toolbar/toolbar.template.ts",
39197
- "declarations": [
39198
- {
39199
- "kind": "function",
39200
- "name": "foundationToolbarTemplate",
39201
- "return": {
39202
- "type": {
39203
- "text": "ViewTemplate<Toolbar>"
39204
- }
39205
- },
39206
- "parameters": [
39207
- {
39208
- "name": "context",
39209
- "type": {
39210
- "text": "ElementDefinitionContext"
39211
- }
39212
- },
39213
- {
39214
- "name": "definition",
39215
- "type": {
39216
- "text": "FoundationElementDefinition"
39217
- }
39218
- }
39219
- ]
39220
- }
39221
- ],
39222
- "exports": [
39223
- {
39224
- "kind": "js",
39225
- "name": "foundationToolbarTemplate",
39226
- "declaration": {
39227
- "name": "foundationToolbarTemplate",
39228
- "module": "src/toolbar/toolbar.template.ts"
39229
- }
39230
- }
39231
- ]
39232
- },
39233
- {
39234
- "kind": "javascript-module",
39235
- "path": "src/toolbar/toolbar.ts",
39236
- "declarations": [
39237
- {
39238
- "kind": "class",
39239
- "description": "",
39240
- "name": "Toolbar",
39241
- "superclass": {
39242
- "name": "FASTToolbar",
39243
- "package": "@microsoft/fast-components"
39244
- },
39245
- "tagName": "%%prefix%%-toolbar",
39246
- "customElement": true,
39247
- "attributes": [
39248
- {
39249
- "name": "orientation",
39250
- "type": {
39251
- "text": "Orientation"
39252
- },
39253
- "description": "The orientation of the toolbar.",
39254
- "fieldName": "orientation",
39255
- "inheritedFrom": {
39256
- "name": "Toolbar",
39257
- "module": "src/toolbar/toolbar.ts"
39258
- }
39259
- }
39260
- ],
39261
- "members": [
39262
- {
39263
- "kind": "field",
39264
- "name": "activeIndex",
39265
- "inheritedFrom": {
39266
- "name": "Toolbar",
39267
- "module": "src/toolbar/toolbar.ts"
39268
- }
39269
- },
39270
- {
39271
- "kind": "field",
39272
- "name": "orientation",
39273
- "type": {
39274
- "text": "Orientation"
39275
- },
39276
- "privacy": "public",
39277
- "description": "The orientation of the toolbar.",
39278
- "inheritedFrom": {
39279
- "name": "Toolbar",
39280
- "module": "src/toolbar/toolbar.ts"
39281
- }
39282
- },
39283
- {
39284
- "kind": "method",
39285
- "name": "slottedItemsChanged",
39286
- "privacy": "protected",
39287
- "return": {
39288
- "type": {
39289
- "text": "void"
39290
- }
39291
- },
39292
- "inheritedFrom": {
39293
- "name": "Toolbar",
39294
- "module": "src/toolbar/toolbar.ts"
39295
- }
39296
- },
39297
- {
39298
- "kind": "field",
39299
- "name": "childItems",
39300
- "type": {
39301
- "text": "Element[]"
39302
- },
39303
- "privacy": "public",
39304
- "inheritedFrom": {
39305
- "name": "Toolbar",
39306
- "module": "src/toolbar/toolbar.ts"
39307
- }
39308
- },
39309
- {
39310
- "kind": "method",
39311
- "name": "childItemsChanged",
39312
- "privacy": "protected",
39313
- "return": {
39314
- "type": {
39315
- "text": "void"
39316
- }
39317
- },
39318
- "parameters": [
39319
- {
39320
- "name": "prev",
39321
- "type": {
39322
- "text": "undefined | Element[]"
39323
- }
39324
- },
39325
- {
39326
- "name": "next",
39327
- "type": {
39328
- "text": "Element[]"
39329
- }
39330
- }
39331
- ],
39332
- "inheritedFrom": {
39333
- "name": "Toolbar",
39334
- "module": "src/toolbar/toolbar.ts"
39335
- }
39336
- },
39337
- {
39338
- "kind": "field",
39339
- "name": "_presentation",
39340
- "type": {
39341
- "text": "ComponentPresentation | null | undefined"
39342
- },
39343
- "privacy": "private",
39344
- "default": "void 0",
39345
- "inheritedFrom": {
39346
- "name": "FoundationElement",
39347
- "module": "src/foundation-element/foundation-element.ts"
39348
- }
39349
- },
39350
- {
39351
- "kind": "field",
39352
- "name": "$presentation",
39353
- "type": {
39354
- "text": "ComponentPresentation | null"
39355
- },
39356
- "privacy": "public",
39357
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
39358
- "inheritedFrom": {
39359
- "name": "FoundationElement",
39360
- "module": "src/foundation-element/foundation-element.ts"
39361
- }
39362
- },
39363
- {
39364
- "kind": "field",
39365
- "name": "template",
39366
- "type": {
39367
- "text": "ElementViewTemplate | void | null"
39368
- },
39369
- "privacy": "public",
39370
- "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.",
39371
- "inheritedFrom": {
39372
- "name": "FoundationElement",
39373
- "module": "src/foundation-element/foundation-element.ts"
39374
- }
39375
- },
39376
- {
39377
- "kind": "method",
39378
- "name": "templateChanged",
39379
- "privacy": "protected",
39380
- "return": {
39381
- "type": {
39382
- "text": "void"
39383
- }
39384
- },
39385
- "inheritedFrom": {
39386
- "name": "FoundationElement",
39387
- "module": "src/foundation-element/foundation-element.ts"
39388
- }
39389
- },
39390
- {
39391
- "kind": "field",
39392
- "name": "styles",
39393
- "type": {
39394
- "text": "ElementStyles | void | null"
39395
- },
39396
- "privacy": "public",
39397
- "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.",
39398
- "inheritedFrom": {
39399
- "name": "FoundationElement",
39400
- "module": "src/foundation-element/foundation-element.ts"
39401
- }
39402
- },
39403
- {
39404
- "kind": "method",
39405
- "name": "stylesChanged",
39406
- "privacy": "protected",
39407
- "return": {
39408
- "type": {
39409
- "text": "void"
39410
- }
39411
- },
39412
- "inheritedFrom": {
39413
- "name": "FoundationElement",
39414
- "module": "src/foundation-element/foundation-element.ts"
39415
- }
39416
- },
39417
- {
39418
- "kind": "method",
39419
- "name": "compose",
39420
- "privacy": "public",
39421
- "static": true,
39422
- "return": {
39423
- "type": {
39424
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
39425
- }
39426
- },
39427
- "parameters": [
39428
- {
39429
- "name": "this",
39430
- "type": {
39431
- "text": "K"
39432
- }
39433
- },
39434
- {
39435
- "name": "elementDefinition",
39436
- "type": {
39437
- "text": "T"
39438
- },
39439
- "description": "The definition of the element to create the registry\nfunction for."
39440
- }
39441
- ],
39442
- "description": "Defines an element registry function with a set of element definition defaults.",
39443
- "inheritedFrom": {
39444
- "name": "FoundationElement",
39445
- "module": "src/foundation-element/foundation-element.ts"
39446
- }
39447
- }
39448
- ]
39449
- },
39450
- {
39451
- "kind": "variable",
39452
- "name": "foundationToolbarShadowOptions",
39453
- "type": {
39454
- "text": "ShadowRootInit"
39455
- },
39456
- "default": "undefined"
39457
- },
39458
- {
39459
- "kind": "variable",
39460
- "name": "defaultToolbarConfig",
39461
- "type": {
39462
- "text": "object"
39463
- },
39464
- "default": "{}"
39465
- },
39466
- {
39467
- "kind": "variable",
39468
- "name": "foundationToolbar",
39469
- "description": "The Foundation Toolbar",
39470
- "privacy": "public"
39471
- }
39472
- ],
39473
- "exports": [
39474
- {
39475
- "kind": "js",
39476
- "name": "Toolbar",
39477
- "declaration": {
39478
- "name": "Toolbar",
39479
- "module": "src/toolbar/toolbar.ts"
39480
- }
39481
- },
39482
- {
39483
- "kind": "js",
39484
- "name": "foundationToolbarShadowOptions",
39485
- "declaration": {
39486
- "name": "foundationToolbarShadowOptions",
39487
- "module": "src/toolbar/toolbar.ts"
39488
- }
39489
- },
39490
- {
39491
- "kind": "js",
39492
- "name": "defaultToolbarConfig",
39493
- "declaration": {
39494
- "name": "defaultToolbarConfig",
39495
- "module": "src/toolbar/toolbar.ts"
39496
- }
39497
- },
39498
- {
39499
- "kind": "js",
39500
- "name": "foundationToolbar",
39501
- "declaration": {
39502
- "name": "foundationToolbar",
39503
- "module": "src/toolbar/toolbar.ts"
39504
- }
39505
- }
39506
- ]
39507
- },
39508
39124
  {
39509
39125
  "kind": "javascript-module",
39510
39126
  "path": "src/tooltip/index.ts",
@@ -40325,6 +39941,390 @@
40325
39941
  }
40326
39942
  ]
40327
39943
  },
39944
+ {
39945
+ "kind": "javascript-module",
39946
+ "path": "src/toolbar/index.ts",
39947
+ "declarations": [],
39948
+ "exports": [
39949
+ {
39950
+ "kind": "js",
39951
+ "name": "*",
39952
+ "declaration": {
39953
+ "name": "*",
39954
+ "package": "./toolbar.template"
39955
+ }
39956
+ },
39957
+ {
39958
+ "kind": "js",
39959
+ "name": "*",
39960
+ "declaration": {
39961
+ "name": "*",
39962
+ "package": "./toolbar.styles"
39963
+ }
39964
+ },
39965
+ {
39966
+ "kind": "js",
39967
+ "name": "*",
39968
+ "declaration": {
39969
+ "name": "*",
39970
+ "package": "./toolbar"
39971
+ }
39972
+ }
39973
+ ]
39974
+ },
39975
+ {
39976
+ "kind": "javascript-module",
39977
+ "path": "src/toolbar/toolbar.styles.ts",
39978
+ "declarations": [
39979
+ {
39980
+ "kind": "function",
39981
+ "name": "foundationToolbarStyles",
39982
+ "return": {
39983
+ "type": {
39984
+ "text": "ElementStyles"
39985
+ }
39986
+ },
39987
+ "parameters": [
39988
+ {
39989
+ "name": "context",
39990
+ "type": {
39991
+ "text": "ElementDefinitionContext"
39992
+ }
39993
+ },
39994
+ {
39995
+ "name": "definition",
39996
+ "type": {
39997
+ "text": "FoundationElementDefinition"
39998
+ }
39999
+ }
40000
+ ]
40001
+ }
40002
+ ],
40003
+ "exports": [
40004
+ {
40005
+ "kind": "js",
40006
+ "name": "foundationToolbarStyles",
40007
+ "declaration": {
40008
+ "name": "foundationToolbarStyles",
40009
+ "module": "src/toolbar/toolbar.styles.ts"
40010
+ }
40011
+ }
40012
+ ]
40013
+ },
40014
+ {
40015
+ "kind": "javascript-module",
40016
+ "path": "src/toolbar/toolbar.template.ts",
40017
+ "declarations": [
40018
+ {
40019
+ "kind": "function",
40020
+ "name": "foundationToolbarTemplate",
40021
+ "return": {
40022
+ "type": {
40023
+ "text": "ViewTemplate<Toolbar>"
40024
+ }
40025
+ },
40026
+ "parameters": [
40027
+ {
40028
+ "name": "context",
40029
+ "type": {
40030
+ "text": "ElementDefinitionContext"
40031
+ }
40032
+ },
40033
+ {
40034
+ "name": "definition",
40035
+ "type": {
40036
+ "text": "FoundationElementDefinition"
40037
+ }
40038
+ }
40039
+ ]
40040
+ }
40041
+ ],
40042
+ "exports": [
40043
+ {
40044
+ "kind": "js",
40045
+ "name": "foundationToolbarTemplate",
40046
+ "declaration": {
40047
+ "name": "foundationToolbarTemplate",
40048
+ "module": "src/toolbar/toolbar.template.ts"
40049
+ }
40050
+ }
40051
+ ]
40052
+ },
40053
+ {
40054
+ "kind": "javascript-module",
40055
+ "path": "src/toolbar/toolbar.ts",
40056
+ "declarations": [
40057
+ {
40058
+ "kind": "class",
40059
+ "description": "",
40060
+ "name": "Toolbar",
40061
+ "superclass": {
40062
+ "name": "FASTToolbar",
40063
+ "package": "@microsoft/fast-components"
40064
+ },
40065
+ "tagName": "%%prefix%%-toolbar",
40066
+ "customElement": true,
40067
+ "attributes": [
40068
+ {
40069
+ "name": "orientation",
40070
+ "type": {
40071
+ "text": "Orientation"
40072
+ },
40073
+ "description": "The orientation of the toolbar.",
40074
+ "fieldName": "orientation",
40075
+ "inheritedFrom": {
40076
+ "name": "Toolbar",
40077
+ "module": "src/toolbar/toolbar.ts"
40078
+ }
40079
+ }
40080
+ ],
40081
+ "members": [
40082
+ {
40083
+ "kind": "field",
40084
+ "name": "activeIndex",
40085
+ "inheritedFrom": {
40086
+ "name": "Toolbar",
40087
+ "module": "src/toolbar/toolbar.ts"
40088
+ }
40089
+ },
40090
+ {
40091
+ "kind": "field",
40092
+ "name": "orientation",
40093
+ "type": {
40094
+ "text": "Orientation"
40095
+ },
40096
+ "privacy": "public",
40097
+ "description": "The orientation of the toolbar.",
40098
+ "inheritedFrom": {
40099
+ "name": "Toolbar",
40100
+ "module": "src/toolbar/toolbar.ts"
40101
+ }
40102
+ },
40103
+ {
40104
+ "kind": "method",
40105
+ "name": "slottedItemsChanged",
40106
+ "privacy": "protected",
40107
+ "return": {
40108
+ "type": {
40109
+ "text": "void"
40110
+ }
40111
+ },
40112
+ "inheritedFrom": {
40113
+ "name": "Toolbar",
40114
+ "module": "src/toolbar/toolbar.ts"
40115
+ }
40116
+ },
40117
+ {
40118
+ "kind": "field",
40119
+ "name": "childItems",
40120
+ "type": {
40121
+ "text": "Element[]"
40122
+ },
40123
+ "privacy": "public",
40124
+ "inheritedFrom": {
40125
+ "name": "Toolbar",
40126
+ "module": "src/toolbar/toolbar.ts"
40127
+ }
40128
+ },
40129
+ {
40130
+ "kind": "method",
40131
+ "name": "childItemsChanged",
40132
+ "privacy": "protected",
40133
+ "return": {
40134
+ "type": {
40135
+ "text": "void"
40136
+ }
40137
+ },
40138
+ "parameters": [
40139
+ {
40140
+ "name": "prev",
40141
+ "type": {
40142
+ "text": "undefined | Element[]"
40143
+ }
40144
+ },
40145
+ {
40146
+ "name": "next",
40147
+ "type": {
40148
+ "text": "Element[]"
40149
+ }
40150
+ }
40151
+ ],
40152
+ "inheritedFrom": {
40153
+ "name": "Toolbar",
40154
+ "module": "src/toolbar/toolbar.ts"
40155
+ }
40156
+ },
40157
+ {
40158
+ "kind": "field",
40159
+ "name": "_presentation",
40160
+ "type": {
40161
+ "text": "ComponentPresentation | null | undefined"
40162
+ },
40163
+ "privacy": "private",
40164
+ "default": "void 0",
40165
+ "inheritedFrom": {
40166
+ "name": "FoundationElement",
40167
+ "module": "src/foundation-element/foundation-element.ts"
40168
+ }
40169
+ },
40170
+ {
40171
+ "kind": "field",
40172
+ "name": "$presentation",
40173
+ "type": {
40174
+ "text": "ComponentPresentation | null"
40175
+ },
40176
+ "privacy": "public",
40177
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
40178
+ "inheritedFrom": {
40179
+ "name": "FoundationElement",
40180
+ "module": "src/foundation-element/foundation-element.ts"
40181
+ }
40182
+ },
40183
+ {
40184
+ "kind": "field",
40185
+ "name": "template",
40186
+ "type": {
40187
+ "text": "ElementViewTemplate | void | null"
40188
+ },
40189
+ "privacy": "public",
40190
+ "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.",
40191
+ "inheritedFrom": {
40192
+ "name": "FoundationElement",
40193
+ "module": "src/foundation-element/foundation-element.ts"
40194
+ }
40195
+ },
40196
+ {
40197
+ "kind": "method",
40198
+ "name": "templateChanged",
40199
+ "privacy": "protected",
40200
+ "return": {
40201
+ "type": {
40202
+ "text": "void"
40203
+ }
40204
+ },
40205
+ "inheritedFrom": {
40206
+ "name": "FoundationElement",
40207
+ "module": "src/foundation-element/foundation-element.ts"
40208
+ }
40209
+ },
40210
+ {
40211
+ "kind": "field",
40212
+ "name": "styles",
40213
+ "type": {
40214
+ "text": "ElementStyles | void | null"
40215
+ },
40216
+ "privacy": "public",
40217
+ "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.",
40218
+ "inheritedFrom": {
40219
+ "name": "FoundationElement",
40220
+ "module": "src/foundation-element/foundation-element.ts"
40221
+ }
40222
+ },
40223
+ {
40224
+ "kind": "method",
40225
+ "name": "stylesChanged",
40226
+ "privacy": "protected",
40227
+ "return": {
40228
+ "type": {
40229
+ "text": "void"
40230
+ }
40231
+ },
40232
+ "inheritedFrom": {
40233
+ "name": "FoundationElement",
40234
+ "module": "src/foundation-element/foundation-element.ts"
40235
+ }
40236
+ },
40237
+ {
40238
+ "kind": "method",
40239
+ "name": "compose",
40240
+ "privacy": "public",
40241
+ "static": true,
40242
+ "return": {
40243
+ "type": {
40244
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
40245
+ }
40246
+ },
40247
+ "parameters": [
40248
+ {
40249
+ "name": "this",
40250
+ "type": {
40251
+ "text": "K"
40252
+ }
40253
+ },
40254
+ {
40255
+ "name": "elementDefinition",
40256
+ "type": {
40257
+ "text": "T"
40258
+ },
40259
+ "description": "The definition of the element to create the registry\nfunction for."
40260
+ }
40261
+ ],
40262
+ "description": "Defines an element registry function with a set of element definition defaults.",
40263
+ "inheritedFrom": {
40264
+ "name": "FoundationElement",
40265
+ "module": "src/foundation-element/foundation-element.ts"
40266
+ }
40267
+ }
40268
+ ]
40269
+ },
40270
+ {
40271
+ "kind": "variable",
40272
+ "name": "foundationToolbarShadowOptions",
40273
+ "type": {
40274
+ "text": "ShadowRootInit"
40275
+ },
40276
+ "default": "undefined"
40277
+ },
40278
+ {
40279
+ "kind": "variable",
40280
+ "name": "defaultToolbarConfig",
40281
+ "type": {
40282
+ "text": "object"
40283
+ },
40284
+ "default": "{}"
40285
+ },
40286
+ {
40287
+ "kind": "variable",
40288
+ "name": "foundationToolbar",
40289
+ "description": "The Foundation Toolbar",
40290
+ "privacy": "public"
40291
+ }
40292
+ ],
40293
+ "exports": [
40294
+ {
40295
+ "kind": "js",
40296
+ "name": "Toolbar",
40297
+ "declaration": {
40298
+ "name": "Toolbar",
40299
+ "module": "src/toolbar/toolbar.ts"
40300
+ }
40301
+ },
40302
+ {
40303
+ "kind": "js",
40304
+ "name": "foundationToolbarShadowOptions",
40305
+ "declaration": {
40306
+ "name": "foundationToolbarShadowOptions",
40307
+ "module": "src/toolbar/toolbar.ts"
40308
+ }
40309
+ },
40310
+ {
40311
+ "kind": "js",
40312
+ "name": "defaultToolbarConfig",
40313
+ "declaration": {
40314
+ "name": "defaultToolbarConfig",
40315
+ "module": "src/toolbar/toolbar.ts"
40316
+ }
40317
+ },
40318
+ {
40319
+ "kind": "js",
40320
+ "name": "foundationToolbar",
40321
+ "declaration": {
40322
+ "name": "foundationToolbar",
40323
+ "module": "src/toolbar/toolbar.ts"
40324
+ }
40325
+ }
40326
+ ]
40327
+ },
40328
40328
  {
40329
40329
  "kind": "javascript-module",
40330
40330
  "path": "src/tree-item/index.ts",