@genesislcap/foundation-ui 14.150.0 → 14.150.1

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 +633 -633
  2. package/package.json +15 -15
@@ -785,78 +785,6 @@
785
785
  }
786
786
  ]
787
787
  },
788
- {
789
- "kind": "javascript-module",
790
- "path": "src/_common/icons.ts",
791
- "declarations": [
792
- {
793
- "kind": "function",
794
- "name": "closeIcon",
795
- "parameters": [
796
- {
797
- "name": "slot",
798
- "default": "'start'"
799
- }
800
- ]
801
- }
802
- ],
803
- "exports": [
804
- {
805
- "kind": "js",
806
- "name": "closeIcon",
807
- "declaration": {
808
- "name": "closeIcon",
809
- "module": "src/_common/icons.ts"
810
- }
811
- }
812
- ]
813
- },
814
- {
815
- "kind": "javascript-module",
816
- "path": "src/_common/index.ts",
817
- "declarations": [],
818
- "exports": [
819
- {
820
- "kind": "js",
821
- "name": "*",
822
- "declaration": {
823
- "name": "*",
824
- "package": "./icons"
825
- }
826
- }
827
- ]
828
- },
829
- {
830
- "kind": "javascript-module",
831
- "path": "src/_config/index.ts",
832
- "declarations": [],
833
- "exports": [
834
- {
835
- "kind": "js",
836
- "name": "*",
837
- "declaration": {
838
- "name": "*",
839
- "package": "./styles"
840
- }
841
- },
842
- {
843
- "kind": "js",
844
- "name": "*",
845
- "declaration": {
846
- "name": "*",
847
- "package": "./tokens"
848
- }
849
- },
850
- {
851
- "kind": "js",
852
- "name": "*",
853
- "declaration": {
854
- "name": "*",
855
- "package": "./values"
856
- }
857
- }
858
- ]
859
- },
860
788
  {
861
789
  "kind": "javascript-module",
862
790
  "path": "src/accordion/accordion.styles.ts",
@@ -4102,6 +4030,78 @@
4102
4030
  }
4103
4031
  ]
4104
4032
  },
4033
+ {
4034
+ "kind": "javascript-module",
4035
+ "path": "src/_config/index.ts",
4036
+ "declarations": [],
4037
+ "exports": [
4038
+ {
4039
+ "kind": "js",
4040
+ "name": "*",
4041
+ "declaration": {
4042
+ "name": "*",
4043
+ "package": "./styles"
4044
+ }
4045
+ },
4046
+ {
4047
+ "kind": "js",
4048
+ "name": "*",
4049
+ "declaration": {
4050
+ "name": "*",
4051
+ "package": "./tokens"
4052
+ }
4053
+ },
4054
+ {
4055
+ "kind": "js",
4056
+ "name": "*",
4057
+ "declaration": {
4058
+ "name": "*",
4059
+ "package": "./values"
4060
+ }
4061
+ }
4062
+ ]
4063
+ },
4064
+ {
4065
+ "kind": "javascript-module",
4066
+ "path": "src/_common/icons.ts",
4067
+ "declarations": [
4068
+ {
4069
+ "kind": "function",
4070
+ "name": "closeIcon",
4071
+ "parameters": [
4072
+ {
4073
+ "name": "slot",
4074
+ "default": "'start'"
4075
+ }
4076
+ ]
4077
+ }
4078
+ ],
4079
+ "exports": [
4080
+ {
4081
+ "kind": "js",
4082
+ "name": "closeIcon",
4083
+ "declaration": {
4084
+ "name": "closeIcon",
4085
+ "module": "src/_common/icons.ts"
4086
+ }
4087
+ }
4088
+ ]
4089
+ },
4090
+ {
4091
+ "kind": "javascript-module",
4092
+ "path": "src/_common/index.ts",
4093
+ "declarations": [],
4094
+ "exports": [
4095
+ {
4096
+ "kind": "js",
4097
+ "name": "*",
4098
+ "declaration": {
4099
+ "name": "*",
4100
+ "package": "./icons"
4101
+ }
4102
+ }
4103
+ ]
4104
+ },
4105
4105
  {
4106
4106
  "kind": "javascript-module",
4107
4107
  "path": "src/avatar/avatar.styles.ts",
@@ -20886,7 +20886,7 @@
20886
20886
  },
20887
20887
  {
20888
20888
  "kind": "javascript-module",
20889
- "path": "src/menu/index.ts",
20889
+ "path": "src/listbox-option/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": "./menu.template"
20897
+ "package": "./listbox-option.template"
20898
20898
  }
20899
20899
  },
20900
20900
  {
@@ -20902,7 +20902,7 @@
20902
20902
  "name": "*",
20903
20903
  "declaration": {
20904
20904
  "name": "*",
20905
- "package": "./menu.styles"
20905
+ "package": "./listbox-option.styles"
20906
20906
  }
20907
20907
  },
20908
20908
  {
@@ -20910,18 +20910,18 @@
20910
20910
  "name": "*",
20911
20911
  "declaration": {
20912
20912
  "name": "*",
20913
- "package": "./menu"
20913
+ "package": "./listbox-option"
20914
20914
  }
20915
20915
  }
20916
20916
  ]
20917
20917
  },
20918
20918
  {
20919
20919
  "kind": "javascript-module",
20920
- "path": "src/menu/menu.styles.ts",
20920
+ "path": "src/listbox-option/listbox-option.styles.ts",
20921
20921
  "declarations": [
20922
20922
  {
20923
20923
  "kind": "function",
20924
- "name": "foundationMenuStyles",
20924
+ "name": "foundationListboxOptionStyles",
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": "foundationMenuStyles",
20949
+ "name": "foundationListboxOptionStyles",
20950
20950
  "declaration": {
20951
- "name": "foundationMenuStyles",
20952
- "module": "src/menu/menu.styles.ts"
20951
+ "name": "foundationListboxOptionStyles",
20952
+ "module": "src/listbox-option/listbox-option.styles.ts"
20953
20953
  }
20954
20954
  }
20955
20955
  ]
20956
20956
  },
20957
20957
  {
20958
20958
  "kind": "javascript-module",
20959
- "path": "src/menu/menu.template.ts",
20959
+ "path": "src/listbox-option/listbox-option.template.ts",
20960
20960
  "declarations": [
20961
20961
  {
20962
20962
  "kind": "function",
20963
- "name": "foundationMenuTemplate",
20963
+ "name": "foundationListboxOptionTemplate",
20964
20964
  "return": {
20965
20965
  "type": {
20966
- "text": "ViewTemplate<Menu>"
20966
+ "text": "ViewTemplate<ListboxOption>"
20967
20967
  }
20968
20968
  },
20969
20969
  "parameters": [
@@ -20985,225 +20985,278 @@
20985
20985
  "exports": [
20986
20986
  {
20987
20987
  "kind": "js",
20988
- "name": "foundationMenuTemplate",
20988
+ "name": "foundationListboxOptionTemplate",
20989
20989
  "declaration": {
20990
- "name": "foundationMenuTemplate",
20991
- "module": "src/menu/menu.template.ts"
20990
+ "name": "foundationListboxOptionTemplate",
20991
+ "module": "src/listbox-option/listbox-option.template.ts"
20992
20992
  }
20993
20993
  }
20994
20994
  ]
20995
20995
  },
20996
20996
  {
20997
20997
  "kind": "javascript-module",
20998
- "path": "src/menu/menu.ts",
20998
+ "path": "src/listbox-option/listbox-option.ts",
20999
20999
  "declarations": [
21000
21000
  {
21001
21001
  "kind": "class",
21002
21002
  "description": "",
21003
- "name": "Menu",
21003
+ "name": "ListboxOption",
21004
21004
  "superclass": {
21005
- "name": "FASTMenu",
21005
+ "name": "FASTListboxOption",
21006
21006
  "package": "@microsoft/fast-components"
21007
21007
  },
21008
- "tagName": "%%prefix%%-menu",
21008
+ "tagName": "%%prefix%%-option",
21009
21009
  "customElement": true,
21010
- "members": [
21010
+ "attributes": [
21011
21011
  {
21012
- "kind": "method",
21013
- "name": "itemsChanged",
21014
- "privacy": "private",
21015
- "return": {
21016
- "type": {
21017
- "text": "void"
21018
- }
21012
+ "type": {
21013
+ "text": "boolean"
21019
21014
  },
21020
- "parameters": [
21021
- {
21022
- "name": "oldValue",
21023
- "type": {
21024
- "text": "HTMLElement[]"
21025
- }
21026
- },
21027
- {
21028
- "name": "newValue",
21029
- "type": {
21030
- "text": "HTMLElement[]"
21031
- }
21032
- }
21033
- ],
21015
+ "description": "The disabled state of the option.",
21016
+ "fieldName": "disabled",
21034
21017
  "inheritedFrom": {
21035
- "name": "Menu",
21036
- "module": "src/menu/menu.ts"
21018
+ "name": "ListboxOption",
21019
+ "module": "src/listbox-option/listbox-option.ts"
21037
21020
  }
21038
21021
  },
21039
21022
  {
21040
- "kind": "field",
21041
- "name": "menuItems",
21023
+ "name": "selected",
21042
21024
  "type": {
21043
- "text": "Element[] | undefined"
21025
+ "text": "boolean"
21044
21026
  },
21045
- "privacy": "private",
21027
+ "description": "The selected attribute value. This sets the initial selected value.",
21028
+ "fieldName": "selectedAttribute",
21046
21029
  "inheritedFrom": {
21047
- "name": "Menu",
21048
- "module": "src/menu/menu.ts"
21030
+ "name": "ListboxOption",
21031
+ "module": "src/listbox-option/listbox-option.ts"
21049
21032
  }
21050
21033
  },
21051
21034
  {
21052
- "kind": "field",
21053
- "name": "expandedItem",
21035
+ "name": "value",
21054
21036
  "type": {
21055
- "text": "MenuItem | null"
21037
+ "text": "string"
21056
21038
  },
21057
- "privacy": "private",
21058
- "default": "null",
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",
21059
21041
  "inheritedFrom": {
21060
- "name": "Menu",
21061
- "module": "src/menu/menu.ts"
21042
+ "name": "ListboxOption",
21043
+ "module": "src/listbox-option/listbox-option.ts"
21062
21044
  }
21063
- },
21045
+ }
21046
+ ],
21047
+ "members": [
21064
21048
  {
21065
21049
  "kind": "field",
21066
- "name": "focusIndex",
21050
+ "name": "checked",
21067
21051
  "type": {
21068
- "text": "number"
21052
+ "text": "boolean | undefined"
21069
21053
  },
21070
- "privacy": "private",
21071
- "default": "-1",
21072
- "description": "The index of the focusable element in the items array\ndefaults to -1",
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.",
21073
21056
  "inheritedFrom": {
21074
- "name": "Menu",
21075
- "module": "src/menu/menu.ts"
21076
- }
21077
- },
21078
- {
21079
- "kind": "field",
21080
- "name": "focusableElementRoles",
21081
- "type": {
21082
- "text": "{ [key: string]: string }"
21083
- },
21084
- "privacy": "private",
21085
- "static": true,
21086
- "default": "roleForMenuItem",
21087
- "inheritedFrom": {
21088
- "name": "Menu",
21089
- "module": "src/menu/menu.ts"
21057
+ "name": "ListboxOption",
21058
+ "module": "src/listbox-option/listbox-option.ts"
21090
21059
  }
21091
21060
  },
21092
21061
  {
21093
21062
  "kind": "method",
21094
- "name": "focus",
21063
+ "name": "checkedChanged",
21095
21064
  "privacy": "public",
21096
21065
  "return": {
21097
21066
  "type": {
21098
21067
  "text": "void"
21099
21068
  }
21100
21069
  },
21101
- "description": "Focuses the first item in the menu.",
21070
+ "parameters": [
21071
+ {
21072
+ "name": "prev",
21073
+ "type": {
21074
+ "text": "boolean | unknown"
21075
+ },
21076
+ "description": "the previous checked value"
21077
+ },
21078
+ {
21079
+ "name": "next",
21080
+ "optional": true,
21081
+ "type": {
21082
+ "text": "boolean"
21083
+ },
21084
+ "description": "the current checked value"
21085
+ }
21086
+ ],
21087
+ "description": "Updates the ariaChecked property when the checked property changes.",
21102
21088
  "inheritedFrom": {
21103
- "name": "Menu",
21104
- "module": "src/menu/menu.ts"
21089
+ "name": "ListboxOption",
21090
+ "module": "src/listbox-option/listbox-option.ts"
21105
21091
  }
21106
21092
  },
21107
21093
  {
21108
- "kind": "method",
21109
- "name": "collapseExpandedItem",
21094
+ "kind": "field",
21095
+ "name": "content",
21096
+ "type": {
21097
+ "text": "Node[]"
21098
+ },
21110
21099
  "privacy": "public",
21100
+ "description": "The default slotted content.",
21101
+ "inheritedFrom": {
21102
+ "name": "ListboxOption",
21103
+ "module": "src/listbox-option/listbox-option.ts"
21104
+ }
21105
+ },
21106
+ {
21107
+ "kind": "field",
21108
+ "name": "defaultSelected",
21109
+ "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",
21111
21124
  "return": {
21112
21125
  "type": {
21113
21126
  "text": "void"
21114
21127
  }
21115
21128
  },
21116
- "description": "Collapses any expanded menu items.",
21117
21129
  "inheritedFrom": {
21118
- "name": "Menu",
21119
- "module": "src/menu/menu.ts"
21130
+ "name": "ListboxOption",
21131
+ "module": "src/listbox-option/listbox-option.ts"
21120
21132
  }
21121
21133
  },
21122
21134
  {
21123
21135
  "kind": "field",
21124
- "name": "handleItemFocus",
21125
- "privacy": "private",
21136
+ "name": "disabled",
21137
+ "type": {
21138
+ "text": "boolean"
21139
+ },
21140
+ "privacy": "public",
21141
+ "description": "The disabled state of the option.",
21126
21142
  "inheritedFrom": {
21127
- "name": "Menu",
21128
- "module": "src/menu/menu.ts"
21143
+ "name": "ListboxOption",
21144
+ "module": "src/listbox-option/listbox-option.ts"
21129
21145
  }
21130
21146
  },
21131
21147
  {
21132
- "kind": "field",
21133
- "name": "handleExpandedChanged",
21134
- "privacy": "private",
21148
+ "kind": "method",
21149
+ "name": "disabledChanged",
21150
+ "privacy": "protected",
21151
+ "return": {
21152
+ "type": {
21153
+ "text": "void"
21154
+ }
21155
+ },
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
+ ],
21135
21170
  "inheritedFrom": {
21136
- "name": "Menu",
21137
- "module": "src/menu/menu.ts"
21171
+ "name": "ListboxOption",
21172
+ "module": "src/listbox-option/listbox-option.ts"
21138
21173
  }
21139
21174
  },
21140
21175
  {
21141
21176
  "kind": "field",
21142
- "name": "removeItemListeners",
21143
- "privacy": "private",
21177
+ "name": "selectedAttribute",
21178
+ "type": {
21179
+ "text": "boolean"
21180
+ },
21181
+ "privacy": "public",
21182
+ "description": "The selected attribute value. This sets the initial selected value.",
21144
21183
  "inheritedFrom": {
21145
- "name": "Menu",
21146
- "module": "src/menu/menu.ts"
21184
+ "name": "ListboxOption",
21185
+ "module": "src/listbox-option/listbox-option.ts"
21147
21186
  }
21148
21187
  },
21149
21188
  {
21150
- "kind": "field",
21151
- "name": "setItems",
21152
- "privacy": "private",
21189
+ "kind": "method",
21190
+ "name": "selectedAttributeChanged",
21191
+ "privacy": "protected",
21192
+ "return": {
21193
+ "type": {
21194
+ "text": "void"
21195
+ }
21196
+ },
21153
21197
  "inheritedFrom": {
21154
- "name": "Menu",
21155
- "module": "src/menu/menu.ts"
21198
+ "name": "ListboxOption",
21199
+ "module": "src/listbox-option/listbox-option.ts"
21156
21200
  }
21157
21201
  },
21158
21202
  {
21159
21203
  "kind": "field",
21160
- "name": "changeHandler",
21161
- "privacy": "private",
21162
- "description": "handle change from child element",
21204
+ "name": "selected",
21205
+ "type": {
21206
+ "text": "boolean"
21207
+ },
21208
+ "privacy": "public",
21209
+ "description": "The checked state of the control.",
21163
21210
  "inheritedFrom": {
21164
- "name": "Menu",
21165
- "module": "src/menu/menu.ts"
21211
+ "name": "ListboxOption",
21212
+ "module": "src/listbox-option/listbox-option.ts"
21166
21213
  }
21167
21214
  },
21168
21215
  {
21169
21216
  "kind": "method",
21170
- "name": "domChildren",
21171
- "privacy": "private",
21217
+ "name": "selectedChanged",
21218
+ "privacy": "protected",
21172
21219
  "return": {
21173
21220
  "type": {
21174
- "text": "Element[]"
21221
+ "text": "void"
21175
21222
  }
21176
21223
  },
21177
- "description": "get an array of valid DOM children",
21178
21224
  "inheritedFrom": {
21179
- "name": "Menu",
21180
- "module": "src/menu/menu.ts"
21225
+ "name": "ListboxOption",
21226
+ "module": "src/listbox-option/listbox-option.ts"
21181
21227
  }
21182
21228
  },
21183
21229
  {
21184
21230
  "kind": "field",
21185
- "name": "isMenuItemElement",
21186
- "privacy": "private",
21187
- "description": "check if the item is a menu item",
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",
21188
21238
  "inheritedFrom": {
21189
- "name": "Menu",
21190
- "module": "src/menu/menu.ts"
21239
+ "name": "ListboxOption",
21240
+ "module": "src/listbox-option/listbox-option.ts"
21191
21241
  }
21192
21242
  },
21193
21243
  {
21194
21244
  "kind": "field",
21195
- "name": "isFocusableElement",
21196
- "privacy": "private",
21197
- "description": "check if the item is focusable",
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.",
21198
21251
  "inheritedFrom": {
21199
- "name": "Menu",
21200
- "module": "src/menu/menu.ts"
21252
+ "name": "ListboxOption",
21253
+ "module": "src/listbox-option/listbox-option.ts"
21201
21254
  }
21202
21255
  },
21203
21256
  {
21204
21257
  "kind": "method",
21205
- "name": "setFocus",
21206
- "privacy": "private",
21258
+ "name": "initialValueChanged",
21259
+ "privacy": "public",
21207
21260
  "return": {
21208
21261
  "type": {
21209
21262
  "text": "void"
@@ -21211,21 +21264,75 @@
21211
21264
  },
21212
21265
  "parameters": [
21213
21266
  {
21214
- "name": "focusIndex",
21267
+ "name": "previous",
21215
21268
  "type": {
21216
- "text": "number"
21269
+ "text": "string"
21217
21270
  }
21218
21271
  },
21219
21272
  {
21220
- "name": "adjustment",
21273
+ "name": "next",
21221
21274
  "type": {
21222
- "text": "number"
21275
+ "text": "string"
21223
21276
  }
21224
21277
  }
21225
21278
  ],
21226
21279
  "inheritedFrom": {
21227
- "name": "Menu",
21228
- "module": "src/menu/menu.ts"
21280
+ "name": "ListboxOption",
21281
+ "module": "src/listbox-option/listbox-option.ts"
21282
+ }
21283
+ },
21284
+ {
21285
+ "kind": "field",
21286
+ "name": "label",
21287
+ "privacy": "public",
21288
+ "inheritedFrom": {
21289
+ "name": "ListboxOption",
21290
+ "module": "src/listbox-option/listbox-option.ts"
21291
+ }
21292
+ },
21293
+ {
21294
+ "kind": "field",
21295
+ "name": "text",
21296
+ "type": {
21297
+ "text": "string"
21298
+ },
21299
+ "privacy": "public",
21300
+ "inheritedFrom": {
21301
+ "name": "ListboxOption",
21302
+ "module": "src/listbox-option/listbox-option.ts"
21303
+ }
21304
+ },
21305
+ {
21306
+ "kind": "field",
21307
+ "name": "value",
21308
+ "privacy": "public",
21309
+ "type": {
21310
+ "text": "string"
21311
+ },
21312
+ "inheritedFrom": {
21313
+ "name": "ListboxOption",
21314
+ "module": "src/listbox-option/listbox-option.ts"
21315
+ }
21316
+ },
21317
+ {
21318
+ "kind": "field",
21319
+ "name": "form",
21320
+ "type": {
21321
+ "text": "HTMLFormElement | null"
21322
+ },
21323
+ "privacy": "public",
21324
+ "inheritedFrom": {
21325
+ "name": "ListboxOption",
21326
+ "module": "src/listbox-option/listbox-option.ts"
21327
+ }
21328
+ },
21329
+ {
21330
+ "kind": "field",
21331
+ "name": "proxy",
21332
+ "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
21333
+ "inheritedFrom": {
21334
+ "name": "ListboxOption",
21335
+ "module": "src/listbox-option/listbox-option.ts"
21229
21336
  }
21230
21337
  },
21231
21338
  {
@@ -21343,7 +21450,7 @@
21343
21450
  },
21344
21451
  {
21345
21452
  "kind": "variable",
21346
- "name": "foundationMenuShadowOptions",
21453
+ "name": "foundationListboxOptionShadowOptions",
21347
21454
  "type": {
21348
21455
  "text": "ShadowRootInit"
21349
21456
  },
@@ -21351,7 +21458,7 @@
21351
21458
  },
21352
21459
  {
21353
21460
  "kind": "variable",
21354
- "name": "defaultMenuConfig",
21461
+ "name": "defaultListboxOptionConfig",
21355
21462
  "type": {
21356
21463
  "text": "object"
21357
21464
  },
@@ -21359,49 +21466,47 @@
21359
21466
  },
21360
21467
  {
21361
21468
  "kind": "variable",
21362
- "name": "foundationMenu",
21363
- "description": "The Foundation Menu",
21364
- "privacy": "public"
21469
+ "name": "foundationListboxOption"
21365
21470
  }
21366
21471
  ],
21367
21472
  "exports": [
21368
21473
  {
21369
21474
  "kind": "js",
21370
- "name": "Menu",
21475
+ "name": "ListboxOption",
21371
21476
  "declaration": {
21372
- "name": "Menu",
21373
- "module": "src/menu/menu.ts"
21477
+ "name": "ListboxOption",
21478
+ "module": "src/listbox-option/listbox-option.ts"
21374
21479
  }
21375
21480
  },
21376
21481
  {
21377
21482
  "kind": "js",
21378
- "name": "foundationMenuShadowOptions",
21483
+ "name": "foundationListboxOptionShadowOptions",
21379
21484
  "declaration": {
21380
- "name": "foundationMenuShadowOptions",
21381
- "module": "src/menu/menu.ts"
21485
+ "name": "foundationListboxOptionShadowOptions",
21486
+ "module": "src/listbox-option/listbox-option.ts"
21382
21487
  }
21383
21488
  },
21384
21489
  {
21385
21490
  "kind": "js",
21386
- "name": "defaultMenuConfig",
21491
+ "name": "defaultListboxOptionConfig",
21387
21492
  "declaration": {
21388
- "name": "defaultMenuConfig",
21389
- "module": "src/menu/menu.ts"
21493
+ "name": "defaultListboxOptionConfig",
21494
+ "module": "src/listbox-option/listbox-option.ts"
21390
21495
  }
21391
21496
  },
21392
21497
  {
21393
21498
  "kind": "js",
21394
- "name": "foundationMenu",
21499
+ "name": "foundationListboxOption",
21395
21500
  "declaration": {
21396
- "name": "foundationMenu",
21397
- "module": "src/menu/menu.ts"
21501
+ "name": "foundationListboxOption",
21502
+ "module": "src/listbox-option/listbox-option.ts"
21398
21503
  }
21399
21504
  }
21400
21505
  ]
21401
21506
  },
21402
21507
  {
21403
21508
  "kind": "javascript-module",
21404
- "path": "src/menu-item/index.ts",
21509
+ "path": "src/menu/index.ts",
21405
21510
  "declarations": [],
21406
21511
  "exports": [
21407
21512
  {
@@ -21409,7 +21514,7 @@
21409
21514
  "name": "*",
21410
21515
  "declaration": {
21411
21516
  "name": "*",
21412
- "package": "./menu-item.template"
21517
+ "package": "./menu.template"
21413
21518
  }
21414
21519
  },
21415
21520
  {
@@ -21417,7 +21522,7 @@
21417
21522
  "name": "*",
21418
21523
  "declaration": {
21419
21524
  "name": "*",
21420
- "package": "./menu-item.styles"
21525
+ "package": "./menu.styles"
21421
21526
  }
21422
21527
  },
21423
21528
  {
@@ -21425,18 +21530,18 @@
21425
21530
  "name": "*",
21426
21531
  "declaration": {
21427
21532
  "name": "*",
21428
- "package": "./menu-item"
21533
+ "package": "./menu"
21429
21534
  }
21430
21535
  }
21431
21536
  ]
21432
21537
  },
21433
21538
  {
21434
21539
  "kind": "javascript-module",
21435
- "path": "src/menu-item/menu-item.styles.ts",
21540
+ "path": "src/menu/menu.styles.ts",
21436
21541
  "declarations": [
21437
21542
  {
21438
21543
  "kind": "function",
21439
- "name": "foundationMenuItemStyles",
21544
+ "name": "foundationMenuStyles",
21440
21545
  "return": {
21441
21546
  "type": {
21442
21547
  "text": "ElementStyles"
@@ -21452,7 +21557,7 @@
21452
21557
  {
21453
21558
  "name": "definition",
21454
21559
  "type": {
21455
- "text": "MenuItemOptions"
21560
+ "text": "FoundationElementDefinition"
21456
21561
  }
21457
21562
  }
21458
21563
  ]
@@ -21461,24 +21566,24 @@
21461
21566
  "exports": [
21462
21567
  {
21463
21568
  "kind": "js",
21464
- "name": "foundationMenuItemStyles",
21569
+ "name": "foundationMenuStyles",
21465
21570
  "declaration": {
21466
- "name": "foundationMenuItemStyles",
21467
- "module": "src/menu-item/menu-item.styles.ts"
21571
+ "name": "foundationMenuStyles",
21572
+ "module": "src/menu/menu.styles.ts"
21468
21573
  }
21469
21574
  }
21470
21575
  ]
21471
21576
  },
21472
21577
  {
21473
21578
  "kind": "javascript-module",
21474
- "path": "src/menu-item/menu-item.template.ts",
21579
+ "path": "src/menu/menu.template.ts",
21475
21580
  "declarations": [
21476
21581
  {
21477
21582
  "kind": "function",
21478
- "name": "foundationMenuItemTemplate",
21583
+ "name": "foundationMenuTemplate",
21479
21584
  "return": {
21480
21585
  "type": {
21481
- "text": "ViewTemplate<MenuItem>"
21586
+ "text": "ViewTemplate<Menu>"
21482
21587
  }
21483
21588
  },
21484
21589
  "parameters": [
@@ -21491,7 +21596,7 @@
21491
21596
  {
21492
21597
  "name": "definition",
21493
21598
  "type": {
21494
- "text": "MenuItemOptions"
21599
+ "text": "FoundationElementDefinition"
21495
21600
  }
21496
21601
  }
21497
21602
  ]
@@ -21500,194 +21605,247 @@
21500
21605
  "exports": [
21501
21606
  {
21502
21607
  "kind": "js",
21503
- "name": "foundationMenuItemTemplate",
21608
+ "name": "foundationMenuTemplate",
21504
21609
  "declaration": {
21505
- "name": "foundationMenuItemTemplate",
21506
- "module": "src/menu-item/menu-item.template.ts"
21610
+ "name": "foundationMenuTemplate",
21611
+ "module": "src/menu/menu.template.ts"
21507
21612
  }
21508
21613
  }
21509
21614
  ]
21510
21615
  },
21511
21616
  {
21512
21617
  "kind": "javascript-module",
21513
- "path": "src/menu-item/menu-item.ts",
21618
+ "path": "src/menu/menu.ts",
21514
21619
  "declarations": [
21515
21620
  {
21516
21621
  "kind": "class",
21517
21622
  "description": "",
21518
- "name": "MenuItem",
21623
+ "name": "Menu",
21519
21624
  "superclass": {
21520
- "name": "FASTMenuItem",
21625
+ "name": "FASTMenu",
21521
21626
  "package": "@microsoft/fast-components"
21522
21627
  },
21523
- "tagName": "%%prefix%%-menu-item",
21628
+ "tagName": "%%prefix%%-menu",
21524
21629
  "customElement": true,
21525
- "attributes": [
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
+ },
21526
21659
  {
21660
+ "kind": "field",
21661
+ "name": "menuItems",
21527
21662
  "type": {
21528
- "text": "boolean"
21663
+ "text": "Element[] | undefined"
21529
21664
  },
21530
- "description": "The disabled state of the element.",
21531
- "fieldName": "disabled",
21665
+ "privacy": "private",
21532
21666
  "inheritedFrom": {
21533
- "name": "MenuItem",
21534
- "module": "src/menu-item/menu-item.ts"
21667
+ "name": "Menu",
21668
+ "module": "src/menu/menu.ts"
21535
21669
  }
21536
21670
  },
21537
21671
  {
21538
- "name": "role",
21672
+ "kind": "field",
21673
+ "name": "expandedItem",
21539
21674
  "type": {
21540
- "text": "MenuItemRole"
21675
+ "text": "MenuItem | null"
21541
21676
  },
21542
- "description": "The role of the element.",
21543
- "fieldName": "role",
21677
+ "privacy": "private",
21678
+ "default": "null",
21544
21679
  "inheritedFrom": {
21545
- "name": "MenuItem",
21546
- "module": "src/menu-item/menu-item.ts"
21680
+ "name": "Menu",
21681
+ "module": "src/menu/menu.ts"
21547
21682
  }
21548
- }
21549
- ],
21550
- "members": [
21683
+ },
21551
21684
  {
21552
21685
  "kind": "field",
21553
- "name": "disabled",
21686
+ "name": "focusIndex",
21554
21687
  "type": {
21555
- "text": "boolean"
21688
+ "text": "number"
21556
21689
  },
21557
- "privacy": "public",
21558
- "description": "The disabled state of the element.",
21690
+ "privacy": "private",
21691
+ "default": "-1",
21692
+ "description": "The index of the focusable element in the items array\ndefaults to -1",
21559
21693
  "inheritedFrom": {
21560
- "name": "MenuItem",
21561
- "module": "src/menu-item/menu-item.ts"
21694
+ "name": "Menu",
21695
+ "module": "src/menu/menu.ts"
21562
21696
  }
21563
21697
  },
21564
21698
  {
21565
21699
  "kind": "field",
21566
- "name": "expanded",
21700
+ "name": "focusableElementRoles",
21567
21701
  "type": {
21568
- "text": "boolean"
21702
+ "text": "{ [key: string]: string }"
21569
21703
  },
21570
- "privacy": "public",
21571
- "description": "The expanded state of the element.",
21704
+ "privacy": "private",
21705
+ "static": true,
21706
+ "default": "roleForMenuItem",
21572
21707
  "inheritedFrom": {
21573
- "name": "MenuItem",
21574
- "module": "src/menu-item/menu-item.ts"
21708
+ "name": "Menu",
21709
+ "module": "src/menu/menu.ts"
21575
21710
  }
21576
21711
  },
21577
21712
  {
21578
21713
  "kind": "method",
21579
- "name": "expandedChanged",
21580
- "privacy": "private",
21714
+ "name": "focus",
21715
+ "privacy": "public",
21581
21716
  "return": {
21582
21717
  "type": {
21583
21718
  "text": "void"
21584
21719
  }
21585
21720
  },
21586
- "parameters": [
21587
- {
21588
- "name": "oldValue",
21589
- "type": {
21590
- "text": "boolean"
21591
- }
21721
+ "description": "Focuses the first item in the menu.",
21722
+ "inheritedFrom": {
21723
+ "name": "Menu",
21724
+ "module": "src/menu/menu.ts"
21725
+ }
21726
+ },
21727
+ {
21728
+ "kind": "method",
21729
+ "name": "collapseExpandedItem",
21730
+ "privacy": "public",
21731
+ "return": {
21732
+ "type": {
21733
+ "text": "void"
21592
21734
  }
21593
- ],
21735
+ },
21736
+ "description": "Collapses any expanded menu items.",
21594
21737
  "inheritedFrom": {
21595
- "name": "MenuItem",
21596
- "module": "src/menu-item/menu-item.ts"
21738
+ "name": "Menu",
21739
+ "module": "src/menu/menu.ts"
21597
21740
  }
21598
21741
  },
21599
21742
  {
21600
21743
  "kind": "field",
21601
- "name": "role",
21602
- "type": {
21603
- "text": "MenuItemRole"
21604
- },
21605
- "privacy": "public",
21606
- "description": "The role of the element.",
21744
+ "name": "handleItemFocus",
21745
+ "privacy": "private",
21607
21746
  "inheritedFrom": {
21608
- "name": "MenuItem",
21609
- "module": "src/menu-item/menu-item.ts"
21747
+ "name": "Menu",
21748
+ "module": "src/menu/menu.ts"
21610
21749
  }
21611
21750
  },
21612
21751
  {
21613
21752
  "kind": "field",
21614
- "name": "checked",
21615
- "type": {
21616
- "text": "boolean"
21617
- },
21618
- "privacy": "public",
21619
- "description": "The checked value of the element.",
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",
21763
+ "privacy": "private",
21764
+ "inheritedFrom": {
21765
+ "name": "Menu",
21766
+ "module": "src/menu/menu.ts"
21767
+ }
21768
+ },
21769
+ {
21770
+ "kind": "field",
21771
+ "name": "setItems",
21772
+ "privacy": "private",
21773
+ "inheritedFrom": {
21774
+ "name": "Menu",
21775
+ "module": "src/menu/menu.ts"
21776
+ }
21777
+ },
21778
+ {
21779
+ "kind": "field",
21780
+ "name": "changeHandler",
21781
+ "privacy": "private",
21782
+ "description": "handle change from child element",
21620
21783
  "inheritedFrom": {
21621
- "name": "MenuItem",
21622
- "module": "src/menu-item/menu-item.ts"
21784
+ "name": "Menu",
21785
+ "module": "src/menu/menu.ts"
21623
21786
  }
21624
21787
  },
21625
21788
  {
21626
21789
  "kind": "method",
21627
- "name": "checkedChanged",
21790
+ "name": "domChildren",
21628
21791
  "privacy": "private",
21629
21792
  "return": {
21630
21793
  "type": {
21631
- "text": "void"
21794
+ "text": "Element[]"
21632
21795
  }
21633
21796
  },
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
- ],
21797
+ "description": "get an array of valid DOM children",
21648
21798
  "inheritedFrom": {
21649
- "name": "MenuItem",
21650
- "module": "src/menu-item/menu-item.ts"
21799
+ "name": "Menu",
21800
+ "module": "src/menu/menu.ts"
21651
21801
  }
21652
21802
  },
21653
21803
  {
21654
21804
  "kind": "field",
21655
- "name": "focusSubmenuOnLoad",
21656
- "type": {
21657
- "text": "boolean"
21658
- },
21805
+ "name": "isMenuItemElement",
21659
21806
  "privacy": "private",
21660
- "default": "false",
21807
+ "description": "check if the item is a menu item",
21661
21808
  "inheritedFrom": {
21662
- "name": "MenuItem",
21663
- "module": "src/menu-item/menu-item.ts"
21809
+ "name": "Menu",
21810
+ "module": "src/menu/menu.ts"
21664
21811
  }
21665
21812
  },
21666
21813
  {
21667
21814
  "kind": "field",
21668
- "name": "observer",
21669
- "type": {
21670
- "text": "MutationObserver | undefined"
21671
- },
21815
+ "name": "isFocusableElement",
21672
21816
  "privacy": "private",
21817
+ "description": "check if the item is focusable",
21673
21818
  "inheritedFrom": {
21674
- "name": "MenuItem",
21675
- "module": "src/menu-item/menu-item.ts"
21819
+ "name": "Menu",
21820
+ "module": "src/menu/menu.ts"
21676
21821
  }
21677
21822
  },
21678
21823
  {
21679
21824
  "kind": "method",
21680
- "name": "domChildren",
21825
+ "name": "setFocus",
21681
21826
  "privacy": "private",
21682
21827
  "return": {
21683
21828
  "type": {
21684
- "text": "Element[]"
21829
+ "text": "void"
21685
21830
  }
21686
21831
  },
21687
- "description": "get an array of valid DOM children",
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
+ ],
21688
21846
  "inheritedFrom": {
21689
- "name": "MenuItem",
21690
- "module": "src/menu-item/menu-item.ts"
21847
+ "name": "Menu",
21848
+ "module": "src/menu/menu.ts"
21691
21849
  }
21692
21850
  },
21693
21851
  {
@@ -21801,29 +21959,11 @@
21801
21959
  "module": "src/foundation-element/foundation-element.ts"
21802
21960
  }
21803
21961
  }
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
- }
21822
21962
  ]
21823
21963
  },
21824
21964
  {
21825
21965
  "kind": "variable",
21826
- "name": "foundationMenuItemShadowOptions",
21966
+ "name": "foundationMenuShadowOptions",
21827
21967
  "type": {
21828
21968
  "text": "ShadowRootInit"
21829
21969
  },
@@ -21831,57 +21971,57 @@
21831
21971
  },
21832
21972
  {
21833
21973
  "kind": "variable",
21834
- "name": "defaultMenuItemConfig",
21974
+ "name": "defaultMenuConfig",
21835
21975
  "type": {
21836
21976
  "text": "object"
21837
21977
  },
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}"
21978
+ "default": "{}"
21839
21979
  },
21840
21980
  {
21841
21981
  "kind": "variable",
21842
- "name": "foundationMenuItem",
21843
- "description": "The Foundation Menu Item",
21982
+ "name": "foundationMenu",
21983
+ "description": "The Foundation Menu",
21844
21984
  "privacy": "public"
21845
21985
  }
21846
21986
  ],
21847
21987
  "exports": [
21848
21988
  {
21849
21989
  "kind": "js",
21850
- "name": "MenuItem",
21990
+ "name": "Menu",
21851
21991
  "declaration": {
21852
- "name": "MenuItem",
21853
- "module": "src/menu-item/menu-item.ts"
21992
+ "name": "Menu",
21993
+ "module": "src/menu/menu.ts"
21854
21994
  }
21855
21995
  },
21856
21996
  {
21857
21997
  "kind": "js",
21858
- "name": "foundationMenuItemShadowOptions",
21998
+ "name": "foundationMenuShadowOptions",
21859
21999
  "declaration": {
21860
- "name": "foundationMenuItemShadowOptions",
21861
- "module": "src/menu-item/menu-item.ts"
22000
+ "name": "foundationMenuShadowOptions",
22001
+ "module": "src/menu/menu.ts"
21862
22002
  }
21863
22003
  },
21864
22004
  {
21865
22005
  "kind": "js",
21866
- "name": "defaultMenuItemConfig",
22006
+ "name": "defaultMenuConfig",
21867
22007
  "declaration": {
21868
- "name": "defaultMenuItemConfig",
21869
- "module": "src/menu-item/menu-item.ts"
22008
+ "name": "defaultMenuConfig",
22009
+ "module": "src/menu/menu.ts"
21870
22010
  }
21871
22011
  },
21872
22012
  {
21873
22013
  "kind": "js",
21874
- "name": "foundationMenuItem",
22014
+ "name": "foundationMenu",
21875
22015
  "declaration": {
21876
- "name": "foundationMenuItem",
21877
- "module": "src/menu-item/menu-item.ts"
22016
+ "name": "foundationMenu",
22017
+ "module": "src/menu/menu.ts"
21878
22018
  }
21879
22019
  }
21880
22020
  ]
21881
22021
  },
21882
22022
  {
21883
22023
  "kind": "javascript-module",
21884
- "path": "src/listbox-option/index.ts",
22024
+ "path": "src/menu-item/index.ts",
21885
22025
  "declarations": [],
21886
22026
  "exports": [
21887
22027
  {
@@ -21889,7 +22029,7 @@
21889
22029
  "name": "*",
21890
22030
  "declaration": {
21891
22031
  "name": "*",
21892
- "package": "./listbox-option.template"
22032
+ "package": "./menu-item.template"
21893
22033
  }
21894
22034
  },
21895
22035
  {
@@ -21897,7 +22037,7 @@
21897
22037
  "name": "*",
21898
22038
  "declaration": {
21899
22039
  "name": "*",
21900
- "package": "./listbox-option.styles"
22040
+ "package": "./menu-item.styles"
21901
22041
  }
21902
22042
  },
21903
22043
  {
@@ -21905,18 +22045,18 @@
21905
22045
  "name": "*",
21906
22046
  "declaration": {
21907
22047
  "name": "*",
21908
- "package": "./listbox-option"
22048
+ "package": "./menu-item"
21909
22049
  }
21910
22050
  }
21911
22051
  ]
21912
22052
  },
21913
22053
  {
21914
22054
  "kind": "javascript-module",
21915
- "path": "src/listbox-option/listbox-option.styles.ts",
22055
+ "path": "src/menu-item/menu-item.styles.ts",
21916
22056
  "declarations": [
21917
22057
  {
21918
22058
  "kind": "function",
21919
- "name": "foundationListboxOptionStyles",
22059
+ "name": "foundationMenuItemStyles",
21920
22060
  "return": {
21921
22061
  "type": {
21922
22062
  "text": "ElementStyles"
@@ -21932,7 +22072,7 @@
21932
22072
  {
21933
22073
  "name": "definition",
21934
22074
  "type": {
21935
- "text": "FoundationElementDefinition"
22075
+ "text": "MenuItemOptions"
21936
22076
  }
21937
22077
  }
21938
22078
  ]
@@ -21941,24 +22081,24 @@
21941
22081
  "exports": [
21942
22082
  {
21943
22083
  "kind": "js",
21944
- "name": "foundationListboxOptionStyles",
22084
+ "name": "foundationMenuItemStyles",
21945
22085
  "declaration": {
21946
- "name": "foundationListboxOptionStyles",
21947
- "module": "src/listbox-option/listbox-option.styles.ts"
22086
+ "name": "foundationMenuItemStyles",
22087
+ "module": "src/menu-item/menu-item.styles.ts"
21948
22088
  }
21949
22089
  }
21950
22090
  ]
21951
22091
  },
21952
22092
  {
21953
22093
  "kind": "javascript-module",
21954
- "path": "src/listbox-option/listbox-option.template.ts",
22094
+ "path": "src/menu-item/menu-item.template.ts",
21955
22095
  "declarations": [
21956
22096
  {
21957
22097
  "kind": "function",
21958
- "name": "foundationListboxOptionTemplate",
22098
+ "name": "foundationMenuItemTemplate",
21959
22099
  "return": {
21960
22100
  "type": {
21961
- "text": "ViewTemplate<ListboxOption>"
22101
+ "text": "ViewTemplate<MenuItem>"
21962
22102
  }
21963
22103
  },
21964
22104
  "parameters": [
@@ -21971,7 +22111,7 @@
21971
22111
  {
21972
22112
  "name": "definition",
21973
22113
  "type": {
21974
- "text": "FoundationElementDefinition"
22114
+ "text": "MenuItemOptions"
21975
22115
  }
21976
22116
  }
21977
22117
  ]
@@ -21980,169 +22120,84 @@
21980
22120
  "exports": [
21981
22121
  {
21982
22122
  "kind": "js",
21983
- "name": "foundationListboxOptionTemplate",
22123
+ "name": "foundationMenuItemTemplate",
21984
22124
  "declaration": {
21985
- "name": "foundationListboxOptionTemplate",
21986
- "module": "src/listbox-option/listbox-option.template.ts"
22125
+ "name": "foundationMenuItemTemplate",
22126
+ "module": "src/menu-item/menu-item.template.ts"
21987
22127
  }
21988
22128
  }
21989
22129
  ]
21990
22130
  },
21991
22131
  {
21992
22132
  "kind": "javascript-module",
21993
- "path": "src/listbox-option/listbox-option.ts",
22133
+ "path": "src/menu-item/menu-item.ts",
21994
22134
  "declarations": [
21995
22135
  {
21996
22136
  "kind": "class",
21997
22137
  "description": "",
21998
- "name": "ListboxOption",
22138
+ "name": "MenuItem",
21999
22139
  "superclass": {
22000
- "name": "FASTListboxOption",
22140
+ "name": "FASTMenuItem",
22001
22141
  "package": "@microsoft/fast-components"
22002
22142
  },
22003
- "tagName": "%%prefix%%-option",
22143
+ "tagName": "%%prefix%%-menu-item",
22004
22144
  "customElement": true,
22005
22145
  "attributes": [
22006
22146
  {
22007
22147
  "type": {
22008
22148
  "text": "boolean"
22009
22149
  },
22010
- "description": "The disabled state of the option.",
22150
+ "description": "The disabled state of the element.",
22011
22151
  "fieldName": "disabled",
22012
22152
  "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.",
22083
- "inheritedFrom": {
22084
- "name": "ListboxOption",
22085
- "module": "src/listbox-option/listbox-option.ts"
22086
- }
22087
- },
22088
- {
22089
- "kind": "field",
22090
- "name": "content",
22091
- "type": {
22092
- "text": "Node[]"
22093
- },
22094
- "privacy": "public",
22095
- "description": "The default slotted content.",
22096
- "inheritedFrom": {
22097
- "name": "ListboxOption",
22098
- "module": "src/listbox-option/listbox-option.ts"
22153
+ "name": "MenuItem",
22154
+ "module": "src/menu-item/menu-item.ts"
22099
22155
  }
22100
22156
  },
22101
22157
  {
22102
- "kind": "field",
22103
- "name": "defaultSelected",
22158
+ "name": "role",
22104
22159
  "type": {
22105
- "text": "boolean"
22160
+ "text": "MenuItemRole"
22106
22161
  },
22107
- "privacy": "public",
22108
- "default": "false",
22109
- "description": "The defaultSelected state of the option.",
22162
+ "description": "The role of the element.",
22163
+ "fieldName": "role",
22110
22164
  "inheritedFrom": {
22111
- "name": "ListboxOption",
22112
- "module": "src/listbox-option/listbox-option.ts"
22165
+ "name": "MenuItem",
22166
+ "module": "src/menu-item/menu-item.ts"
22113
22167
  }
22114
- },
22168
+ }
22169
+ ],
22170
+ "members": [
22115
22171
  {
22116
- "kind": "method",
22117
- "name": "defaultSelectedChanged",
22118
- "privacy": "protected",
22119
- "return": {
22120
- "type": {
22121
- "text": "void"
22122
- }
22172
+ "kind": "field",
22173
+ "name": "disabled",
22174
+ "type": {
22175
+ "text": "boolean"
22123
22176
  },
22177
+ "privacy": "public",
22178
+ "description": "The disabled state of the element.",
22124
22179
  "inheritedFrom": {
22125
- "name": "ListboxOption",
22126
- "module": "src/listbox-option/listbox-option.ts"
22180
+ "name": "MenuItem",
22181
+ "module": "src/menu-item/menu-item.ts"
22127
22182
  }
22128
22183
  },
22129
22184
  {
22130
22185
  "kind": "field",
22131
- "name": "disabled",
22186
+ "name": "expanded",
22132
22187
  "type": {
22133
22188
  "text": "boolean"
22134
22189
  },
22135
22190
  "privacy": "public",
22136
- "description": "The disabled state of the option.",
22191
+ "description": "The expanded state of the element.",
22137
22192
  "inheritedFrom": {
22138
- "name": "ListboxOption",
22139
- "module": "src/listbox-option/listbox-option.ts"
22193
+ "name": "MenuItem",
22194
+ "module": "src/menu-item/menu-item.ts"
22140
22195
  }
22141
22196
  },
22142
22197
  {
22143
22198
  "kind": "method",
22144
- "name": "disabledChanged",
22145
- "privacy": "protected",
22199
+ "name": "expandedChanged",
22200
+ "privacy": "private",
22146
22201
  "return": {
22147
22202
  "type": {
22148
22203
  "text": "void"
@@ -22150,108 +22205,47 @@
22150
22205
  },
22151
22206
  "parameters": [
22152
22207
  {
22153
- "name": "prev",
22154
- "type": {
22155
- "text": "boolean"
22156
- }
22157
- },
22158
- {
22159
- "name": "next",
22208
+ "name": "oldValue",
22160
22209
  "type": {
22161
22210
  "text": "boolean"
22162
22211
  }
22163
22212
  }
22164
22213
  ],
22165
22214
  "inheritedFrom": {
22166
- "name": "ListboxOption",
22167
- "module": "src/listbox-option/listbox-option.ts"
22168
- }
22169
- },
22170
- {
22171
- "kind": "field",
22172
- "name": "selectedAttribute",
22173
- "type": {
22174
- "text": "boolean"
22175
- },
22176
- "privacy": "public",
22177
- "description": "The selected attribute value. This sets the initial selected value.",
22178
- "inheritedFrom": {
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"
22215
+ "name": "MenuItem",
22216
+ "module": "src/menu-item/menu-item.ts"
22195
22217
  }
22196
22218
  },
22197
22219
  {
22198
22220
  "kind": "field",
22199
- "name": "selected",
22221
+ "name": "role",
22200
22222
  "type": {
22201
- "text": "boolean"
22223
+ "text": "MenuItemRole"
22202
22224
  },
22203
22225
  "privacy": "public",
22204
- "description": "The checked state of the control.",
22205
- "inheritedFrom": {
22206
- "name": "ListboxOption",
22207
- "module": "src/listbox-option/listbox-option.ts"
22208
- }
22209
- },
22210
- {
22211
- "kind": "method",
22212
- "name": "selectedChanged",
22213
- "privacy": "protected",
22214
- "return": {
22215
- "type": {
22216
- "text": "void"
22217
- }
22218
- },
22226
+ "description": "The role of the element.",
22219
22227
  "inheritedFrom": {
22220
- "name": "ListboxOption",
22221
- "module": "src/listbox-option/listbox-option.ts"
22228
+ "name": "MenuItem",
22229
+ "module": "src/menu-item/menu-item.ts"
22222
22230
  }
22223
22231
  },
22224
22232
  {
22225
22233
  "kind": "field",
22226
- "name": "dirtyValue",
22234
+ "name": "checked",
22227
22235
  "type": {
22228
22236
  "text": "boolean"
22229
22237
  },
22230
22238
  "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.",
22239
+ "description": "The checked value of the element.",
22246
22240
  "inheritedFrom": {
22247
- "name": "ListboxOption",
22248
- "module": "src/listbox-option/listbox-option.ts"
22241
+ "name": "MenuItem",
22242
+ "module": "src/menu-item/menu-item.ts"
22249
22243
  }
22250
22244
  },
22251
22245
  {
22252
22246
  "kind": "method",
22253
- "name": "initialValueChanged",
22254
- "privacy": "public",
22247
+ "name": "checkedChanged",
22248
+ "privacy": "private",
22255
22249
  "return": {
22256
22250
  "type": {
22257
22251
  "text": "void"
@@ -22259,75 +22253,61 @@
22259
22253
  },
22260
22254
  "parameters": [
22261
22255
  {
22262
- "name": "previous",
22256
+ "name": "oldValue",
22263
22257
  "type": {
22264
- "text": "string"
22258
+ "text": "boolean"
22265
22259
  }
22266
22260
  },
22267
22261
  {
22268
- "name": "next",
22262
+ "name": "newValue",
22269
22263
  "type": {
22270
- "text": "string"
22264
+ "text": "boolean"
22271
22265
  }
22272
22266
  }
22273
22267
  ],
22274
22268
  "inheritedFrom": {
22275
- "name": "ListboxOption",
22276
- "module": "src/listbox-option/listbox-option.ts"
22277
- }
22278
- },
22279
- {
22280
- "kind": "field",
22281
- "name": "label",
22282
- "privacy": "public",
22283
- "inheritedFrom": {
22284
- "name": "ListboxOption",
22285
- "module": "src/listbox-option/listbox-option.ts"
22269
+ "name": "MenuItem",
22270
+ "module": "src/menu-item/menu-item.ts"
22286
22271
  }
22287
22272
  },
22288
22273
  {
22289
22274
  "kind": "field",
22290
- "name": "text",
22275
+ "name": "focusSubmenuOnLoad",
22291
22276
  "type": {
22292
- "text": "string"
22277
+ "text": "boolean"
22293
22278
  },
22294
- "privacy": "public",
22279
+ "privacy": "private",
22280
+ "default": "false",
22295
22281
  "inheritedFrom": {
22296
- "name": "ListboxOption",
22297
- "module": "src/listbox-option/listbox-option.ts"
22282
+ "name": "MenuItem",
22283
+ "module": "src/menu-item/menu-item.ts"
22298
22284
  }
22299
22285
  },
22300
22286
  {
22301
22287
  "kind": "field",
22302
- "name": "value",
22303
- "privacy": "public",
22288
+ "name": "observer",
22304
22289
  "type": {
22305
- "text": "string"
22290
+ "text": "MutationObserver | undefined"
22306
22291
  },
22292
+ "privacy": "private",
22307
22293
  "inheritedFrom": {
22308
- "name": "ListboxOption",
22309
- "module": "src/listbox-option/listbox-option.ts"
22294
+ "name": "MenuItem",
22295
+ "module": "src/menu-item/menu-item.ts"
22310
22296
  }
22311
22297
  },
22312
22298
  {
22313
- "kind": "field",
22314
- "name": "form",
22315
- "type": {
22316
- "text": "HTMLFormElement | null"
22299
+ "kind": "method",
22300
+ "name": "domChildren",
22301
+ "privacy": "private",
22302
+ "return": {
22303
+ "type": {
22304
+ "text": "Element[]"
22305
+ }
22317
22306
  },
22318
- "privacy": "public",
22319
- "inheritedFrom": {
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 )",
22307
+ "description": "get an array of valid DOM children",
22328
22308
  "inheritedFrom": {
22329
- "name": "ListboxOption",
22330
- "module": "src/listbox-option/listbox-option.ts"
22309
+ "name": "MenuItem",
22310
+ "module": "src/menu-item/menu-item.ts"
22331
22311
  }
22332
22312
  },
22333
22313
  {
@@ -22441,11 +22421,29 @@
22441
22421
  "module": "src/foundation-element/foundation-element.ts"
22442
22422
  }
22443
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",
22437
+ "inheritedFrom": {
22438
+ "name": "MenuItem",
22439
+ "module": "src/menu-item/menu-item.ts"
22440
+ }
22441
+ }
22444
22442
  ]
22445
22443
  },
22446
22444
  {
22447
22445
  "kind": "variable",
22448
- "name": "foundationListboxOptionShadowOptions",
22446
+ "name": "foundationMenuItemShadowOptions",
22449
22447
  "type": {
22450
22448
  "text": "ShadowRootInit"
22451
22449
  },
@@ -22453,48 +22451,50 @@
22453
22451
  },
22454
22452
  {
22455
22453
  "kind": "variable",
22456
- "name": "defaultListboxOptionConfig",
22454
+ "name": "defaultMenuItemConfig",
22457
22455
  "type": {
22458
22456
  "text": "object"
22459
22457
  },
22460
- "default": "{}"
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}"
22461
22459
  },
22462
22460
  {
22463
22461
  "kind": "variable",
22464
- "name": "foundationListboxOption"
22462
+ "name": "foundationMenuItem",
22463
+ "description": "The Foundation Menu Item",
22464
+ "privacy": "public"
22465
22465
  }
22466
22466
  ],
22467
22467
  "exports": [
22468
22468
  {
22469
22469
  "kind": "js",
22470
- "name": "ListboxOption",
22470
+ "name": "MenuItem",
22471
22471
  "declaration": {
22472
- "name": "ListboxOption",
22473
- "module": "src/listbox-option/listbox-option.ts"
22472
+ "name": "MenuItem",
22473
+ "module": "src/menu-item/menu-item.ts"
22474
22474
  }
22475
22475
  },
22476
22476
  {
22477
22477
  "kind": "js",
22478
- "name": "foundationListboxOptionShadowOptions",
22478
+ "name": "foundationMenuItemShadowOptions",
22479
22479
  "declaration": {
22480
- "name": "foundationListboxOptionShadowOptions",
22481
- "module": "src/listbox-option/listbox-option.ts"
22480
+ "name": "foundationMenuItemShadowOptions",
22481
+ "module": "src/menu-item/menu-item.ts"
22482
22482
  }
22483
22483
  },
22484
22484
  {
22485
22485
  "kind": "js",
22486
- "name": "defaultListboxOptionConfig",
22486
+ "name": "defaultMenuItemConfig",
22487
22487
  "declaration": {
22488
- "name": "defaultListboxOptionConfig",
22489
- "module": "src/listbox-option/listbox-option.ts"
22488
+ "name": "defaultMenuItemConfig",
22489
+ "module": "src/menu-item/menu-item.ts"
22490
22490
  }
22491
22491
  },
22492
22492
  {
22493
22493
  "kind": "js",
22494
- "name": "foundationListboxOption",
22494
+ "name": "foundationMenuItem",
22495
22495
  "declaration": {
22496
- "name": "foundationListboxOption",
22497
- "module": "src/listbox-option/listbox-option.ts"
22496
+ "name": "foundationMenuItem",
22497
+ "module": "src/menu-item/menu-item.ts"
22498
22498
  }
22499
22499
  }
22500
22500
  ]