@genesislcap/foundation-ui 14.148.1-alpha-eef6f33.0 → 14.150.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +1187 -1187
  2. package/package.json +15 -15
@@ -20886,7 +20886,7 @@
20886
20886
  },
20887
20887
  {
20888
20888
  "kind": "javascript-module",
20889
- "path": "src/listbox-option/index.ts",
20889
+ "path": "src/menu/index.ts",
20890
20890
  "declarations": [],
20891
20891
  "exports": [
20892
20892
  {
@@ -20894,7 +20894,7 @@
20894
20894
  "name": "*",
20895
20895
  "declaration": {
20896
20896
  "name": "*",
20897
- "package": "./listbox-option.template"
20897
+ "package": "./menu.template"
20898
20898
  }
20899
20899
  },
20900
20900
  {
@@ -20902,7 +20902,7 @@
20902
20902
  "name": "*",
20903
20903
  "declaration": {
20904
20904
  "name": "*",
20905
- "package": "./listbox-option.styles"
20905
+ "package": "./menu.styles"
20906
20906
  }
20907
20907
  },
20908
20908
  {
@@ -20910,18 +20910,18 @@
20910
20910
  "name": "*",
20911
20911
  "declaration": {
20912
20912
  "name": "*",
20913
- "package": "./listbox-option"
20913
+ "package": "./menu"
20914
20914
  }
20915
20915
  }
20916
20916
  ]
20917
20917
  },
20918
20918
  {
20919
20919
  "kind": "javascript-module",
20920
- "path": "src/listbox-option/listbox-option.styles.ts",
20920
+ "path": "src/menu/menu.styles.ts",
20921
20921
  "declarations": [
20922
20922
  {
20923
20923
  "kind": "function",
20924
- "name": "foundationListboxOptionStyles",
20924
+ "name": "foundationMenuStyles",
20925
20925
  "return": {
20926
20926
  "type": {
20927
20927
  "text": "ElementStyles"
@@ -20946,24 +20946,24 @@
20946
20946
  "exports": [
20947
20947
  {
20948
20948
  "kind": "js",
20949
- "name": "foundationListboxOptionStyles",
20949
+ "name": "foundationMenuStyles",
20950
20950
  "declaration": {
20951
- "name": "foundationListboxOptionStyles",
20952
- "module": "src/listbox-option/listbox-option.styles.ts"
20951
+ "name": "foundationMenuStyles",
20952
+ "module": "src/menu/menu.styles.ts"
20953
20953
  }
20954
20954
  }
20955
20955
  ]
20956
20956
  },
20957
20957
  {
20958
20958
  "kind": "javascript-module",
20959
- "path": "src/listbox-option/listbox-option.template.ts",
20959
+ "path": "src/menu/menu.template.ts",
20960
20960
  "declarations": [
20961
20961
  {
20962
20962
  "kind": "function",
20963
- "name": "foundationListboxOptionTemplate",
20963
+ "name": "foundationMenuTemplate",
20964
20964
  "return": {
20965
20965
  "type": {
20966
- "text": "ViewTemplate<ListboxOption>"
20966
+ "text": "ViewTemplate<Menu>"
20967
20967
  }
20968
20968
  },
20969
20969
  "parameters": [
@@ -20985,83 +20985,33 @@
20985
20985
  "exports": [
20986
20986
  {
20987
20987
  "kind": "js",
20988
- "name": "foundationListboxOptionTemplate",
20988
+ "name": "foundationMenuTemplate",
20989
20989
  "declaration": {
20990
- "name": "foundationListboxOptionTemplate",
20991
- "module": "src/listbox-option/listbox-option.template.ts"
20990
+ "name": "foundationMenuTemplate",
20991
+ "module": "src/menu/menu.template.ts"
20992
20992
  }
20993
20993
  }
20994
20994
  ]
20995
20995
  },
20996
20996
  {
20997
20997
  "kind": "javascript-module",
20998
- "path": "src/listbox-option/listbox-option.ts",
20998
+ "path": "src/menu/menu.ts",
20999
20999
  "declarations": [
21000
21000
  {
21001
21001
  "kind": "class",
21002
21002
  "description": "",
21003
- "name": "ListboxOption",
21003
+ "name": "Menu",
21004
21004
  "superclass": {
21005
- "name": "FASTListboxOption",
21005
+ "name": "FASTMenu",
21006
21006
  "package": "@microsoft/fast-components"
21007
21007
  },
21008
- "tagName": "%%prefix%%-option",
21008
+ "tagName": "%%prefix%%-menu",
21009
21009
  "customElement": true,
21010
- "attributes": [
21011
- {
21012
- "type": {
21013
- "text": "boolean"
21014
- },
21015
- "description": "The disabled state of the option.",
21016
- "fieldName": "disabled",
21017
- "inheritedFrom": {
21018
- "name": "ListboxOption",
21019
- "module": "src/listbox-option/listbox-option.ts"
21020
- }
21021
- },
21022
- {
21023
- "name": "selected",
21024
- "type": {
21025
- "text": "boolean"
21026
- },
21027
- "description": "The selected attribute value. This sets the initial selected value.",
21028
- "fieldName": "selectedAttribute",
21029
- "inheritedFrom": {
21030
- "name": "ListboxOption",
21031
- "module": "src/listbox-option/listbox-option.ts"
21032
- }
21033
- },
21034
- {
21035
- "name": "value",
21036
- "type": {
21037
- "text": "string"
21038
- },
21039
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
21040
- "fieldName": "initialValue",
21041
- "inheritedFrom": {
21042
- "name": "ListboxOption",
21043
- "module": "src/listbox-option/listbox-option.ts"
21044
- }
21045
- }
21046
- ],
21047
21010
  "members": [
21048
- {
21049
- "kind": "field",
21050
- "name": "checked",
21051
- "type": {
21052
- "text": "boolean | undefined"
21053
- },
21054
- "privacy": "public",
21055
- "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.",
21056
- "inheritedFrom": {
21057
- "name": "ListboxOption",
21058
- "module": "src/listbox-option/listbox-option.ts"
21059
- }
21060
- },
21061
21011
  {
21062
21012
  "kind": "method",
21063
- "name": "checkedChanged",
21064
- "privacy": "public",
21013
+ "name": "itemsChanged",
21014
+ "privacy": "private",
21065
21015
  "return": {
21066
21016
  "type": {
21067
21017
  "text": "void"
@@ -21069,270 +21019,213 @@
21069
21019
  },
21070
21020
  "parameters": [
21071
21021
  {
21072
- "name": "prev",
21022
+ "name": "oldValue",
21073
21023
  "type": {
21074
- "text": "boolean | unknown"
21075
- },
21076
- "description": "the previous checked value"
21024
+ "text": "HTMLElement[]"
21025
+ }
21077
21026
  },
21078
21027
  {
21079
- "name": "next",
21080
- "optional": true,
21028
+ "name": "newValue",
21081
21029
  "type": {
21082
- "text": "boolean"
21083
- },
21084
- "description": "the current checked value"
21030
+ "text": "HTMLElement[]"
21031
+ }
21085
21032
  }
21086
21033
  ],
21087
- "description": "Updates the ariaChecked property when the checked property changes.",
21088
21034
  "inheritedFrom": {
21089
- "name": "ListboxOption",
21090
- "module": "src/listbox-option/listbox-option.ts"
21035
+ "name": "Menu",
21036
+ "module": "src/menu/menu.ts"
21091
21037
  }
21092
21038
  },
21093
21039
  {
21094
21040
  "kind": "field",
21095
- "name": "content",
21041
+ "name": "menuItems",
21096
21042
  "type": {
21097
- "text": "Node[]"
21043
+ "text": "Element[] | undefined"
21098
21044
  },
21099
- "privacy": "public",
21100
- "description": "The default slotted content.",
21045
+ "privacy": "private",
21101
21046
  "inheritedFrom": {
21102
- "name": "ListboxOption",
21103
- "module": "src/listbox-option/listbox-option.ts"
21047
+ "name": "Menu",
21048
+ "module": "src/menu/menu.ts"
21104
21049
  }
21105
21050
  },
21106
21051
  {
21107
21052
  "kind": "field",
21108
- "name": "defaultSelected",
21053
+ "name": "expandedItem",
21109
21054
  "type": {
21110
- "text": "boolean"
21111
- },
21112
- "privacy": "public",
21113
- "default": "false",
21114
- "description": "The defaultSelected state of the option.",
21115
- "inheritedFrom": {
21116
- "name": "ListboxOption",
21117
- "module": "src/listbox-option/listbox-option.ts"
21118
- }
21119
- },
21120
- {
21121
- "kind": "method",
21122
- "name": "defaultSelectedChanged",
21123
- "privacy": "protected",
21124
- "return": {
21125
- "type": {
21126
- "text": "void"
21127
- }
21055
+ "text": "MenuItem | null"
21128
21056
  },
21057
+ "privacy": "private",
21058
+ "default": "null",
21129
21059
  "inheritedFrom": {
21130
- "name": "ListboxOption",
21131
- "module": "src/listbox-option/listbox-option.ts"
21060
+ "name": "Menu",
21061
+ "module": "src/menu/menu.ts"
21132
21062
  }
21133
21063
  },
21134
21064
  {
21135
21065
  "kind": "field",
21136
- "name": "disabled",
21066
+ "name": "focusIndex",
21137
21067
  "type": {
21138
- "text": "boolean"
21139
- },
21140
- "privacy": "public",
21141
- "description": "The disabled state of the option.",
21142
- "inheritedFrom": {
21143
- "name": "ListboxOption",
21144
- "module": "src/listbox-option/listbox-option.ts"
21145
- }
21146
- },
21147
- {
21148
- "kind": "method",
21149
- "name": "disabledChanged",
21150
- "privacy": "protected",
21151
- "return": {
21152
- "type": {
21153
- "text": "void"
21154
- }
21068
+ "text": "number"
21155
21069
  },
21156
- "parameters": [
21157
- {
21158
- "name": "prev",
21159
- "type": {
21160
- "text": "boolean"
21161
- }
21162
- },
21163
- {
21164
- "name": "next",
21165
- "type": {
21166
- "text": "boolean"
21167
- }
21168
- }
21169
- ],
21070
+ "privacy": "private",
21071
+ "default": "-1",
21072
+ "description": "The index of the focusable element in the items array\ndefaults to -1",
21170
21073
  "inheritedFrom": {
21171
- "name": "ListboxOption",
21172
- "module": "src/listbox-option/listbox-option.ts"
21074
+ "name": "Menu",
21075
+ "module": "src/menu/menu.ts"
21173
21076
  }
21174
21077
  },
21175
21078
  {
21176
21079
  "kind": "field",
21177
- "name": "selectedAttribute",
21080
+ "name": "focusableElementRoles",
21178
21081
  "type": {
21179
- "text": "boolean"
21082
+ "text": "{ [key: string]: string }"
21180
21083
  },
21181
- "privacy": "public",
21182
- "description": "The selected attribute value. This sets the initial selected value.",
21084
+ "privacy": "private",
21085
+ "static": true,
21086
+ "default": "roleForMenuItem",
21183
21087
  "inheritedFrom": {
21184
- "name": "ListboxOption",
21185
- "module": "src/listbox-option/listbox-option.ts"
21088
+ "name": "Menu",
21089
+ "module": "src/menu/menu.ts"
21186
21090
  }
21187
21091
  },
21188
21092
  {
21189
21093
  "kind": "method",
21190
- "name": "selectedAttributeChanged",
21191
- "privacy": "protected",
21094
+ "name": "focus",
21095
+ "privacy": "public",
21192
21096
  "return": {
21193
21097
  "type": {
21194
21098
  "text": "void"
21195
21099
  }
21196
21100
  },
21101
+ "description": "Focuses the first item in the menu.",
21197
21102
  "inheritedFrom": {
21198
- "name": "ListboxOption",
21199
- "module": "src/listbox-option/listbox-option.ts"
21200
- }
21201
- },
21202
- {
21203
- "kind": "field",
21204
- "name": "selected",
21205
- "type": {
21206
- "text": "boolean"
21207
- },
21208
- "privacy": "public",
21209
- "description": "The checked state of the control.",
21210
- "inheritedFrom": {
21211
- "name": "ListboxOption",
21212
- "module": "src/listbox-option/listbox-option.ts"
21103
+ "name": "Menu",
21104
+ "module": "src/menu/menu.ts"
21213
21105
  }
21214
21106
  },
21215
21107
  {
21216
21108
  "kind": "method",
21217
- "name": "selectedChanged",
21218
- "privacy": "protected",
21109
+ "name": "collapseExpandedItem",
21110
+ "privacy": "public",
21219
21111
  "return": {
21220
21112
  "type": {
21221
21113
  "text": "void"
21222
21114
  }
21223
21115
  },
21116
+ "description": "Collapses any expanded menu items.",
21224
21117
  "inheritedFrom": {
21225
- "name": "ListboxOption",
21226
- "module": "src/listbox-option/listbox-option.ts"
21118
+ "name": "Menu",
21119
+ "module": "src/menu/menu.ts"
21227
21120
  }
21228
21121
  },
21229
21122
  {
21230
21123
  "kind": "field",
21231
- "name": "dirtyValue",
21232
- "type": {
21233
- "text": "boolean"
21234
- },
21235
- "privacy": "public",
21236
- "default": "false",
21237
- "description": "Track whether the value has been changed from the initial value",
21124
+ "name": "handleItemFocus",
21125
+ "privacy": "private",
21238
21126
  "inheritedFrom": {
21239
- "name": "ListboxOption",
21240
- "module": "src/listbox-option/listbox-option.ts"
21127
+ "name": "Menu",
21128
+ "module": "src/menu/menu.ts"
21241
21129
  }
21242
21130
  },
21243
21131
  {
21244
21132
  "kind": "field",
21245
- "name": "initialValue",
21246
- "type": {
21247
- "text": "string"
21248
- },
21249
- "privacy": "protected",
21250
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
21133
+ "name": "handleExpandedChanged",
21134
+ "privacy": "private",
21251
21135
  "inheritedFrom": {
21252
- "name": "ListboxOption",
21253
- "module": "src/listbox-option/listbox-option.ts"
21136
+ "name": "Menu",
21137
+ "module": "src/menu/menu.ts"
21254
21138
  }
21255
21139
  },
21256
21140
  {
21257
- "kind": "method",
21258
- "name": "initialValueChanged",
21259
- "privacy": "public",
21260
- "return": {
21261
- "type": {
21262
- "text": "void"
21263
- }
21264
- },
21265
- "parameters": [
21266
- {
21267
- "name": "previous",
21268
- "type": {
21269
- "text": "string"
21270
- }
21271
- },
21272
- {
21273
- "name": "next",
21274
- "type": {
21275
- "text": "string"
21276
- }
21277
- }
21278
- ],
21141
+ "kind": "field",
21142
+ "name": "removeItemListeners",
21143
+ "privacy": "private",
21279
21144
  "inheritedFrom": {
21280
- "name": "ListboxOption",
21281
- "module": "src/listbox-option/listbox-option.ts"
21145
+ "name": "Menu",
21146
+ "module": "src/menu/menu.ts"
21282
21147
  }
21283
21148
  },
21284
21149
  {
21285
21150
  "kind": "field",
21286
- "name": "label",
21287
- "privacy": "public",
21151
+ "name": "setItems",
21152
+ "privacy": "private",
21288
21153
  "inheritedFrom": {
21289
- "name": "ListboxOption",
21290
- "module": "src/listbox-option/listbox-option.ts"
21154
+ "name": "Menu",
21155
+ "module": "src/menu/menu.ts"
21291
21156
  }
21292
21157
  },
21293
21158
  {
21294
21159
  "kind": "field",
21295
- "name": "text",
21296
- "type": {
21297
- "text": "string"
21298
- },
21299
- "privacy": "public",
21160
+ "name": "changeHandler",
21161
+ "privacy": "private",
21162
+ "description": "handle change from child element",
21300
21163
  "inheritedFrom": {
21301
- "name": "ListboxOption",
21302
- "module": "src/listbox-option/listbox-option.ts"
21164
+ "name": "Menu",
21165
+ "module": "src/menu/menu.ts"
21303
21166
  }
21304
21167
  },
21305
21168
  {
21306
- "kind": "field",
21307
- "name": "value",
21308
- "privacy": "public",
21309
- "type": {
21310
- "text": "string"
21169
+ "kind": "method",
21170
+ "name": "domChildren",
21171
+ "privacy": "private",
21172
+ "return": {
21173
+ "type": {
21174
+ "text": "Element[]"
21175
+ }
21311
21176
  },
21177
+ "description": "get an array of valid DOM children",
21312
21178
  "inheritedFrom": {
21313
- "name": "ListboxOption",
21314
- "module": "src/listbox-option/listbox-option.ts"
21179
+ "name": "Menu",
21180
+ "module": "src/menu/menu.ts"
21315
21181
  }
21316
21182
  },
21317
21183
  {
21318
21184
  "kind": "field",
21319
- "name": "form",
21320
- "type": {
21321
- "text": "HTMLFormElement | null"
21322
- },
21323
- "privacy": "public",
21185
+ "name": "isMenuItemElement",
21186
+ "privacy": "private",
21187
+ "description": "check if the item is a menu item",
21324
21188
  "inheritedFrom": {
21325
- "name": "ListboxOption",
21326
- "module": "src/listbox-option/listbox-option.ts"
21189
+ "name": "Menu",
21190
+ "module": "src/menu/menu.ts"
21327
21191
  }
21328
21192
  },
21329
21193
  {
21330
21194
  "kind": "field",
21331
- "name": "proxy",
21332
- "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
21195
+ "name": "isFocusableElement",
21196
+ "privacy": "private",
21197
+ "description": "check if the item is focusable",
21333
21198
  "inheritedFrom": {
21334
- "name": "ListboxOption",
21335
- "module": "src/listbox-option/listbox-option.ts"
21199
+ "name": "Menu",
21200
+ "module": "src/menu/menu.ts"
21201
+ }
21202
+ },
21203
+ {
21204
+ "kind": "method",
21205
+ "name": "setFocus",
21206
+ "privacy": "private",
21207
+ "return": {
21208
+ "type": {
21209
+ "text": "void"
21210
+ }
21211
+ },
21212
+ "parameters": [
21213
+ {
21214
+ "name": "focusIndex",
21215
+ "type": {
21216
+ "text": "number"
21217
+ }
21218
+ },
21219
+ {
21220
+ "name": "adjustment",
21221
+ "type": {
21222
+ "text": "number"
21223
+ }
21224
+ }
21225
+ ],
21226
+ "inheritedFrom": {
21227
+ "name": "Menu",
21228
+ "module": "src/menu/menu.ts"
21336
21229
  }
21337
21230
  },
21338
21231
  {
@@ -21450,7 +21343,7 @@
21450
21343
  },
21451
21344
  {
21452
21345
  "kind": "variable",
21453
- "name": "foundationListboxOptionShadowOptions",
21346
+ "name": "foundationMenuShadowOptions",
21454
21347
  "type": {
21455
21348
  "text": "ShadowRootInit"
21456
21349
  },
@@ -21458,7 +21351,7 @@
21458
21351
  },
21459
21352
  {
21460
21353
  "kind": "variable",
21461
- "name": "defaultListboxOptionConfig",
21354
+ "name": "defaultMenuConfig",
21462
21355
  "type": {
21463
21356
  "text": "object"
21464
21357
  },
@@ -21466,47 +21359,49 @@
21466
21359
  },
21467
21360
  {
21468
21361
  "kind": "variable",
21469
- "name": "foundationListboxOption"
21362
+ "name": "foundationMenu",
21363
+ "description": "The Foundation Menu",
21364
+ "privacy": "public"
21470
21365
  }
21471
21366
  ],
21472
21367
  "exports": [
21473
21368
  {
21474
21369
  "kind": "js",
21475
- "name": "ListboxOption",
21370
+ "name": "Menu",
21476
21371
  "declaration": {
21477
- "name": "ListboxOption",
21478
- "module": "src/listbox-option/listbox-option.ts"
21372
+ "name": "Menu",
21373
+ "module": "src/menu/menu.ts"
21479
21374
  }
21480
21375
  },
21481
21376
  {
21482
21377
  "kind": "js",
21483
- "name": "foundationListboxOptionShadowOptions",
21378
+ "name": "foundationMenuShadowOptions",
21484
21379
  "declaration": {
21485
- "name": "foundationListboxOptionShadowOptions",
21486
- "module": "src/listbox-option/listbox-option.ts"
21380
+ "name": "foundationMenuShadowOptions",
21381
+ "module": "src/menu/menu.ts"
21487
21382
  }
21488
21383
  },
21489
21384
  {
21490
21385
  "kind": "js",
21491
- "name": "defaultListboxOptionConfig",
21386
+ "name": "defaultMenuConfig",
21492
21387
  "declaration": {
21493
- "name": "defaultListboxOptionConfig",
21494
- "module": "src/listbox-option/listbox-option.ts"
21388
+ "name": "defaultMenuConfig",
21389
+ "module": "src/menu/menu.ts"
21495
21390
  }
21496
21391
  },
21497
21392
  {
21498
21393
  "kind": "js",
21499
- "name": "foundationListboxOption",
21394
+ "name": "foundationMenu",
21500
21395
  "declaration": {
21501
- "name": "foundationListboxOption",
21502
- "module": "src/listbox-option/listbox-option.ts"
21396
+ "name": "foundationMenu",
21397
+ "module": "src/menu/menu.ts"
21503
21398
  }
21504
21399
  }
21505
21400
  ]
21506
21401
  },
21507
21402
  {
21508
21403
  "kind": "javascript-module",
21509
- "path": "src/menu/index.ts",
21404
+ "path": "src/menu-item/index.ts",
21510
21405
  "declarations": [],
21511
21406
  "exports": [
21512
21407
  {
@@ -21514,7 +21409,7 @@
21514
21409
  "name": "*",
21515
21410
  "declaration": {
21516
21411
  "name": "*",
21517
- "package": "./menu.template"
21412
+ "package": "./menu-item.template"
21518
21413
  }
21519
21414
  },
21520
21415
  {
@@ -21522,7 +21417,7 @@
21522
21417
  "name": "*",
21523
21418
  "declaration": {
21524
21419
  "name": "*",
21525
- "package": "./menu.styles"
21420
+ "package": "./menu-item.styles"
21526
21421
  }
21527
21422
  },
21528
21423
  {
@@ -21530,18 +21425,18 @@
21530
21425
  "name": "*",
21531
21426
  "declaration": {
21532
21427
  "name": "*",
21533
- "package": "./menu"
21428
+ "package": "./menu-item"
21534
21429
  }
21535
21430
  }
21536
21431
  ]
21537
21432
  },
21538
21433
  {
21539
21434
  "kind": "javascript-module",
21540
- "path": "src/menu/menu.styles.ts",
21435
+ "path": "src/menu-item/menu-item.styles.ts",
21541
21436
  "declarations": [
21542
21437
  {
21543
21438
  "kind": "function",
21544
- "name": "foundationMenuStyles",
21439
+ "name": "foundationMenuItemStyles",
21545
21440
  "return": {
21546
21441
  "type": {
21547
21442
  "text": "ElementStyles"
@@ -21557,7 +21452,7 @@
21557
21452
  {
21558
21453
  "name": "definition",
21559
21454
  "type": {
21560
- "text": "FoundationElementDefinition"
21455
+ "text": "MenuItemOptions"
21561
21456
  }
21562
21457
  }
21563
21458
  ]
@@ -21566,24 +21461,24 @@
21566
21461
  "exports": [
21567
21462
  {
21568
21463
  "kind": "js",
21569
- "name": "foundationMenuStyles",
21464
+ "name": "foundationMenuItemStyles",
21570
21465
  "declaration": {
21571
- "name": "foundationMenuStyles",
21572
- "module": "src/menu/menu.styles.ts"
21466
+ "name": "foundationMenuItemStyles",
21467
+ "module": "src/menu-item/menu-item.styles.ts"
21573
21468
  }
21574
21469
  }
21575
21470
  ]
21576
21471
  },
21577
21472
  {
21578
21473
  "kind": "javascript-module",
21579
- "path": "src/menu/menu.template.ts",
21474
+ "path": "src/menu-item/menu-item.template.ts",
21580
21475
  "declarations": [
21581
21476
  {
21582
21477
  "kind": "function",
21583
- "name": "foundationMenuTemplate",
21478
+ "name": "foundationMenuItemTemplate",
21584
21479
  "return": {
21585
21480
  "type": {
21586
- "text": "ViewTemplate<Menu>"
21481
+ "text": "ViewTemplate<MenuItem>"
21587
21482
  }
21588
21483
  },
21589
21484
  "parameters": [
@@ -21596,7 +21491,7 @@
21596
21491
  {
21597
21492
  "name": "definition",
21598
21493
  "type": {
21599
- "text": "FoundationElementDefinition"
21494
+ "text": "MenuItemOptions"
21600
21495
  }
21601
21496
  }
21602
21497
  ]
@@ -21605,247 +21500,194 @@
21605
21500
  "exports": [
21606
21501
  {
21607
21502
  "kind": "js",
21608
- "name": "foundationMenuTemplate",
21503
+ "name": "foundationMenuItemTemplate",
21609
21504
  "declaration": {
21610
- "name": "foundationMenuTemplate",
21611
- "module": "src/menu/menu.template.ts"
21505
+ "name": "foundationMenuItemTemplate",
21506
+ "module": "src/menu-item/menu-item.template.ts"
21612
21507
  }
21613
21508
  }
21614
21509
  ]
21615
21510
  },
21616
21511
  {
21617
21512
  "kind": "javascript-module",
21618
- "path": "src/menu/menu.ts",
21513
+ "path": "src/menu-item/menu-item.ts",
21619
21514
  "declarations": [
21620
21515
  {
21621
21516
  "kind": "class",
21622
21517
  "description": "",
21623
- "name": "Menu",
21518
+ "name": "MenuItem",
21624
21519
  "superclass": {
21625
- "name": "FASTMenu",
21520
+ "name": "FASTMenuItem",
21626
21521
  "package": "@microsoft/fast-components"
21627
21522
  },
21628
- "tagName": "%%prefix%%-menu",
21523
+ "tagName": "%%prefix%%-menu-item",
21629
21524
  "customElement": true,
21630
- "members": [
21631
- {
21632
- "kind": "method",
21633
- "name": "itemsChanged",
21634
- "privacy": "private",
21635
- "return": {
21636
- "type": {
21637
- "text": "void"
21638
- }
21639
- },
21640
- "parameters": [
21641
- {
21642
- "name": "oldValue",
21643
- "type": {
21644
- "text": "HTMLElement[]"
21645
- }
21646
- },
21647
- {
21648
- "name": "newValue",
21649
- "type": {
21650
- "text": "HTMLElement[]"
21651
- }
21652
- }
21653
- ],
21654
- "inheritedFrom": {
21655
- "name": "Menu",
21656
- "module": "src/menu/menu.ts"
21657
- }
21658
- },
21525
+ "attributes": [
21659
21526
  {
21660
- "kind": "field",
21661
- "name": "menuItems",
21662
21527
  "type": {
21663
- "text": "Element[] | undefined"
21528
+ "text": "boolean"
21664
21529
  },
21665
- "privacy": "private",
21530
+ "description": "The disabled state of the element.",
21531
+ "fieldName": "disabled",
21666
21532
  "inheritedFrom": {
21667
- "name": "Menu",
21668
- "module": "src/menu/menu.ts"
21533
+ "name": "MenuItem",
21534
+ "module": "src/menu-item/menu-item.ts"
21669
21535
  }
21670
21536
  },
21671
21537
  {
21672
- "kind": "field",
21673
- "name": "expandedItem",
21538
+ "name": "role",
21674
21539
  "type": {
21675
- "text": "MenuItem | null"
21540
+ "text": "MenuItemRole"
21676
21541
  },
21677
- "privacy": "private",
21678
- "default": "null",
21542
+ "description": "The role of the element.",
21543
+ "fieldName": "role",
21679
21544
  "inheritedFrom": {
21680
- "name": "Menu",
21681
- "module": "src/menu/menu.ts"
21545
+ "name": "MenuItem",
21546
+ "module": "src/menu-item/menu-item.ts"
21682
21547
  }
21683
- },
21548
+ }
21549
+ ],
21550
+ "members": [
21684
21551
  {
21685
21552
  "kind": "field",
21686
- "name": "focusIndex",
21553
+ "name": "disabled",
21687
21554
  "type": {
21688
- "text": "number"
21555
+ "text": "boolean"
21689
21556
  },
21690
- "privacy": "private",
21691
- "default": "-1",
21692
- "description": "The index of the focusable element in the items array\ndefaults to -1",
21557
+ "privacy": "public",
21558
+ "description": "The disabled state of the element.",
21693
21559
  "inheritedFrom": {
21694
- "name": "Menu",
21695
- "module": "src/menu/menu.ts"
21560
+ "name": "MenuItem",
21561
+ "module": "src/menu-item/menu-item.ts"
21696
21562
  }
21697
21563
  },
21698
21564
  {
21699
21565
  "kind": "field",
21700
- "name": "focusableElementRoles",
21566
+ "name": "expanded",
21701
21567
  "type": {
21702
- "text": "{ [key: string]: string }"
21568
+ "text": "boolean"
21703
21569
  },
21704
- "privacy": "private",
21705
- "static": true,
21706
- "default": "roleForMenuItem",
21707
- "inheritedFrom": {
21708
- "name": "Menu",
21709
- "module": "src/menu/menu.ts"
21710
- }
21711
- },
21712
- {
21713
- "kind": "method",
21714
- "name": "focus",
21715
21570
  "privacy": "public",
21716
- "return": {
21717
- "type": {
21718
- "text": "void"
21719
- }
21720
- },
21721
- "description": "Focuses the first item in the menu.",
21571
+ "description": "The expanded state of the element.",
21722
21572
  "inheritedFrom": {
21723
- "name": "Menu",
21724
- "module": "src/menu/menu.ts"
21573
+ "name": "MenuItem",
21574
+ "module": "src/menu-item/menu-item.ts"
21725
21575
  }
21726
21576
  },
21727
21577
  {
21728
21578
  "kind": "method",
21729
- "name": "collapseExpandedItem",
21730
- "privacy": "public",
21731
- "return": {
21732
- "type": {
21733
- "text": "void"
21734
- }
21735
- },
21736
- "description": "Collapses any expanded menu items.",
21737
- "inheritedFrom": {
21738
- "name": "Menu",
21739
- "module": "src/menu/menu.ts"
21740
- }
21741
- },
21742
- {
21743
- "kind": "field",
21744
- "name": "handleItemFocus",
21745
- "privacy": "private",
21746
- "inheritedFrom": {
21747
- "name": "Menu",
21748
- "module": "src/menu/menu.ts"
21749
- }
21750
- },
21751
- {
21752
- "kind": "field",
21753
- "name": "handleExpandedChanged",
21754
- "privacy": "private",
21755
- "inheritedFrom": {
21756
- "name": "Menu",
21757
- "module": "src/menu/menu.ts"
21758
- }
21759
- },
21760
- {
21761
- "kind": "field",
21762
- "name": "removeItemListeners",
21579
+ "name": "expandedChanged",
21763
21580
  "privacy": "private",
21581
+ "return": {
21582
+ "type": {
21583
+ "text": "void"
21584
+ }
21585
+ },
21586
+ "parameters": [
21587
+ {
21588
+ "name": "oldValue",
21589
+ "type": {
21590
+ "text": "boolean"
21591
+ }
21592
+ }
21593
+ ],
21764
21594
  "inheritedFrom": {
21765
- "name": "Menu",
21766
- "module": "src/menu/menu.ts"
21595
+ "name": "MenuItem",
21596
+ "module": "src/menu-item/menu-item.ts"
21767
21597
  }
21768
21598
  },
21769
21599
  {
21770
21600
  "kind": "field",
21771
- "name": "setItems",
21772
- "privacy": "private",
21601
+ "name": "role",
21602
+ "type": {
21603
+ "text": "MenuItemRole"
21604
+ },
21605
+ "privacy": "public",
21606
+ "description": "The role of the element.",
21773
21607
  "inheritedFrom": {
21774
- "name": "Menu",
21775
- "module": "src/menu/menu.ts"
21608
+ "name": "MenuItem",
21609
+ "module": "src/menu-item/menu-item.ts"
21776
21610
  }
21777
21611
  },
21778
21612
  {
21779
21613
  "kind": "field",
21780
- "name": "changeHandler",
21781
- "privacy": "private",
21782
- "description": "handle change from child element",
21614
+ "name": "checked",
21615
+ "type": {
21616
+ "text": "boolean"
21617
+ },
21618
+ "privacy": "public",
21619
+ "description": "The checked value of the element.",
21783
21620
  "inheritedFrom": {
21784
- "name": "Menu",
21785
- "module": "src/menu/menu.ts"
21621
+ "name": "MenuItem",
21622
+ "module": "src/menu-item/menu-item.ts"
21786
21623
  }
21787
21624
  },
21788
21625
  {
21789
21626
  "kind": "method",
21790
- "name": "domChildren",
21627
+ "name": "checkedChanged",
21791
21628
  "privacy": "private",
21792
21629
  "return": {
21793
21630
  "type": {
21794
- "text": "Element[]"
21631
+ "text": "void"
21795
21632
  }
21796
21633
  },
21797
- "description": "get an array of valid DOM children",
21634
+ "parameters": [
21635
+ {
21636
+ "name": "oldValue",
21637
+ "type": {
21638
+ "text": "boolean"
21639
+ }
21640
+ },
21641
+ {
21642
+ "name": "newValue",
21643
+ "type": {
21644
+ "text": "boolean"
21645
+ }
21646
+ }
21647
+ ],
21798
21648
  "inheritedFrom": {
21799
- "name": "Menu",
21800
- "module": "src/menu/menu.ts"
21649
+ "name": "MenuItem",
21650
+ "module": "src/menu-item/menu-item.ts"
21801
21651
  }
21802
21652
  },
21803
21653
  {
21804
21654
  "kind": "field",
21805
- "name": "isMenuItemElement",
21655
+ "name": "focusSubmenuOnLoad",
21656
+ "type": {
21657
+ "text": "boolean"
21658
+ },
21806
21659
  "privacy": "private",
21807
- "description": "check if the item is a menu item",
21660
+ "default": "false",
21808
21661
  "inheritedFrom": {
21809
- "name": "Menu",
21810
- "module": "src/menu/menu.ts"
21662
+ "name": "MenuItem",
21663
+ "module": "src/menu-item/menu-item.ts"
21811
21664
  }
21812
21665
  },
21813
21666
  {
21814
21667
  "kind": "field",
21815
- "name": "isFocusableElement",
21668
+ "name": "observer",
21669
+ "type": {
21670
+ "text": "MutationObserver | undefined"
21671
+ },
21816
21672
  "privacy": "private",
21817
- "description": "check if the item is focusable",
21818
21673
  "inheritedFrom": {
21819
- "name": "Menu",
21820
- "module": "src/menu/menu.ts"
21674
+ "name": "MenuItem",
21675
+ "module": "src/menu-item/menu-item.ts"
21821
21676
  }
21822
21677
  },
21823
21678
  {
21824
21679
  "kind": "method",
21825
- "name": "setFocus",
21680
+ "name": "domChildren",
21826
21681
  "privacy": "private",
21827
21682
  "return": {
21828
21683
  "type": {
21829
- "text": "void"
21684
+ "text": "Element[]"
21830
21685
  }
21831
21686
  },
21832
- "parameters": [
21833
- {
21834
- "name": "focusIndex",
21835
- "type": {
21836
- "text": "number"
21837
- }
21838
- },
21839
- {
21840
- "name": "adjustment",
21841
- "type": {
21842
- "text": "number"
21843
- }
21844
- }
21845
- ],
21687
+ "description": "get an array of valid DOM children",
21846
21688
  "inheritedFrom": {
21847
- "name": "Menu",
21848
- "module": "src/menu/menu.ts"
21689
+ "name": "MenuItem",
21690
+ "module": "src/menu-item/menu-item.ts"
21849
21691
  }
21850
21692
  },
21851
21693
  {
@@ -21959,11 +21801,29 @@
21959
21801
  "module": "src/foundation-element/foundation-element.ts"
21960
21802
  }
21961
21803
  }
21804
+ ],
21805
+ "events": [
21806
+ {
21807
+ "description": "Fires a custom 'expanded-change' event when the expanded state changes",
21808
+ "name": "expanded-change",
21809
+ "inheritedFrom": {
21810
+ "name": "MenuItem",
21811
+ "module": "src/menu-item/menu-item.ts"
21812
+ }
21813
+ },
21814
+ {
21815
+ "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
21816
+ "name": "change",
21817
+ "inheritedFrom": {
21818
+ "name": "MenuItem",
21819
+ "module": "src/menu-item/menu-item.ts"
21820
+ }
21821
+ }
21962
21822
  ]
21963
21823
  },
21964
21824
  {
21965
21825
  "kind": "variable",
21966
- "name": "foundationMenuShadowOptions",
21826
+ "name": "foundationMenuItemShadowOptions",
21967
21827
  "type": {
21968
21828
  "text": "ShadowRootInit"
21969
21829
  },
@@ -21971,57 +21831,57 @@
21971
21831
  },
21972
21832
  {
21973
21833
  "kind": "variable",
21974
- "name": "defaultMenuConfig",
21834
+ "name": "defaultMenuItemConfig",
21975
21835
  "type": {
21976
21836
  "text": "object"
21977
21837
  },
21978
- "default": "{}"
21838
+ "default": "{\n expandCollapseGlyph: `\n <svg\n class=\"expand-collapse-glyph\"\n part=\"expand-collapse-glyph\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n />\n </svg>\n `,\n}"
21979
21839
  },
21980
21840
  {
21981
21841
  "kind": "variable",
21982
- "name": "foundationMenu",
21983
- "description": "The Foundation Menu",
21842
+ "name": "foundationMenuItem",
21843
+ "description": "The Foundation Menu Item",
21984
21844
  "privacy": "public"
21985
21845
  }
21986
21846
  ],
21987
21847
  "exports": [
21988
21848
  {
21989
21849
  "kind": "js",
21990
- "name": "Menu",
21850
+ "name": "MenuItem",
21991
21851
  "declaration": {
21992
- "name": "Menu",
21993
- "module": "src/menu/menu.ts"
21852
+ "name": "MenuItem",
21853
+ "module": "src/menu-item/menu-item.ts"
21994
21854
  }
21995
21855
  },
21996
21856
  {
21997
21857
  "kind": "js",
21998
- "name": "foundationMenuShadowOptions",
21858
+ "name": "foundationMenuItemShadowOptions",
21999
21859
  "declaration": {
22000
- "name": "foundationMenuShadowOptions",
22001
- "module": "src/menu/menu.ts"
21860
+ "name": "foundationMenuItemShadowOptions",
21861
+ "module": "src/menu-item/menu-item.ts"
22002
21862
  }
22003
21863
  },
22004
21864
  {
22005
21865
  "kind": "js",
22006
- "name": "defaultMenuConfig",
21866
+ "name": "defaultMenuItemConfig",
22007
21867
  "declaration": {
22008
- "name": "defaultMenuConfig",
22009
- "module": "src/menu/menu.ts"
21868
+ "name": "defaultMenuItemConfig",
21869
+ "module": "src/menu-item/menu-item.ts"
22010
21870
  }
22011
21871
  },
22012
21872
  {
22013
21873
  "kind": "js",
22014
- "name": "foundationMenu",
21874
+ "name": "foundationMenuItem",
22015
21875
  "declaration": {
22016
- "name": "foundationMenu",
22017
- "module": "src/menu/menu.ts"
21876
+ "name": "foundationMenuItem",
21877
+ "module": "src/menu-item/menu-item.ts"
22018
21878
  }
22019
21879
  }
22020
21880
  ]
22021
21881
  },
22022
21882
  {
22023
21883
  "kind": "javascript-module",
22024
- "path": "src/menu-item/index.ts",
21884
+ "path": "src/listbox-option/index.ts",
22025
21885
  "declarations": [],
22026
21886
  "exports": [
22027
21887
  {
@@ -22029,7 +21889,7 @@
22029
21889
  "name": "*",
22030
21890
  "declaration": {
22031
21891
  "name": "*",
22032
- "package": "./menu-item.template"
21892
+ "package": "./listbox-option.template"
22033
21893
  }
22034
21894
  },
22035
21895
  {
@@ -22037,7 +21897,7 @@
22037
21897
  "name": "*",
22038
21898
  "declaration": {
22039
21899
  "name": "*",
22040
- "package": "./menu-item.styles"
21900
+ "package": "./listbox-option.styles"
22041
21901
  }
22042
21902
  },
22043
21903
  {
@@ -22045,18 +21905,18 @@
22045
21905
  "name": "*",
22046
21906
  "declaration": {
22047
21907
  "name": "*",
22048
- "package": "./menu-item"
21908
+ "package": "./listbox-option"
22049
21909
  }
22050
21910
  }
22051
21911
  ]
22052
21912
  },
22053
21913
  {
22054
21914
  "kind": "javascript-module",
22055
- "path": "src/menu-item/menu-item.styles.ts",
21915
+ "path": "src/listbox-option/listbox-option.styles.ts",
22056
21916
  "declarations": [
22057
21917
  {
22058
21918
  "kind": "function",
22059
- "name": "foundationMenuItemStyles",
21919
+ "name": "foundationListboxOptionStyles",
22060
21920
  "return": {
22061
21921
  "type": {
22062
21922
  "text": "ElementStyles"
@@ -22072,7 +21932,7 @@
22072
21932
  {
22073
21933
  "name": "definition",
22074
21934
  "type": {
22075
- "text": "MenuItemOptions"
21935
+ "text": "FoundationElementDefinition"
22076
21936
  }
22077
21937
  }
22078
21938
  ]
@@ -22081,24 +21941,24 @@
22081
21941
  "exports": [
22082
21942
  {
22083
21943
  "kind": "js",
22084
- "name": "foundationMenuItemStyles",
21944
+ "name": "foundationListboxOptionStyles",
22085
21945
  "declaration": {
22086
- "name": "foundationMenuItemStyles",
22087
- "module": "src/menu-item/menu-item.styles.ts"
21946
+ "name": "foundationListboxOptionStyles",
21947
+ "module": "src/listbox-option/listbox-option.styles.ts"
22088
21948
  }
22089
21949
  }
22090
21950
  ]
22091
21951
  },
22092
21952
  {
22093
21953
  "kind": "javascript-module",
22094
- "path": "src/menu-item/menu-item.template.ts",
21954
+ "path": "src/listbox-option/listbox-option.template.ts",
22095
21955
  "declarations": [
22096
21956
  {
22097
21957
  "kind": "function",
22098
- "name": "foundationMenuItemTemplate",
21958
+ "name": "foundationListboxOptionTemplate",
22099
21959
  "return": {
22100
21960
  "type": {
22101
- "text": "ViewTemplate<MenuItem>"
21961
+ "text": "ViewTemplate<ListboxOption>"
22102
21962
  }
22103
21963
  },
22104
21964
  "parameters": [
@@ -22111,7 +21971,7 @@
22111
21971
  {
22112
21972
  "name": "definition",
22113
21973
  "type": {
22114
- "text": "MenuItemOptions"
21974
+ "text": "FoundationElementDefinition"
22115
21975
  }
22116
21976
  }
22117
21977
  ]
@@ -22120,84 +21980,169 @@
22120
21980
  "exports": [
22121
21981
  {
22122
21982
  "kind": "js",
22123
- "name": "foundationMenuItemTemplate",
21983
+ "name": "foundationListboxOptionTemplate",
22124
21984
  "declaration": {
22125
- "name": "foundationMenuItemTemplate",
22126
- "module": "src/menu-item/menu-item.template.ts"
21985
+ "name": "foundationListboxOptionTemplate",
21986
+ "module": "src/listbox-option/listbox-option.template.ts"
22127
21987
  }
22128
21988
  }
22129
21989
  ]
22130
21990
  },
22131
21991
  {
22132
21992
  "kind": "javascript-module",
22133
- "path": "src/menu-item/menu-item.ts",
21993
+ "path": "src/listbox-option/listbox-option.ts",
22134
21994
  "declarations": [
22135
21995
  {
22136
21996
  "kind": "class",
22137
21997
  "description": "",
22138
- "name": "MenuItem",
21998
+ "name": "ListboxOption",
22139
21999
  "superclass": {
22140
- "name": "FASTMenuItem",
22000
+ "name": "FASTListboxOption",
22141
22001
  "package": "@microsoft/fast-components"
22142
22002
  },
22143
- "tagName": "%%prefix%%-menu-item",
22003
+ "tagName": "%%prefix%%-option",
22144
22004
  "customElement": true,
22145
22005
  "attributes": [
22146
22006
  {
22147
22007
  "type": {
22148
22008
  "text": "boolean"
22149
22009
  },
22150
- "description": "The disabled state of the element.",
22151
- "fieldName": "disabled",
22010
+ "description": "The disabled state of the option.",
22011
+ "fieldName": "disabled",
22012
+ "inheritedFrom": {
22013
+ "name": "ListboxOption",
22014
+ "module": "src/listbox-option/listbox-option.ts"
22015
+ }
22016
+ },
22017
+ {
22018
+ "name": "selected",
22019
+ "type": {
22020
+ "text": "boolean"
22021
+ },
22022
+ "description": "The selected attribute value. This sets the initial selected value.",
22023
+ "fieldName": "selectedAttribute",
22024
+ "inheritedFrom": {
22025
+ "name": "ListboxOption",
22026
+ "module": "src/listbox-option/listbox-option.ts"
22027
+ }
22028
+ },
22029
+ {
22030
+ "name": "value",
22031
+ "type": {
22032
+ "text": "string"
22033
+ },
22034
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22035
+ "fieldName": "initialValue",
22036
+ "inheritedFrom": {
22037
+ "name": "ListboxOption",
22038
+ "module": "src/listbox-option/listbox-option.ts"
22039
+ }
22040
+ }
22041
+ ],
22042
+ "members": [
22043
+ {
22044
+ "kind": "field",
22045
+ "name": "checked",
22046
+ "type": {
22047
+ "text": "boolean | undefined"
22048
+ },
22049
+ "privacy": "public",
22050
+ "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.",
22051
+ "inheritedFrom": {
22052
+ "name": "ListboxOption",
22053
+ "module": "src/listbox-option/listbox-option.ts"
22054
+ }
22055
+ },
22056
+ {
22057
+ "kind": "method",
22058
+ "name": "checkedChanged",
22059
+ "privacy": "public",
22060
+ "return": {
22061
+ "type": {
22062
+ "text": "void"
22063
+ }
22064
+ },
22065
+ "parameters": [
22066
+ {
22067
+ "name": "prev",
22068
+ "type": {
22069
+ "text": "boolean | unknown"
22070
+ },
22071
+ "description": "the previous checked value"
22072
+ },
22073
+ {
22074
+ "name": "next",
22075
+ "optional": true,
22076
+ "type": {
22077
+ "text": "boolean"
22078
+ },
22079
+ "description": "the current checked value"
22080
+ }
22081
+ ],
22082
+ "description": "Updates the ariaChecked property when the checked property changes.",
22152
22083
  "inheritedFrom": {
22153
- "name": "MenuItem",
22154
- "module": "src/menu-item/menu-item.ts"
22084
+ "name": "ListboxOption",
22085
+ "module": "src/listbox-option/listbox-option.ts"
22155
22086
  }
22156
22087
  },
22157
22088
  {
22158
- "name": "role",
22089
+ "kind": "field",
22090
+ "name": "content",
22159
22091
  "type": {
22160
- "text": "MenuItemRole"
22092
+ "text": "Node[]"
22161
22093
  },
22162
- "description": "The role of the element.",
22163
- "fieldName": "role",
22094
+ "privacy": "public",
22095
+ "description": "The default slotted content.",
22164
22096
  "inheritedFrom": {
22165
- "name": "MenuItem",
22166
- "module": "src/menu-item/menu-item.ts"
22097
+ "name": "ListboxOption",
22098
+ "module": "src/listbox-option/listbox-option.ts"
22167
22099
  }
22168
- }
22169
- ],
22170
- "members": [
22100
+ },
22171
22101
  {
22172
22102
  "kind": "field",
22173
- "name": "disabled",
22103
+ "name": "defaultSelected",
22174
22104
  "type": {
22175
22105
  "text": "boolean"
22176
22106
  },
22177
22107
  "privacy": "public",
22178
- "description": "The disabled state of the element.",
22108
+ "default": "false",
22109
+ "description": "The defaultSelected state of the option.",
22179
22110
  "inheritedFrom": {
22180
- "name": "MenuItem",
22181
- "module": "src/menu-item/menu-item.ts"
22111
+ "name": "ListboxOption",
22112
+ "module": "src/listbox-option/listbox-option.ts"
22113
+ }
22114
+ },
22115
+ {
22116
+ "kind": "method",
22117
+ "name": "defaultSelectedChanged",
22118
+ "privacy": "protected",
22119
+ "return": {
22120
+ "type": {
22121
+ "text": "void"
22122
+ }
22123
+ },
22124
+ "inheritedFrom": {
22125
+ "name": "ListboxOption",
22126
+ "module": "src/listbox-option/listbox-option.ts"
22182
22127
  }
22183
22128
  },
22184
22129
  {
22185
22130
  "kind": "field",
22186
- "name": "expanded",
22131
+ "name": "disabled",
22187
22132
  "type": {
22188
22133
  "text": "boolean"
22189
22134
  },
22190
22135
  "privacy": "public",
22191
- "description": "The expanded state of the element.",
22136
+ "description": "The disabled state of the option.",
22192
22137
  "inheritedFrom": {
22193
- "name": "MenuItem",
22194
- "module": "src/menu-item/menu-item.ts"
22138
+ "name": "ListboxOption",
22139
+ "module": "src/listbox-option/listbox-option.ts"
22195
22140
  }
22196
22141
  },
22197
22142
  {
22198
22143
  "kind": "method",
22199
- "name": "expandedChanged",
22200
- "privacy": "private",
22144
+ "name": "disabledChanged",
22145
+ "privacy": "protected",
22201
22146
  "return": {
22202
22147
  "type": {
22203
22148
  "text": "void"
@@ -22205,47 +22150,108 @@
22205
22150
  },
22206
22151
  "parameters": [
22207
22152
  {
22208
- "name": "oldValue",
22153
+ "name": "prev",
22154
+ "type": {
22155
+ "text": "boolean"
22156
+ }
22157
+ },
22158
+ {
22159
+ "name": "next",
22209
22160
  "type": {
22210
22161
  "text": "boolean"
22211
22162
  }
22212
22163
  }
22213
22164
  ],
22214
22165
  "inheritedFrom": {
22215
- "name": "MenuItem",
22216
- "module": "src/menu-item/menu-item.ts"
22166
+ "name": "ListboxOption",
22167
+ "module": "src/listbox-option/listbox-option.ts"
22217
22168
  }
22218
22169
  },
22219
22170
  {
22220
22171
  "kind": "field",
22221
- "name": "role",
22172
+ "name": "selectedAttribute",
22222
22173
  "type": {
22223
- "text": "MenuItemRole"
22174
+ "text": "boolean"
22224
22175
  },
22225
22176
  "privacy": "public",
22226
- "description": "The role of the element.",
22177
+ "description": "The selected attribute value. This sets the initial selected value.",
22227
22178
  "inheritedFrom": {
22228
- "name": "MenuItem",
22229
- "module": "src/menu-item/menu-item.ts"
22179
+ "name": "ListboxOption",
22180
+ "module": "src/listbox-option/listbox-option.ts"
22181
+ }
22182
+ },
22183
+ {
22184
+ "kind": "method",
22185
+ "name": "selectedAttributeChanged",
22186
+ "privacy": "protected",
22187
+ "return": {
22188
+ "type": {
22189
+ "text": "void"
22190
+ }
22191
+ },
22192
+ "inheritedFrom": {
22193
+ "name": "ListboxOption",
22194
+ "module": "src/listbox-option/listbox-option.ts"
22230
22195
  }
22231
22196
  },
22232
22197
  {
22233
22198
  "kind": "field",
22234
- "name": "checked",
22199
+ "name": "selected",
22235
22200
  "type": {
22236
22201
  "text": "boolean"
22237
22202
  },
22238
22203
  "privacy": "public",
22239
- "description": "The checked value of the element.",
22204
+ "description": "The checked state of the control.",
22240
22205
  "inheritedFrom": {
22241
- "name": "MenuItem",
22242
- "module": "src/menu-item/menu-item.ts"
22206
+ "name": "ListboxOption",
22207
+ "module": "src/listbox-option/listbox-option.ts"
22243
22208
  }
22244
22209
  },
22245
22210
  {
22246
22211
  "kind": "method",
22247
- "name": "checkedChanged",
22248
- "privacy": "private",
22212
+ "name": "selectedChanged",
22213
+ "privacy": "protected",
22214
+ "return": {
22215
+ "type": {
22216
+ "text": "void"
22217
+ }
22218
+ },
22219
+ "inheritedFrom": {
22220
+ "name": "ListboxOption",
22221
+ "module": "src/listbox-option/listbox-option.ts"
22222
+ }
22223
+ },
22224
+ {
22225
+ "kind": "field",
22226
+ "name": "dirtyValue",
22227
+ "type": {
22228
+ "text": "boolean"
22229
+ },
22230
+ "privacy": "public",
22231
+ "default": "false",
22232
+ "description": "Track whether the value has been changed from the initial value",
22233
+ "inheritedFrom": {
22234
+ "name": "ListboxOption",
22235
+ "module": "src/listbox-option/listbox-option.ts"
22236
+ }
22237
+ },
22238
+ {
22239
+ "kind": "field",
22240
+ "name": "initialValue",
22241
+ "type": {
22242
+ "text": "string"
22243
+ },
22244
+ "privacy": "protected",
22245
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22246
+ "inheritedFrom": {
22247
+ "name": "ListboxOption",
22248
+ "module": "src/listbox-option/listbox-option.ts"
22249
+ }
22250
+ },
22251
+ {
22252
+ "kind": "method",
22253
+ "name": "initialValueChanged",
22254
+ "privacy": "public",
22249
22255
  "return": {
22250
22256
  "type": {
22251
22257
  "text": "void"
@@ -22253,61 +22259,75 @@
22253
22259
  },
22254
22260
  "parameters": [
22255
22261
  {
22256
- "name": "oldValue",
22262
+ "name": "previous",
22257
22263
  "type": {
22258
- "text": "boolean"
22264
+ "text": "string"
22259
22265
  }
22260
22266
  },
22261
22267
  {
22262
- "name": "newValue",
22268
+ "name": "next",
22263
22269
  "type": {
22264
- "text": "boolean"
22270
+ "text": "string"
22265
22271
  }
22266
22272
  }
22267
22273
  ],
22268
22274
  "inheritedFrom": {
22269
- "name": "MenuItem",
22270
- "module": "src/menu-item/menu-item.ts"
22275
+ "name": "ListboxOption",
22276
+ "module": "src/listbox-option/listbox-option.ts"
22271
22277
  }
22272
22278
  },
22273
22279
  {
22274
22280
  "kind": "field",
22275
- "name": "focusSubmenuOnLoad",
22281
+ "name": "label",
22282
+ "privacy": "public",
22283
+ "inheritedFrom": {
22284
+ "name": "ListboxOption",
22285
+ "module": "src/listbox-option/listbox-option.ts"
22286
+ }
22287
+ },
22288
+ {
22289
+ "kind": "field",
22290
+ "name": "text",
22276
22291
  "type": {
22277
- "text": "boolean"
22292
+ "text": "string"
22278
22293
  },
22279
- "privacy": "private",
22280
- "default": "false",
22294
+ "privacy": "public",
22281
22295
  "inheritedFrom": {
22282
- "name": "MenuItem",
22283
- "module": "src/menu-item/menu-item.ts"
22296
+ "name": "ListboxOption",
22297
+ "module": "src/listbox-option/listbox-option.ts"
22284
22298
  }
22285
22299
  },
22286
22300
  {
22287
22301
  "kind": "field",
22288
- "name": "observer",
22302
+ "name": "value",
22303
+ "privacy": "public",
22289
22304
  "type": {
22290
- "text": "MutationObserver | undefined"
22305
+ "text": "string"
22291
22306
  },
22292
- "privacy": "private",
22293
22307
  "inheritedFrom": {
22294
- "name": "MenuItem",
22295
- "module": "src/menu-item/menu-item.ts"
22308
+ "name": "ListboxOption",
22309
+ "module": "src/listbox-option/listbox-option.ts"
22296
22310
  }
22297
22311
  },
22298
22312
  {
22299
- "kind": "method",
22300
- "name": "domChildren",
22301
- "privacy": "private",
22302
- "return": {
22303
- "type": {
22304
- "text": "Element[]"
22305
- }
22313
+ "kind": "field",
22314
+ "name": "form",
22315
+ "type": {
22316
+ "text": "HTMLFormElement | null"
22306
22317
  },
22307
- "description": "get an array of valid DOM children",
22318
+ "privacy": "public",
22308
22319
  "inheritedFrom": {
22309
- "name": "MenuItem",
22310
- "module": "src/menu-item/menu-item.ts"
22320
+ "name": "ListboxOption",
22321
+ "module": "src/listbox-option/listbox-option.ts"
22322
+ }
22323
+ },
22324
+ {
22325
+ "kind": "field",
22326
+ "name": "proxy",
22327
+ "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
22328
+ "inheritedFrom": {
22329
+ "name": "ListboxOption",
22330
+ "module": "src/listbox-option/listbox-option.ts"
22311
22331
  }
22312
22332
  },
22313
22333
  {
@@ -22412,38 +22432,20 @@
22412
22432
  "type": {
22413
22433
  "text": "T"
22414
22434
  },
22415
- "description": "The definition of the element to create the registry\nfunction for."
22416
- }
22417
- ],
22418
- "description": "Defines an element registry function with a set of element definition defaults.",
22419
- "inheritedFrom": {
22420
- "name": "FoundationElement",
22421
- "module": "src/foundation-element/foundation-element.ts"
22422
- }
22423
- }
22424
- ],
22425
- "events": [
22426
- {
22427
- "description": "Fires a custom 'expanded-change' event when the expanded state changes",
22428
- "name": "expanded-change",
22429
- "inheritedFrom": {
22430
- "name": "MenuItem",
22431
- "module": "src/menu-item/menu-item.ts"
22432
- }
22433
- },
22434
- {
22435
- "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
22436
- "name": "change",
22435
+ "description": "The definition of the element to create the registry\nfunction for."
22436
+ }
22437
+ ],
22438
+ "description": "Defines an element registry function with a set of element definition defaults.",
22437
22439
  "inheritedFrom": {
22438
- "name": "MenuItem",
22439
- "module": "src/menu-item/menu-item.ts"
22440
+ "name": "FoundationElement",
22441
+ "module": "src/foundation-element/foundation-element.ts"
22440
22442
  }
22441
22443
  }
22442
22444
  ]
22443
22445
  },
22444
22446
  {
22445
22447
  "kind": "variable",
22446
- "name": "foundationMenuItemShadowOptions",
22448
+ "name": "foundationListboxOptionShadowOptions",
22447
22449
  "type": {
22448
22450
  "text": "ShadowRootInit"
22449
22451
  },
@@ -22451,50 +22453,48 @@
22451
22453
  },
22452
22454
  {
22453
22455
  "kind": "variable",
22454
- "name": "defaultMenuItemConfig",
22456
+ "name": "defaultListboxOptionConfig",
22455
22457
  "type": {
22456
22458
  "text": "object"
22457
22459
  },
22458
- "default": "{\n expandCollapseGlyph: `\n <svg\n class=\"expand-collapse-glyph\"\n part=\"expand-collapse-glyph\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n />\n </svg>\n `,\n}"
22460
+ "default": "{}"
22459
22461
  },
22460
22462
  {
22461
22463
  "kind": "variable",
22462
- "name": "foundationMenuItem",
22463
- "description": "The Foundation Menu Item",
22464
- "privacy": "public"
22464
+ "name": "foundationListboxOption"
22465
22465
  }
22466
22466
  ],
22467
22467
  "exports": [
22468
22468
  {
22469
22469
  "kind": "js",
22470
- "name": "MenuItem",
22470
+ "name": "ListboxOption",
22471
22471
  "declaration": {
22472
- "name": "MenuItem",
22473
- "module": "src/menu-item/menu-item.ts"
22472
+ "name": "ListboxOption",
22473
+ "module": "src/listbox-option/listbox-option.ts"
22474
22474
  }
22475
22475
  },
22476
22476
  {
22477
22477
  "kind": "js",
22478
- "name": "foundationMenuItemShadowOptions",
22478
+ "name": "foundationListboxOptionShadowOptions",
22479
22479
  "declaration": {
22480
- "name": "foundationMenuItemShadowOptions",
22481
- "module": "src/menu-item/menu-item.ts"
22480
+ "name": "foundationListboxOptionShadowOptions",
22481
+ "module": "src/listbox-option/listbox-option.ts"
22482
22482
  }
22483
22483
  },
22484
22484
  {
22485
22485
  "kind": "js",
22486
- "name": "defaultMenuItemConfig",
22486
+ "name": "defaultListboxOptionConfig",
22487
22487
  "declaration": {
22488
- "name": "defaultMenuItemConfig",
22489
- "module": "src/menu-item/menu-item.ts"
22488
+ "name": "defaultListboxOptionConfig",
22489
+ "module": "src/listbox-option/listbox-option.ts"
22490
22490
  }
22491
22491
  },
22492
22492
  {
22493
22493
  "kind": "js",
22494
- "name": "foundationMenuItem",
22494
+ "name": "foundationListboxOption",
22495
22495
  "declaration": {
22496
- "name": "foundationMenuItem",
22497
- "module": "src/menu-item/menu-item.ts"
22496
+ "name": "foundationListboxOption",
22497
+ "module": "src/listbox-option/listbox-option.ts"
22498
22498
  }
22499
22499
  }
22500
22500
  ]
@@ -28604,253 +28604,64 @@
28604
28604
  ]
28605
28605
  },
28606
28606
  {
28607
- "kind": "method",
28608
- "name": "configureAnalytics"
28609
- },
28610
- {
28611
- "kind": "method",
28612
- "name": "construct",
28613
- "return": {
28614
- "type": {
28615
- "text": "T"
28616
- }
28617
- },
28618
- "parameters": [
28619
- {
28620
- "name": "Type",
28621
- "type": {
28622
- "text": "Constructable<T>"
28623
- }
28624
- }
28625
- ]
28626
- }
28627
- ],
28628
- "superclass": {
28629
- "name": "RouterConfiguration",
28630
- "package": "@microsoft/fast-router"
28631
- }
28632
- }
28633
- ],
28634
- "exports": [
28635
- {
28636
- "kind": "js",
28637
- "name": "FoundationRouter",
28638
- "declaration": {
28639
- "name": "FoundationRouter",
28640
- "module": "src/router/router.ts"
28641
- }
28642
- },
28643
- {
28644
- "kind": "custom-element-definition",
28645
- "name": "foundation-router",
28646
- "declaration": {
28647
- "name": "FoundationRouter",
28648
- "module": "src/router/router.ts"
28649
- }
28650
- },
28651
- {
28652
- "kind": "js",
28653
- "name": "FoundationRouteCollection",
28654
- "declaration": {
28655
- "name": "FoundationRouteCollection",
28656
- "module": "src/router/router.ts"
28657
- }
28658
- },
28659
- {
28660
- "kind": "js",
28661
- "name": "FoundationRouterConfiguration",
28662
- "declaration": {
28663
- "name": "FoundationRouterConfiguration",
28664
- "module": "src/router/router.ts"
28665
- }
28666
- }
28667
- ]
28668
- },
28669
- {
28670
- "kind": "javascript-module",
28671
- "path": "src/segmented-control/index.ts",
28672
- "declarations": [],
28673
- "exports": [
28674
- {
28675
- "kind": "js",
28676
- "name": "*",
28677
- "declaration": {
28678
- "name": "*",
28679
- "package": "./segmented-control.template"
28680
- }
28681
- },
28682
- {
28683
- "kind": "js",
28684
- "name": "*",
28685
- "declaration": {
28686
- "name": "*",
28687
- "package": "./segmented-control.styles"
28688
- }
28689
- },
28690
- {
28691
- "kind": "js",
28692
- "name": "*",
28693
- "declaration": {
28694
- "name": "*",
28695
- "package": "./segmented-control"
28696
- }
28697
- }
28698
- ]
28699
- },
28700
- {
28701
- "kind": "javascript-module",
28702
- "path": "src/segmented-control/segmented-control.styles.ts",
28703
- "declarations": [
28704
- {
28705
- "kind": "function",
28706
- "name": "foundationSegmentedControlStyles",
28707
- "return": {
28708
- "type": {
28709
- "text": "ElementStyles"
28710
- }
28711
- },
28712
- "parameters": [
28713
- {
28714
- "name": "context",
28715
- "type": {
28716
- "text": "ElementDefinitionContext"
28717
- }
28718
- },
28719
- {
28720
- "name": "definition",
28721
- "type": {
28722
- "text": "FoundationElementDefinition"
28723
- }
28724
- }
28725
- ]
28726
- }
28727
- ],
28728
- "exports": [
28729
- {
28730
- "kind": "js",
28731
- "name": "foundationSegmentedControlStyles",
28732
- "declaration": {
28733
- "name": "foundationSegmentedControlStyles",
28734
- "module": "src/segmented-control/segmented-control.styles.ts"
28735
- }
28736
- }
28737
- ]
28738
- },
28739
- {
28740
- "kind": "javascript-module",
28741
- "path": "src/segmented-control/segmented-control.template.ts",
28742
- "declarations": [
28743
- {
28744
- "kind": "function",
28745
- "name": "foundationSegmentedControlTemplate",
28746
- "return": {
28747
- "type": {
28748
- "text": "ViewTemplate<SegmentedControl>"
28749
- }
28750
- },
28751
- "parameters": [
28752
- {
28753
- "name": "context",
28754
- "type": {
28755
- "text": "ElementDefinitionContext"
28756
- }
28757
- },
28758
- {
28759
- "name": "definition",
28760
- "type": {
28761
- "text": "FoundationElementDefinition"
28762
- }
28763
- }
28764
- ]
28765
- }
28766
- ],
28767
- "exports": [
28768
- {
28769
- "kind": "js",
28770
- "name": "foundationSegmentedControlTemplate",
28771
- "declaration": {
28772
- "name": "foundationSegmentedControlTemplate",
28773
- "module": "src/segmented-control/segmented-control.template.ts"
28774
- }
28775
- }
28776
- ]
28777
- },
28778
- {
28779
- "kind": "javascript-module",
28780
- "path": "src/segmented-control/segmented-control.ts",
28781
- "declarations": [
28782
- {
28783
- "kind": "class",
28784
- "description": "",
28785
- "name": "SegmentedControl",
28786
- "members": [
28787
- {
28788
- "kind": "method",
28789
- "name": "valueChanged",
28790
- "privacy": "protected"
28791
- }
28792
- ],
28793
- "superclass": {
28794
- "name": "FASTRadioGroup",
28795
- "package": "@microsoft/fast-foundation"
28796
- },
28797
- "tagName": "%%prefix%%-segmented-control",
28798
- "customElement": true
28799
- },
28800
- {
28801
- "kind": "variable",
28802
- "name": "foundationSegmentedControlShadowOptions",
28803
- "type": {
28804
- "text": "ShadowRootInit"
28805
- },
28806
- "default": "undefined"
28807
- },
28808
- {
28809
- "kind": "variable",
28810
- "name": "defaultSegmentedControlConfig",
28811
- "type": {
28812
- "text": "object"
28813
- },
28814
- "default": "{}"
28815
- },
28816
- {
28817
- "kind": "variable",
28818
- "name": "foundationSegmentedControl",
28819
- "description": "The Foundation Segmented Control",
28820
- "privacy": "public"
28607
+ "kind": "method",
28608
+ "name": "configureAnalytics"
28609
+ },
28610
+ {
28611
+ "kind": "method",
28612
+ "name": "construct",
28613
+ "return": {
28614
+ "type": {
28615
+ "text": "T"
28616
+ }
28617
+ },
28618
+ "parameters": [
28619
+ {
28620
+ "name": "Type",
28621
+ "type": {
28622
+ "text": "Constructable<T>"
28623
+ }
28624
+ }
28625
+ ]
28626
+ }
28627
+ ],
28628
+ "superclass": {
28629
+ "name": "RouterConfiguration",
28630
+ "package": "@microsoft/fast-router"
28631
+ }
28821
28632
  }
28822
28633
  ],
28823
28634
  "exports": [
28824
28635
  {
28825
28636
  "kind": "js",
28826
- "name": "SegmentedControl",
28637
+ "name": "FoundationRouter",
28827
28638
  "declaration": {
28828
- "name": "SegmentedControl",
28829
- "module": "src/segmented-control/segmented-control.ts"
28639
+ "name": "FoundationRouter",
28640
+ "module": "src/router/router.ts"
28830
28641
  }
28831
28642
  },
28832
28643
  {
28833
- "kind": "js",
28834
- "name": "foundationSegmentedControlShadowOptions",
28644
+ "kind": "custom-element-definition",
28645
+ "name": "foundation-router",
28835
28646
  "declaration": {
28836
- "name": "foundationSegmentedControlShadowOptions",
28837
- "module": "src/segmented-control/segmented-control.ts"
28647
+ "name": "FoundationRouter",
28648
+ "module": "src/router/router.ts"
28838
28649
  }
28839
28650
  },
28840
28651
  {
28841
28652
  "kind": "js",
28842
- "name": "defaultSegmentedControlConfig",
28653
+ "name": "FoundationRouteCollection",
28843
28654
  "declaration": {
28844
- "name": "defaultSegmentedControlConfig",
28845
- "module": "src/segmented-control/segmented-control.ts"
28655
+ "name": "FoundationRouteCollection",
28656
+ "module": "src/router/router.ts"
28846
28657
  }
28847
28658
  },
28848
28659
  {
28849
28660
  "kind": "js",
28850
- "name": "foundationSegmentedControl",
28661
+ "name": "FoundationRouterConfiguration",
28851
28662
  "declaration": {
28852
- "name": "foundationSegmentedControl",
28853
- "module": "src/segmented-control/segmented-control.ts"
28663
+ "name": "FoundationRouterConfiguration",
28664
+ "module": "src/router/router.ts"
28854
28665
  }
28855
28666
  }
28856
28667
  ]
@@ -30155,110 +29966,299 @@
30155
29966
  "exports": [
30156
29967
  {
30157
29968
  "kind": "js",
30158
- "name": "SearchBar",
30159
- "declaration": {
30160
- "name": "SearchBar",
30161
- "module": "src/search-bar/search-bar.ts"
30162
- }
30163
- },
30164
- {
30165
- "kind": "js",
30166
- "name": "foundationSearchBarShadowOptions",
30167
- "declaration": {
30168
- "name": "foundationSearchBarShadowOptions",
30169
- "module": "src/search-bar/search-bar.ts"
30170
- }
30171
- },
30172
- {
30173
- "kind": "js",
30174
- "name": "defaultSearchBarConfig",
30175
- "declaration": {
30176
- "name": "defaultSearchBarConfig",
30177
- "module": "src/search-bar/search-bar.ts"
30178
- }
30179
- },
30180
- {
30181
- "kind": "js",
30182
- "name": "foundationSearchBar",
29969
+ "name": "SearchBar",
29970
+ "declaration": {
29971
+ "name": "SearchBar",
29972
+ "module": "src/search-bar/search-bar.ts"
29973
+ }
29974
+ },
29975
+ {
29976
+ "kind": "js",
29977
+ "name": "foundationSearchBarShadowOptions",
29978
+ "declaration": {
29979
+ "name": "foundationSearchBarShadowOptions",
29980
+ "module": "src/search-bar/search-bar.ts"
29981
+ }
29982
+ },
29983
+ {
29984
+ "kind": "js",
29985
+ "name": "defaultSearchBarConfig",
29986
+ "declaration": {
29987
+ "name": "defaultSearchBarConfig",
29988
+ "module": "src/search-bar/search-bar.ts"
29989
+ }
29990
+ },
29991
+ {
29992
+ "kind": "js",
29993
+ "name": "foundationSearchBar",
29994
+ "declaration": {
29995
+ "name": "foundationSearchBar",
29996
+ "module": "src/search-bar/search-bar.ts"
29997
+ }
29998
+ }
29999
+ ]
30000
+ },
30001
+ {
30002
+ "kind": "javascript-module",
30003
+ "path": "src/search-bar/search-bar.types.ts",
30004
+ "declarations": [
30005
+ {
30006
+ "kind": "variable",
30007
+ "name": "SCROLL_TIMEOUT",
30008
+ "type": {
30009
+ "text": "number"
30010
+ },
30011
+ "default": "10"
30012
+ },
30013
+ {
30014
+ "kind": "variable",
30015
+ "name": "INPUT_MIN_LENGTH",
30016
+ "type": {
30017
+ "text": "number"
30018
+ },
30019
+ "default": "3"
30020
+ },
30021
+ {
30022
+ "kind": "variable",
30023
+ "name": "COMBO_INPUT_MIN_LENGTH",
30024
+ "type": {
30025
+ "text": "number"
30026
+ },
30027
+ "default": "1"
30028
+ },
30029
+ {
30030
+ "kind": "function",
30031
+ "name": "getCriteriaBuilder",
30032
+ "parameters": [
30033
+ {
30034
+ "name": "field"
30035
+ },
30036
+ {
30037
+ "name": "term"
30038
+ }
30039
+ ]
30040
+ }
30041
+ ],
30042
+ "exports": [
30043
+ {
30044
+ "kind": "js",
30045
+ "name": "SCROLL_TIMEOUT",
30046
+ "declaration": {
30047
+ "name": "SCROLL_TIMEOUT",
30048
+ "module": "src/search-bar/search-bar.types.ts"
30049
+ }
30050
+ },
30051
+ {
30052
+ "kind": "js",
30053
+ "name": "INPUT_MIN_LENGTH",
30054
+ "declaration": {
30055
+ "name": "INPUT_MIN_LENGTH",
30056
+ "module": "src/search-bar/search-bar.types.ts"
30057
+ }
30058
+ },
30059
+ {
30060
+ "kind": "js",
30061
+ "name": "COMBO_INPUT_MIN_LENGTH",
30062
+ "declaration": {
30063
+ "name": "COMBO_INPUT_MIN_LENGTH",
30064
+ "module": "src/search-bar/search-bar.types.ts"
30065
+ }
30066
+ },
30067
+ {
30068
+ "kind": "js",
30069
+ "name": "getCriteriaBuilder",
30070
+ "declaration": {
30071
+ "name": "getCriteriaBuilder",
30072
+ "module": "src/search-bar/search-bar.types.ts"
30073
+ }
30074
+ }
30075
+ ]
30076
+ },
30077
+ {
30078
+ "kind": "javascript-module",
30079
+ "path": "src/segmented-control/index.ts",
30080
+ "declarations": [],
30081
+ "exports": [
30082
+ {
30083
+ "kind": "js",
30084
+ "name": "*",
30085
+ "declaration": {
30086
+ "name": "*",
30087
+ "package": "./segmented-control.template"
30088
+ }
30089
+ },
30090
+ {
30091
+ "kind": "js",
30092
+ "name": "*",
30093
+ "declaration": {
30094
+ "name": "*",
30095
+ "package": "./segmented-control.styles"
30096
+ }
30097
+ },
30098
+ {
30099
+ "kind": "js",
30100
+ "name": "*",
30101
+ "declaration": {
30102
+ "name": "*",
30103
+ "package": "./segmented-control"
30104
+ }
30105
+ }
30106
+ ]
30107
+ },
30108
+ {
30109
+ "kind": "javascript-module",
30110
+ "path": "src/segmented-control/segmented-control.styles.ts",
30111
+ "declarations": [
30112
+ {
30113
+ "kind": "function",
30114
+ "name": "foundationSegmentedControlStyles",
30115
+ "return": {
30116
+ "type": {
30117
+ "text": "ElementStyles"
30118
+ }
30119
+ },
30120
+ "parameters": [
30121
+ {
30122
+ "name": "context",
30123
+ "type": {
30124
+ "text": "ElementDefinitionContext"
30125
+ }
30126
+ },
30127
+ {
30128
+ "name": "definition",
30129
+ "type": {
30130
+ "text": "FoundationElementDefinition"
30131
+ }
30132
+ }
30133
+ ]
30134
+ }
30135
+ ],
30136
+ "exports": [
30137
+ {
30138
+ "kind": "js",
30139
+ "name": "foundationSegmentedControlStyles",
30140
+ "declaration": {
30141
+ "name": "foundationSegmentedControlStyles",
30142
+ "module": "src/segmented-control/segmented-control.styles.ts"
30143
+ }
30144
+ }
30145
+ ]
30146
+ },
30147
+ {
30148
+ "kind": "javascript-module",
30149
+ "path": "src/segmented-control/segmented-control.template.ts",
30150
+ "declarations": [
30151
+ {
30152
+ "kind": "function",
30153
+ "name": "foundationSegmentedControlTemplate",
30154
+ "return": {
30155
+ "type": {
30156
+ "text": "ViewTemplate<SegmentedControl>"
30157
+ }
30158
+ },
30159
+ "parameters": [
30160
+ {
30161
+ "name": "context",
30162
+ "type": {
30163
+ "text": "ElementDefinitionContext"
30164
+ }
30165
+ },
30166
+ {
30167
+ "name": "definition",
30168
+ "type": {
30169
+ "text": "FoundationElementDefinition"
30170
+ }
30171
+ }
30172
+ ]
30173
+ }
30174
+ ],
30175
+ "exports": [
30176
+ {
30177
+ "kind": "js",
30178
+ "name": "foundationSegmentedControlTemplate",
30183
30179
  "declaration": {
30184
- "name": "foundationSearchBar",
30185
- "module": "src/search-bar/search-bar.ts"
30180
+ "name": "foundationSegmentedControlTemplate",
30181
+ "module": "src/segmented-control/segmented-control.template.ts"
30186
30182
  }
30187
30183
  }
30188
30184
  ]
30189
30185
  },
30190
30186
  {
30191
30187
  "kind": "javascript-module",
30192
- "path": "src/search-bar/search-bar.types.ts",
30188
+ "path": "src/segmented-control/segmented-control.ts",
30193
30189
  "declarations": [
30194
30190
  {
30195
- "kind": "variable",
30196
- "name": "SCROLL_TIMEOUT",
30197
- "type": {
30198
- "text": "number"
30191
+ "kind": "class",
30192
+ "description": "",
30193
+ "name": "SegmentedControl",
30194
+ "members": [
30195
+ {
30196
+ "kind": "method",
30197
+ "name": "valueChanged",
30198
+ "privacy": "protected"
30199
+ }
30200
+ ],
30201
+ "superclass": {
30202
+ "name": "FASTRadioGroup",
30203
+ "package": "@microsoft/fast-foundation"
30199
30204
  },
30200
- "default": "10"
30205
+ "tagName": "%%prefix%%-segmented-control",
30206
+ "customElement": true
30201
30207
  },
30202
30208
  {
30203
30209
  "kind": "variable",
30204
- "name": "INPUT_MIN_LENGTH",
30210
+ "name": "foundationSegmentedControlShadowOptions",
30205
30211
  "type": {
30206
- "text": "number"
30212
+ "text": "ShadowRootInit"
30207
30213
  },
30208
- "default": "3"
30214
+ "default": "undefined"
30209
30215
  },
30210
30216
  {
30211
30217
  "kind": "variable",
30212
- "name": "COMBO_INPUT_MIN_LENGTH",
30218
+ "name": "defaultSegmentedControlConfig",
30213
30219
  "type": {
30214
- "text": "number"
30220
+ "text": "object"
30215
30221
  },
30216
- "default": "1"
30222
+ "default": "{}"
30217
30223
  },
30218
30224
  {
30219
- "kind": "function",
30220
- "name": "getCriteriaBuilder",
30221
- "parameters": [
30222
- {
30223
- "name": "field"
30224
- },
30225
- {
30226
- "name": "term"
30227
- }
30228
- ]
30225
+ "kind": "variable",
30226
+ "name": "foundationSegmentedControl",
30227
+ "description": "The Foundation Segmented Control",
30228
+ "privacy": "public"
30229
30229
  }
30230
30230
  ],
30231
30231
  "exports": [
30232
30232
  {
30233
30233
  "kind": "js",
30234
- "name": "SCROLL_TIMEOUT",
30234
+ "name": "SegmentedControl",
30235
30235
  "declaration": {
30236
- "name": "SCROLL_TIMEOUT",
30237
- "module": "src/search-bar/search-bar.types.ts"
30236
+ "name": "SegmentedControl",
30237
+ "module": "src/segmented-control/segmented-control.ts"
30238
30238
  }
30239
30239
  },
30240
30240
  {
30241
30241
  "kind": "js",
30242
- "name": "INPUT_MIN_LENGTH",
30242
+ "name": "foundationSegmentedControlShadowOptions",
30243
30243
  "declaration": {
30244
- "name": "INPUT_MIN_LENGTH",
30245
- "module": "src/search-bar/search-bar.types.ts"
30244
+ "name": "foundationSegmentedControlShadowOptions",
30245
+ "module": "src/segmented-control/segmented-control.ts"
30246
30246
  }
30247
30247
  },
30248
30248
  {
30249
30249
  "kind": "js",
30250
- "name": "COMBO_INPUT_MIN_LENGTH",
30250
+ "name": "defaultSegmentedControlConfig",
30251
30251
  "declaration": {
30252
- "name": "COMBO_INPUT_MIN_LENGTH",
30253
- "module": "src/search-bar/search-bar.types.ts"
30252
+ "name": "defaultSegmentedControlConfig",
30253
+ "module": "src/segmented-control/segmented-control.ts"
30254
30254
  }
30255
30255
  },
30256
30256
  {
30257
30257
  "kind": "js",
30258
- "name": "getCriteriaBuilder",
30258
+ "name": "foundationSegmentedControl",
30259
30259
  "declaration": {
30260
- "name": "getCriteriaBuilder",
30261
- "module": "src/search-bar/search-bar.types.ts"
30260
+ "name": "foundationSegmentedControl",
30261
+ "module": "src/segmented-control/segmented-control.ts"
30262
30262
  }
30263
30263
  }
30264
30264
  ]
@@ -32405,7 +32405,7 @@
32405
32405
  },
32406
32406
  {
32407
32407
  "kind": "javascript-module",
32408
- "path": "src/snackbar/index.ts",
32408
+ "path": "src/slider-label/index.ts",
32409
32409
  "declarations": [],
32410
32410
  "exports": [
32411
32411
  {
@@ -32413,7 +32413,7 @@
32413
32413
  "name": "*",
32414
32414
  "declaration": {
32415
32415
  "name": "*",
32416
- "package": "./snackbar.styles"
32416
+ "package": "./slider-label.template"
32417
32417
  }
32418
32418
  },
32419
32419
  {
@@ -32421,7 +32421,7 @@
32421
32421
  "name": "*",
32422
32422
  "declaration": {
32423
32423
  "name": "*",
32424
- "package": "./snackbar.template"
32424
+ "package": "./slider-label.styles"
32425
32425
  }
32426
32426
  },
32427
32427
  {
@@ -32429,188 +32429,248 @@
32429
32429
  "name": "*",
32430
32430
  "declaration": {
32431
32431
  "name": "*",
32432
- "package": "./snackbar"
32432
+ "package": "./slider-label"
32433
32433
  }
32434
32434
  }
32435
32435
  ]
32436
32436
  },
32437
32437
  {
32438
32438
  "kind": "javascript-module",
32439
- "path": "src/snackbar/snackbar.styles.ts",
32439
+ "path": "src/slider-label/slider-label.styles.ts",
32440
32440
  "declarations": [
32441
32441
  {
32442
- "kind": "variable",
32443
- "name": "foundationSnackbarStyles",
32444
- "type": {
32445
- "text": "ElementStyles"
32442
+ "kind": "function",
32443
+ "name": "foundationSliderLabelStyles",
32444
+ "return": {
32445
+ "type": {
32446
+ "text": "ElementStyles"
32447
+ }
32446
32448
  },
32447
- "default": "css`\n @keyframes append-animate {\n from {\n transform: translateX(100%);\n opacity: 0%;\n }\n\n to {\n transform: translateX(0%);\n opacity: 100%;\n }\n }\n\n @keyframes delete-animate {\n from {\n transform: translateX(0%);\n opacity: 100%;\n }\n\n to {\n transform: translateX(100%);\n opacity: 0%;\n }\n }\n\n :host {\n --snackbar-min-width: 356px;\n --snackbar-min-height: 55px;\n --snackbar-max-width: 496px;\n --snackbar-max-height: 55px;\n }\n\n .snackbar {\n animation: append-animate 0.3s linear;\n max-width: var(--snackbar-max-width);\n min-width: var(--snackbar-min-width);\n max-height: var(--snackbar-max-height);\n background-color: var(--fill-color);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border-width: thin;\n border-color: var(--neutral-fill-rest);\n box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n box-sizing: border-box;\n display: flex;\n position: fixed;\n bottom: 5px;\n flex-direction: row;\n padding: 2px 16px;\n }\n\n .snackbar-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .snackbar::after {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: calc(100% - 2px);\n width: 2px;\n border-radius: 2px;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
32449
+ "parameters": [
32450
+ {
32451
+ "name": "context",
32452
+ "type": {
32453
+ "text": "ElementDefinitionContext"
32454
+ }
32455
+ },
32456
+ {
32457
+ "name": "definition",
32458
+ "type": {
32459
+ "text": "FoundationElementDefinition"
32460
+ }
32461
+ }
32462
+ ]
32448
32463
  }
32449
32464
  ],
32450
32465
  "exports": [
32451
32466
  {
32452
32467
  "kind": "js",
32453
- "name": "foundationSnackbarStyles",
32468
+ "name": "foundationSliderLabelStyles",
32454
32469
  "declaration": {
32455
- "name": "foundationSnackbarStyles",
32456
- "module": "src/snackbar/snackbar.styles.ts"
32470
+ "name": "foundationSliderLabelStyles",
32471
+ "module": "src/slider-label/slider-label.styles.ts"
32457
32472
  }
32458
32473
  }
32459
32474
  ]
32460
32475
  },
32461
32476
  {
32462
32477
  "kind": "javascript-module",
32463
- "path": "src/snackbar/snackbar.template.ts",
32478
+ "path": "src/slider-label/slider-label.template.ts",
32464
32479
  "declarations": [
32465
32480
  {
32466
32481
  "kind": "function",
32467
- "name": "getPrefixedSnackbar",
32482
+ "name": "foundationSliderLabelTemplate",
32483
+ "return": {
32484
+ "type": {
32485
+ "text": "ViewTemplate<SliderLabel>"
32486
+ }
32487
+ },
32468
32488
  "parameters": [
32469
32489
  {
32470
- "name": "prefix",
32490
+ "name": "context",
32471
32491
  "type": {
32472
- "text": "string"
32492
+ "text": "ElementDefinitionContext"
32493
+ }
32494
+ },
32495
+ {
32496
+ "name": "definition",
32497
+ "type": {
32498
+ "text": "FoundationElementDefinition"
32473
32499
  }
32474
32500
  }
32475
32501
  ]
32476
- },
32477
- {
32478
- "kind": "variable",
32479
- "name": "foundationSnackbarTemplate",
32480
- "default": "html<Snackbar>`\n ${(x) => getPrefixedSnackbar(getPrefix(x))}\n`"
32481
32502
  }
32482
32503
  ],
32483
32504
  "exports": [
32484
32505
  {
32485
32506
  "kind": "js",
32486
- "name": "getPrefixedSnackbar",
32487
- "declaration": {
32488
- "name": "getPrefixedSnackbar",
32489
- "module": "src/snackbar/snackbar.template.ts"
32490
- }
32491
- },
32492
- {
32493
- "kind": "js",
32494
- "name": "foundationSnackbarTemplate",
32507
+ "name": "foundationSliderLabelTemplate",
32495
32508
  "declaration": {
32496
- "name": "foundationSnackbarTemplate",
32497
- "module": "src/snackbar/snackbar.template.ts"
32509
+ "name": "foundationSliderLabelTemplate",
32510
+ "module": "src/slider-label/slider-label.template.ts"
32498
32511
  }
32499
32512
  }
32500
32513
  ]
32501
32514
  },
32502
32515
  {
32503
32516
  "kind": "javascript-module",
32504
- "path": "src/snackbar/snackbar.ts",
32517
+ "path": "src/slider-label/slider-label.ts",
32505
32518
  "declarations": [
32506
- {
32507
- "kind": "variable",
32508
- "name": "foundationSnackbarShadowOptions",
32509
- "type": {
32510
- "text": "ShadowRootInit"
32511
- },
32512
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
32513
- },
32514
32519
  {
32515
32520
  "kind": "class",
32516
32521
  "description": "",
32517
- "name": "Snackbar",
32518
- "members": [
32522
+ "name": "SliderLabel",
32523
+ "superclass": {
32524
+ "name": "FASTSliderLabel",
32525
+ "package": "@microsoft/fast-components"
32526
+ },
32527
+ "tagName": "%%prefix%%-slider-label",
32528
+ "customElement": true,
32529
+ "attributes": [
32519
32530
  {
32520
- "kind": "field",
32521
- "name": "snackbar",
32531
+ "name": "position",
32522
32532
  "type": {
32523
- "text": "HTMLElement"
32533
+ "text": "string"
32524
32534
  },
32525
- "privacy": "public"
32535
+ "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
32536
+ "fieldName": "position",
32537
+ "inheritedFrom": {
32538
+ "name": "SliderLabel",
32539
+ "module": "src/slider-label/slider-label.ts"
32540
+ }
32526
32541
  },
32527
32542
  {
32528
- "kind": "field",
32529
- "name": "error",
32543
+ "name": "hide-mark",
32530
32544
  "type": {
32531
- "text": "ErrorStructure"
32545
+ "text": "boolean"
32546
+ },
32547
+ "default": "false",
32548
+ "description": "Hides the tick mark.",
32549
+ "fieldName": "hideMark",
32550
+ "inheritedFrom": {
32551
+ "name": "SliderLabel",
32552
+ "module": "src/slider-label/slider-label.ts"
32532
32553
  }
32533
32554
  },
32534
32555
  {
32535
- "kind": "field",
32536
- "name": "notification",
32556
+ "name": "disabled",
32537
32557
  "type": {
32538
- "text": "NotificationStructure"
32558
+ "text": "boolean"
32559
+ },
32560
+ "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
32561
+ "fieldName": "disabled",
32562
+ "inheritedFrom": {
32563
+ "name": "SliderLabel",
32564
+ "module": "src/slider-label/slider-label.ts"
32539
32565
  }
32540
- },
32566
+ }
32567
+ ],
32568
+ "members": [
32541
32569
  {
32542
32570
  "kind": "field",
32543
- "name": "deleteAnimation",
32571
+ "name": "position",
32544
32572
  "type": {
32545
32573
  "text": "string"
32546
32574
  },
32547
- "default": "''"
32575
+ "privacy": "public",
32576
+ "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
32577
+ "inheritedFrom": {
32578
+ "name": "SliderLabel",
32579
+ "module": "src/slider-label/slider-label.ts"
32580
+ }
32581
+ },
32582
+ {
32583
+ "kind": "method",
32584
+ "name": "positionChanged",
32585
+ "privacy": "private",
32586
+ "return": {
32587
+ "type": {
32588
+ "text": "void"
32589
+ }
32590
+ },
32591
+ "inheritedFrom": {
32592
+ "name": "SliderLabel",
32593
+ "module": "src/slider-label/slider-label.ts"
32594
+ }
32548
32595
  },
32549
32596
  {
32550
32597
  "kind": "field",
32551
- "name": "closeTimeout",
32598
+ "name": "hideMark",
32552
32599
  "type": {
32553
- "text": "number"
32600
+ "text": "boolean"
32554
32601
  },
32555
- "default": "10000"
32602
+ "privacy": "public",
32603
+ "default": "false",
32604
+ "description": "Hides the tick mark.",
32605
+ "inheritedFrom": {
32606
+ "name": "SliderLabel",
32607
+ "module": "src/slider-label/slider-label.ts"
32608
+ }
32556
32609
  },
32557
32610
  {
32558
32611
  "kind": "field",
32559
- "name": "autoClose",
32612
+ "name": "disabled",
32560
32613
  "type": {
32561
32614
  "text": "boolean"
32562
32615
  },
32563
- "default": "true"
32616
+ "privacy": "public",
32617
+ "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
32618
+ "inheritedFrom": {
32619
+ "name": "SliderLabel",
32620
+ "module": "src/slider-label/slider-label.ts"
32621
+ }
32564
32622
  },
32565
32623
  {
32566
32624
  "kind": "field",
32567
- "name": "type",
32625
+ "name": "notifier",
32568
32626
  "type": {
32569
- "text": "'error' | ''"
32627
+ "text": "Notifier"
32570
32628
  },
32571
- "default": "''"
32629
+ "privacy": "private",
32630
+ "inheritedFrom": {
32631
+ "name": "SliderLabel",
32632
+ "module": "src/slider-label/slider-label.ts"
32633
+ }
32572
32634
  },
32573
32635
  {
32574
32636
  "kind": "method",
32575
- "name": "errorChanged",
32637
+ "name": "isSliderConfig",
32638
+ "privacy": "private",
32639
+ "return": {
32640
+ "type": {
32641
+ "text": "node is SliderConfiguration"
32642
+ }
32643
+ },
32576
32644
  "parameters": [
32577
32645
  {
32578
- "name": "oldValue",
32579
- "type": {
32580
- "text": "ErrorStructure"
32581
- }
32582
- },
32583
- {
32584
- "name": "newValue",
32646
+ "name": "node",
32585
32647
  "type": {
32586
- "text": "ErrorStructure"
32648
+ "text": "any"
32587
32649
  }
32588
32650
  }
32589
- ]
32651
+ ],
32652
+ "inheritedFrom": {
32653
+ "name": "SliderLabel",
32654
+ "module": "src/slider-label/slider-label.ts"
32655
+ }
32590
32656
  },
32591
32657
  {
32592
- "kind": "method",
32593
- "name": "notificationChanged",
32594
- "parameters": [
32595
- {
32596
- "name": "oldValue",
32597
- "type": {
32598
- "text": "NotificationStructure"
32599
- }
32600
- },
32601
- {
32602
- "name": "newValue",
32603
- "type": {
32604
- "text": "NotificationStructure"
32605
- }
32606
- }
32607
- ]
32658
+ "kind": "field",
32659
+ "name": "getSliderConfiguration",
32660
+ "privacy": "private",
32661
+ "inheritedFrom": {
32662
+ "name": "SliderLabel",
32663
+ "module": "src/slider-label/slider-label.ts"
32664
+ }
32608
32665
  },
32609
32666
  {
32610
- "kind": "method",
32611
- "name": "dismiss",
32612
- "privacy": "public",
32613
- "description": "Remove the snackbar from display."
32667
+ "kind": "field",
32668
+ "name": "positionAsStyle",
32669
+ "privacy": "private",
32670
+ "inheritedFrom": {
32671
+ "name": "SliderLabel",
32672
+ "module": "src/slider-label/slider-label.ts"
32673
+ }
32614
32674
  },
32615
32675
  {
32616
32676
  "kind": "field",
@@ -32723,80 +32783,69 @@
32723
32783
  "module": "src/foundation-element/foundation-element.ts"
32724
32784
  }
32725
32785
  }
32726
- ],
32727
- "attributes": [
32728
- {
32729
- "name": "close-timeout",
32730
- "type": {
32731
- "text": "number"
32732
- },
32733
- "default": "CLOSE_TIMEOUT",
32734
- "resolveInitializer": {
32735
- "module": "src/snackbar/snackbar.ts"
32736
- },
32737
- "fieldName": "closeTimeout"
32738
- },
32739
- {
32740
- "name": "auto-close",
32741
- "type": {
32742
- "text": "boolean"
32743
- },
32744
- "default": "true",
32745
- "fieldName": "autoClose"
32746
- },
32747
- {
32748
- "name": "type",
32749
- "type": {
32750
- "text": "'error' | ''"
32751
- },
32752
- "default": "''",
32753
- "fieldName": "type"
32754
- }
32755
- ],
32756
- "superclass": {
32757
- "name": "FoundationElement",
32758
- "package": "@microsoft/fast-foundation"
32786
+ ]
32787
+ },
32788
+ {
32789
+ "kind": "variable",
32790
+ "name": "foundationSliderLabelShadowOptions",
32791
+ "type": {
32792
+ "text": "ShadowRootInit"
32759
32793
  },
32760
- "tagName": "%%prefix%%-snackbar",
32761
- "customElement": true
32794
+ "default": "undefined"
32762
32795
  },
32763
32796
  {
32764
32797
  "kind": "variable",
32765
- "name": "foundationSnackbar",
32766
- "description": "The Foundation Snackbar",
32798
+ "name": "defaultSliderLabelConfig",
32799
+ "type": {
32800
+ "text": "object"
32801
+ },
32802
+ "default": "{}"
32803
+ },
32804
+ {
32805
+ "kind": "variable",
32806
+ "name": "foundationSliderLabel",
32807
+ "description": "The Foundation Slider Label",
32767
32808
  "privacy": "public"
32768
32809
  }
32769
32810
  ],
32770
32811
  "exports": [
32771
32812
  {
32772
32813
  "kind": "js",
32773
- "name": "foundationSnackbarShadowOptions",
32814
+ "name": "SliderLabel",
32774
32815
  "declaration": {
32775
- "name": "foundationSnackbarShadowOptions",
32776
- "module": "src/snackbar/snackbar.ts"
32816
+ "name": "SliderLabel",
32817
+ "module": "src/slider-label/slider-label.ts"
32777
32818
  }
32778
32819
  },
32779
32820
  {
32780
32821
  "kind": "js",
32781
- "name": "Snackbar",
32822
+ "name": "foundationSliderLabelShadowOptions",
32782
32823
  "declaration": {
32783
- "name": "Snackbar",
32784
- "module": "src/snackbar/snackbar.ts"
32824
+ "name": "foundationSliderLabelShadowOptions",
32825
+ "module": "src/slider-label/slider-label.ts"
32785
32826
  }
32786
32827
  },
32787
32828
  {
32788
32829
  "kind": "js",
32789
- "name": "foundationSnackbar",
32830
+ "name": "defaultSliderLabelConfig",
32790
32831
  "declaration": {
32791
- "name": "foundationSnackbar",
32792
- "module": "src/snackbar/snackbar.ts"
32832
+ "name": "defaultSliderLabelConfig",
32833
+ "module": "src/slider-label/slider-label.ts"
32834
+ }
32835
+ },
32836
+ {
32837
+ "kind": "js",
32838
+ "name": "foundationSliderLabel",
32839
+ "declaration": {
32840
+ "name": "foundationSliderLabel",
32841
+ "module": "src/slider-label/slider-label.ts"
32793
32842
  }
32794
32843
  }
32795
32844
  ]
32796
32845
  },
32797
32846
  {
32798
32847
  "kind": "javascript-module",
32799
- "path": "src/slider-label/index.ts",
32848
+ "path": "src/snackbar/index.ts",
32800
32849
  "declarations": [],
32801
32850
  "exports": [
32802
32851
  {
@@ -32804,7 +32853,7 @@
32804
32853
  "name": "*",
32805
32854
  "declaration": {
32806
32855
  "name": "*",
32807
- "package": "./slider-label.template"
32856
+ "package": "./snackbar.styles"
32808
32857
  }
32809
32858
  },
32810
32859
  {
@@ -32812,7 +32861,7 @@
32812
32861
  "name": "*",
32813
32862
  "declaration": {
32814
32863
  "name": "*",
32815
- "package": "./slider-label.styles"
32864
+ "package": "./snackbar.template"
32816
32865
  }
32817
32866
  },
32818
32867
  {
@@ -32820,248 +32869,188 @@
32820
32869
  "name": "*",
32821
32870
  "declaration": {
32822
32871
  "name": "*",
32823
- "package": "./slider-label"
32872
+ "package": "./snackbar"
32824
32873
  }
32825
32874
  }
32826
32875
  ]
32827
32876
  },
32828
32877
  {
32829
32878
  "kind": "javascript-module",
32830
- "path": "src/slider-label/slider-label.styles.ts",
32879
+ "path": "src/snackbar/snackbar.styles.ts",
32831
32880
  "declarations": [
32832
32881
  {
32833
- "kind": "function",
32834
- "name": "foundationSliderLabelStyles",
32835
- "return": {
32836
- "type": {
32837
- "text": "ElementStyles"
32838
- }
32882
+ "kind": "variable",
32883
+ "name": "foundationSnackbarStyles",
32884
+ "type": {
32885
+ "text": "ElementStyles"
32839
32886
  },
32840
- "parameters": [
32841
- {
32842
- "name": "context",
32843
- "type": {
32844
- "text": "ElementDefinitionContext"
32845
- }
32846
- },
32847
- {
32848
- "name": "definition",
32849
- "type": {
32850
- "text": "FoundationElementDefinition"
32851
- }
32852
- }
32853
- ]
32887
+ "default": "css`\n @keyframes append-animate {\n from {\n transform: translateX(100%);\n opacity: 0%;\n }\n\n to {\n transform: translateX(0%);\n opacity: 100%;\n }\n }\n\n @keyframes delete-animate {\n from {\n transform: translateX(0%);\n opacity: 100%;\n }\n\n to {\n transform: translateX(100%);\n opacity: 0%;\n }\n }\n\n :host {\n --snackbar-min-width: 356px;\n --snackbar-min-height: 55px;\n --snackbar-max-width: 496px;\n --snackbar-max-height: 55px;\n }\n\n .snackbar {\n animation: append-animate 0.3s linear;\n max-width: var(--snackbar-max-width);\n min-width: var(--snackbar-min-width);\n max-height: var(--snackbar-max-height);\n background-color: var(--fill-color);\n border-radius: calc(var(--control-corner-radius) * 1px);\n border-width: thin;\n border-color: var(--neutral-fill-rest);\n box-shadow: 0 2px 5px 0 rgb(0 0 0 / 35%);\n box-sizing: border-box;\n display: flex;\n position: fixed;\n bottom: 5px;\n flex-direction: row;\n padding: 2px 16px;\n }\n\n .snackbar-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .snackbar::after {\n content: '';\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n height: calc(100% - 2px);\n width: 2px;\n border-radius: 2px;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
32854
32888
  }
32855
32889
  ],
32856
32890
  "exports": [
32857
32891
  {
32858
32892
  "kind": "js",
32859
- "name": "foundationSliderLabelStyles",
32893
+ "name": "foundationSnackbarStyles",
32860
32894
  "declaration": {
32861
- "name": "foundationSliderLabelStyles",
32862
- "module": "src/slider-label/slider-label.styles.ts"
32895
+ "name": "foundationSnackbarStyles",
32896
+ "module": "src/snackbar/snackbar.styles.ts"
32863
32897
  }
32864
32898
  }
32865
32899
  ]
32866
32900
  },
32867
32901
  {
32868
32902
  "kind": "javascript-module",
32869
- "path": "src/slider-label/slider-label.template.ts",
32903
+ "path": "src/snackbar/snackbar.template.ts",
32870
32904
  "declarations": [
32871
32905
  {
32872
32906
  "kind": "function",
32873
- "name": "foundationSliderLabelTemplate",
32874
- "return": {
32875
- "type": {
32876
- "text": "ViewTemplate<SliderLabel>"
32877
- }
32878
- },
32907
+ "name": "getPrefixedSnackbar",
32879
32908
  "parameters": [
32880
32909
  {
32881
- "name": "context",
32882
- "type": {
32883
- "text": "ElementDefinitionContext"
32884
- }
32885
- },
32886
- {
32887
- "name": "definition",
32910
+ "name": "prefix",
32888
32911
  "type": {
32889
- "text": "FoundationElementDefinition"
32912
+ "text": "string"
32890
32913
  }
32891
32914
  }
32892
32915
  ]
32916
+ },
32917
+ {
32918
+ "kind": "variable",
32919
+ "name": "foundationSnackbarTemplate",
32920
+ "default": "html<Snackbar>`\n ${(x) => getPrefixedSnackbar(getPrefix(x))}\n`"
32893
32921
  }
32894
32922
  ],
32895
32923
  "exports": [
32896
32924
  {
32897
32925
  "kind": "js",
32898
- "name": "foundationSliderLabelTemplate",
32926
+ "name": "getPrefixedSnackbar",
32927
+ "declaration": {
32928
+ "name": "getPrefixedSnackbar",
32929
+ "module": "src/snackbar/snackbar.template.ts"
32930
+ }
32931
+ },
32932
+ {
32933
+ "kind": "js",
32934
+ "name": "foundationSnackbarTemplate",
32899
32935
  "declaration": {
32900
- "name": "foundationSliderLabelTemplate",
32901
- "module": "src/slider-label/slider-label.template.ts"
32936
+ "name": "foundationSnackbarTemplate",
32937
+ "module": "src/snackbar/snackbar.template.ts"
32902
32938
  }
32903
32939
  }
32904
32940
  ]
32905
32941
  },
32906
32942
  {
32907
32943
  "kind": "javascript-module",
32908
- "path": "src/slider-label/slider-label.ts",
32944
+ "path": "src/snackbar/snackbar.ts",
32909
32945
  "declarations": [
32946
+ {
32947
+ "kind": "variable",
32948
+ "name": "foundationSnackbarShadowOptions",
32949
+ "type": {
32950
+ "text": "ShadowRootInit"
32951
+ },
32952
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
32953
+ },
32910
32954
  {
32911
32955
  "kind": "class",
32912
32956
  "description": "",
32913
- "name": "SliderLabel",
32914
- "superclass": {
32915
- "name": "FASTSliderLabel",
32916
- "package": "@microsoft/fast-components"
32917
- },
32918
- "tagName": "%%prefix%%-slider-label",
32919
- "customElement": true,
32920
- "attributes": [
32957
+ "name": "Snackbar",
32958
+ "members": [
32921
32959
  {
32922
- "name": "position",
32960
+ "kind": "field",
32961
+ "name": "snackbar",
32923
32962
  "type": {
32924
- "text": "string"
32963
+ "text": "HTMLElement"
32925
32964
  },
32926
- "description": "The position of the label relative to the min and max value of the parent @microsoft/fast-foundation#(Slider:class).",
32927
- "fieldName": "position",
32928
- "inheritedFrom": {
32929
- "name": "SliderLabel",
32930
- "module": "src/slider-label/slider-label.ts"
32931
- }
32965
+ "privacy": "public"
32932
32966
  },
32933
32967
  {
32934
- "name": "hide-mark",
32968
+ "kind": "field",
32969
+ "name": "error",
32935
32970
  "type": {
32936
- "text": "boolean"
32937
- },
32938
- "default": "false",
32939
- "description": "Hides the tick mark.",
32940
- "fieldName": "hideMark",
32941
- "inheritedFrom": {
32942
- "name": "SliderLabel",
32943
- "module": "src/slider-label/slider-label.ts"
32971
+ "text": "ErrorStructure"
32944
32972
  }
32945
32973
  },
32946
32974
  {
32947
- "name": "disabled",
32975
+ "kind": "field",
32976
+ "name": "notification",
32948
32977
  "type": {
32949
- "text": "boolean"
32950
- },
32951
- "description": "The disabled state of the label. This is generally controlled by the parent @microsoft/fast-foundation#(Slider:class).",
32952
- "fieldName": "disabled",
32953
- "inheritedFrom": {
32954
- "name": "SliderLabel",
32955
- "module": "src/slider-label/slider-label.ts"
32978
+ "text": "NotificationStructure"
32956
32979
  }
32957
- }
32958
- ],
32959
- "members": [
32980
+ },
32960
32981
  {
32961
32982
  "kind": "field",
32962
- "name": "position",
32983
+ "name": "deleteAnimation",
32963
32984
  "type": {
32964
32985
  "text": "string"
32965
32986
  },
32966
- "privacy": "public",
32967
- "description": "The position of the label relative to the min and max value of the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
32968
- "inheritedFrom": {
32969
- "name": "SliderLabel",
32970
- "module": "src/slider-label/slider-label.ts"
32971
- }
32972
- },
32973
- {
32974
- "kind": "method",
32975
- "name": "positionChanged",
32976
- "privacy": "private",
32977
- "return": {
32978
- "type": {
32979
- "text": "void"
32980
- }
32981
- },
32982
- "inheritedFrom": {
32983
- "name": "SliderLabel",
32984
- "module": "src/slider-label/slider-label.ts"
32985
- }
32987
+ "default": "''"
32986
32988
  },
32987
32989
  {
32988
32990
  "kind": "field",
32989
- "name": "hideMark",
32991
+ "name": "closeTimeout",
32990
32992
  "type": {
32991
- "text": "boolean"
32993
+ "text": "number"
32992
32994
  },
32993
- "privacy": "public",
32994
- "default": "false",
32995
- "description": "Hides the tick mark.",
32996
- "inheritedFrom": {
32997
- "name": "SliderLabel",
32998
- "module": "src/slider-label/slider-label.ts"
32999
- }
32995
+ "default": "10000"
33000
32996
  },
33001
32997
  {
33002
32998
  "kind": "field",
33003
- "name": "disabled",
32999
+ "name": "autoClose",
33004
33000
  "type": {
33005
33001
  "text": "boolean"
33006
33002
  },
33007
- "privacy": "public",
33008
- "description": "The disabled state of the label. This is generally controlled by the parent {@link @microsoft/fast-foundation#(Slider:class)}.",
33009
- "inheritedFrom": {
33010
- "name": "SliderLabel",
33011
- "module": "src/slider-label/slider-label.ts"
33012
- }
33003
+ "default": "true"
33013
33004
  },
33014
33005
  {
33015
33006
  "kind": "field",
33016
- "name": "notifier",
33007
+ "name": "type",
33017
33008
  "type": {
33018
- "text": "Notifier"
33009
+ "text": "'error' | ''"
33019
33010
  },
33020
- "privacy": "private",
33021
- "inheritedFrom": {
33022
- "name": "SliderLabel",
33023
- "module": "src/slider-label/slider-label.ts"
33024
- }
33011
+ "default": "''"
33025
33012
  },
33026
33013
  {
33027
33014
  "kind": "method",
33028
- "name": "isSliderConfig",
33029
- "privacy": "private",
33030
- "return": {
33031
- "type": {
33032
- "text": "node is SliderConfiguration"
33033
- }
33034
- },
33015
+ "name": "errorChanged",
33035
33016
  "parameters": [
33036
33017
  {
33037
- "name": "node",
33018
+ "name": "oldValue",
33038
33019
  "type": {
33039
- "text": "any"
33020
+ "text": "ErrorStructure"
33021
+ }
33022
+ },
33023
+ {
33024
+ "name": "newValue",
33025
+ "type": {
33026
+ "text": "ErrorStructure"
33040
33027
  }
33041
33028
  }
33042
- ],
33043
- "inheritedFrom": {
33044
- "name": "SliderLabel",
33045
- "module": "src/slider-label/slider-label.ts"
33046
- }
33029
+ ]
33047
33030
  },
33048
33031
  {
33049
- "kind": "field",
33050
- "name": "getSliderConfiguration",
33051
- "privacy": "private",
33052
- "inheritedFrom": {
33053
- "name": "SliderLabel",
33054
- "module": "src/slider-label/slider-label.ts"
33055
- }
33032
+ "kind": "method",
33033
+ "name": "notificationChanged",
33034
+ "parameters": [
33035
+ {
33036
+ "name": "oldValue",
33037
+ "type": {
33038
+ "text": "NotificationStructure"
33039
+ }
33040
+ },
33041
+ {
33042
+ "name": "newValue",
33043
+ "type": {
33044
+ "text": "NotificationStructure"
33045
+ }
33046
+ }
33047
+ ]
33056
33048
  },
33057
33049
  {
33058
- "kind": "field",
33059
- "name": "positionAsStyle",
33060
- "privacy": "private",
33061
- "inheritedFrom": {
33062
- "name": "SliderLabel",
33063
- "module": "src/slider-label/slider-label.ts"
33064
- }
33050
+ "kind": "method",
33051
+ "name": "dismiss",
33052
+ "privacy": "public",
33053
+ "description": "Remove the snackbar from display."
33065
33054
  },
33066
33055
  {
33067
33056
  "kind": "field",
@@ -33174,62 +33163,73 @@
33174
33163
  "module": "src/foundation-element/foundation-element.ts"
33175
33164
  }
33176
33165
  }
33177
- ]
33178
- },
33179
- {
33180
- "kind": "variable",
33181
- "name": "foundationSliderLabelShadowOptions",
33182
- "type": {
33183
- "text": "ShadowRootInit"
33184
- },
33185
- "default": "undefined"
33186
- },
33187
- {
33188
- "kind": "variable",
33189
- "name": "defaultSliderLabelConfig",
33190
- "type": {
33191
- "text": "object"
33166
+ ],
33167
+ "attributes": [
33168
+ {
33169
+ "name": "close-timeout",
33170
+ "type": {
33171
+ "text": "number"
33172
+ },
33173
+ "default": "CLOSE_TIMEOUT",
33174
+ "resolveInitializer": {
33175
+ "module": "src/snackbar/snackbar.ts"
33176
+ },
33177
+ "fieldName": "closeTimeout"
33178
+ },
33179
+ {
33180
+ "name": "auto-close",
33181
+ "type": {
33182
+ "text": "boolean"
33183
+ },
33184
+ "default": "true",
33185
+ "fieldName": "autoClose"
33186
+ },
33187
+ {
33188
+ "name": "type",
33189
+ "type": {
33190
+ "text": "'error' | ''"
33191
+ },
33192
+ "default": "''",
33193
+ "fieldName": "type"
33194
+ }
33195
+ ],
33196
+ "superclass": {
33197
+ "name": "FoundationElement",
33198
+ "package": "@microsoft/fast-foundation"
33192
33199
  },
33193
- "default": "{}"
33200
+ "tagName": "%%prefix%%-snackbar",
33201
+ "customElement": true
33194
33202
  },
33195
33203
  {
33196
33204
  "kind": "variable",
33197
- "name": "foundationSliderLabel",
33198
- "description": "The Foundation Slider Label",
33205
+ "name": "foundationSnackbar",
33206
+ "description": "The Foundation Snackbar",
33199
33207
  "privacy": "public"
33200
33208
  }
33201
33209
  ],
33202
33210
  "exports": [
33203
33211
  {
33204
33212
  "kind": "js",
33205
- "name": "SliderLabel",
33206
- "declaration": {
33207
- "name": "SliderLabel",
33208
- "module": "src/slider-label/slider-label.ts"
33209
- }
33210
- },
33211
- {
33212
- "kind": "js",
33213
- "name": "foundationSliderLabelShadowOptions",
33213
+ "name": "foundationSnackbarShadowOptions",
33214
33214
  "declaration": {
33215
- "name": "foundationSliderLabelShadowOptions",
33216
- "module": "src/slider-label/slider-label.ts"
33215
+ "name": "foundationSnackbarShadowOptions",
33216
+ "module": "src/snackbar/snackbar.ts"
33217
33217
  }
33218
33218
  },
33219
33219
  {
33220
33220
  "kind": "js",
33221
- "name": "defaultSliderLabelConfig",
33221
+ "name": "Snackbar",
33222
33222
  "declaration": {
33223
- "name": "defaultSliderLabelConfig",
33224
- "module": "src/slider-label/slider-label.ts"
33223
+ "name": "Snackbar",
33224
+ "module": "src/snackbar/snackbar.ts"
33225
33225
  }
33226
33226
  },
33227
33227
  {
33228
33228
  "kind": "js",
33229
- "name": "foundationSliderLabel",
33229
+ "name": "foundationSnackbar",
33230
33230
  "declaration": {
33231
- "name": "foundationSliderLabel",
33232
- "module": "src/slider-label/slider-label.ts"
33231
+ "name": "foundationSnackbar",
33232
+ "module": "src/snackbar/snackbar.ts"
33233
33233
  }
33234
33234
  }
33235
33235
  ]