@genesislcap/foundation-ui 14.205.1 → 14.206.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 (3) hide show
  1. package/dist/custom-elements.json +1650 -1650
  2. package/dist/esm/options-datasource/options-datasource.js +1 -1
  3. package/package.json +16 -16
package/dist/custom-elements.json CHANGED
@@ -21627,7 +21627,7 @@
21627
21627
  },
21628
21628
  {
21629
21629
  "kind": "javascript-module",
21630
- "path": "src/listbox-option/index.ts",
21630
+ "path": "src/menu/index.ts",
21631
21631
  "declarations": [],
21632
21632
  "exports": [
21633
21633
  {
@@ -21635,7 +21635,7 @@
21635
21635
  "name": "*",
21636
21636
  "declaration": {
21637
21637
  "name": "*",
21638
- "package": "./listbox-option.template"
21638
+ "package": "./menu.template"
21639
21639
  }
21640
21640
  },
21641
21641
  {
@@ -21643,7 +21643,7 @@
21643
21643
  "name": "*",
21644
21644
  "declaration": {
21645
21645
  "name": "*",
21646
- "package": "./listbox-option.styles"
21646
+ "package": "./menu.styles"
21647
21647
  }
21648
21648
  },
21649
21649
  {
@@ -21651,18 +21651,18 @@
21651
21651
  "name": "*",
21652
21652
  "declaration": {
21653
21653
  "name": "*",
21654
- "package": "./listbox-option"
21654
+ "package": "./menu"
21655
21655
  }
21656
21656
  }
21657
21657
  ]
21658
21658
  },
21659
21659
  {
21660
21660
  "kind": "javascript-module",
21661
- "path": "src/listbox-option/listbox-option.styles.ts",
21661
+ "path": "src/menu/menu.styles.ts",
21662
21662
  "declarations": [
21663
21663
  {
21664
21664
  "kind": "function",
21665
- "name": "foundationListboxOptionStyles",
21665
+ "name": "foundationMenuStyles",
21666
21666
  "return": {
21667
21667
  "type": {
21668
21668
  "text": "ElementStyles"
@@ -21687,24 +21687,24 @@
21687
21687
  "exports": [
21688
21688
  {
21689
21689
  "kind": "js",
21690
- "name": "foundationListboxOptionStyles",
21690
+ "name": "foundationMenuStyles",
21691
21691
  "declaration": {
21692
- "name": "foundationListboxOptionStyles",
21693
- "module": "src/listbox-option/listbox-option.styles.ts"
21692
+ "name": "foundationMenuStyles",
21693
+ "module": "src/menu/menu.styles.ts"
21694
21694
  }
21695
21695
  }
21696
21696
  ]
21697
21697
  },
21698
21698
  {
21699
21699
  "kind": "javascript-module",
21700
- "path": "src/listbox-option/listbox-option.template.ts",
21700
+ "path": "src/menu/menu.template.ts",
21701
21701
  "declarations": [
21702
21702
  {
21703
21703
  "kind": "function",
21704
- "name": "foundationListboxOptionTemplate",
21704
+ "name": "foundationMenuTemplate",
21705
21705
  "return": {
21706
21706
  "type": {
21707
- "text": "ViewTemplate<ListboxOption>"
21707
+ "text": "ViewTemplate<Menu>"
21708
21708
  }
21709
21709
  },
21710
21710
  "parameters": [
@@ -21726,83 +21726,33 @@
21726
21726
  "exports": [
21727
21727
  {
21728
21728
  "kind": "js",
21729
- "name": "foundationListboxOptionTemplate",
21729
+ "name": "foundationMenuTemplate",
21730
21730
  "declaration": {
21731
- "name": "foundationListboxOptionTemplate",
21732
- "module": "src/listbox-option/listbox-option.template.ts"
21731
+ "name": "foundationMenuTemplate",
21732
+ "module": "src/menu/menu.template.ts"
21733
21733
  }
21734
21734
  }
21735
21735
  ]
21736
21736
  },
21737
21737
  {
21738
21738
  "kind": "javascript-module",
21739
- "path": "src/listbox-option/listbox-option.ts",
21739
+ "path": "src/menu/menu.ts",
21740
21740
  "declarations": [
21741
21741
  {
21742
21742
  "kind": "class",
21743
21743
  "description": "",
21744
- "name": "ListboxOption",
21744
+ "name": "Menu",
21745
21745
  "superclass": {
21746
- "name": "FASTListboxOption",
21746
+ "name": "FASTMenu",
21747
21747
  "package": "@microsoft/fast-components"
21748
21748
  },
21749
- "tagName": "%%prefix%%-option",
21749
+ "tagName": "%%prefix%%-menu",
21750
21750
  "customElement": true,
21751
- "attributes": [
21752
- {
21753
- "type": {
21754
- "text": "boolean"
21755
- },
21756
- "description": "The disabled state of the option.",
21757
- "fieldName": "disabled",
21758
- "inheritedFrom": {
21759
- "name": "ListboxOption",
21760
- "module": "src/listbox-option/listbox-option.ts"
21761
- }
21762
- },
21763
- {
21764
- "name": "selected",
21765
- "type": {
21766
- "text": "boolean"
21767
- },
21768
- "description": "The selected attribute value. This sets the initial selected value.",
21769
- "fieldName": "selectedAttribute",
21770
- "inheritedFrom": {
21771
- "name": "ListboxOption",
21772
- "module": "src/listbox-option/listbox-option.ts"
21773
- }
21774
- },
21775
- {
21776
- "name": "value",
21777
- "type": {
21778
- "text": "string"
21779
- },
21780
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
21781
- "fieldName": "initialValue",
21782
- "inheritedFrom": {
21783
- "name": "ListboxOption",
21784
- "module": "src/listbox-option/listbox-option.ts"
21785
- }
21786
- }
21787
- ],
21788
21751
  "members": [
21789
- {
21790
- "kind": "field",
21791
- "name": "checked",
21792
- "type": {
21793
- "text": "boolean | undefined"
21794
- },
21795
- "privacy": "public",
21796
- "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.",
21797
- "inheritedFrom": {
21798
- "name": "ListboxOption",
21799
- "module": "src/listbox-option/listbox-option.ts"
21800
- }
21801
- },
21802
21752
  {
21803
21753
  "kind": "method",
21804
- "name": "checkedChanged",
21805
- "privacy": "public",
21754
+ "name": "itemsChanged",
21755
+ "privacy": "private",
21806
21756
  "return": {
21807
21757
  "type": {
21808
21758
  "text": "void"
@@ -21810,270 +21760,213 @@
21810
21760
  },
21811
21761
  "parameters": [
21812
21762
  {
21813
- "name": "prev",
21763
+ "name": "oldValue",
21814
21764
  "type": {
21815
- "text": "boolean | unknown"
21816
- },
21817
- "description": "the previous checked value"
21765
+ "text": "HTMLElement[]"
21766
+ }
21818
21767
  },
21819
21768
  {
21820
- "name": "next",
21821
- "optional": true,
21769
+ "name": "newValue",
21822
21770
  "type": {
21823
- "text": "boolean"
21824
- },
21825
- "description": "the current checked value"
21771
+ "text": "HTMLElement[]"
21772
+ }
21826
21773
  }
21827
21774
  ],
21828
- "description": "Updates the ariaChecked property when the checked property changes.",
21829
21775
  "inheritedFrom": {
21830
- "name": "ListboxOption",
21831
- "module": "src/listbox-option/listbox-option.ts"
21776
+ "name": "Menu",
21777
+ "module": "src/menu/menu.ts"
21832
21778
  }
21833
21779
  },
21834
21780
  {
21835
21781
  "kind": "field",
21836
- "name": "content",
21782
+ "name": "menuItems",
21837
21783
  "type": {
21838
- "text": "Node[]"
21784
+ "text": "Element[] | undefined"
21839
21785
  },
21840
- "privacy": "public",
21841
- "description": "The default slotted content.",
21786
+ "privacy": "private",
21842
21787
  "inheritedFrom": {
21843
- "name": "ListboxOption",
21844
- "module": "src/listbox-option/listbox-option.ts"
21788
+ "name": "Menu",
21789
+ "module": "src/menu/menu.ts"
21845
21790
  }
21846
21791
  },
21847
21792
  {
21848
21793
  "kind": "field",
21849
- "name": "defaultSelected",
21794
+ "name": "expandedItem",
21850
21795
  "type": {
21851
- "text": "boolean"
21796
+ "text": "MenuItem | null"
21852
21797
  },
21853
- "privacy": "public",
21854
- "default": "false",
21855
- "description": "The defaultSelected state of the option.",
21798
+ "privacy": "private",
21799
+ "default": "null",
21856
21800
  "inheritedFrom": {
21857
- "name": "ListboxOption",
21858
- "module": "src/listbox-option/listbox-option.ts"
21801
+ "name": "Menu",
21802
+ "module": "src/menu/menu.ts"
21859
21803
  }
21860
21804
  },
21861
21805
  {
21862
- "kind": "method",
21863
- "name": "defaultSelectedChanged",
21864
- "privacy": "protected",
21865
- "return": {
21866
- "type": {
21867
- "text": "void"
21868
- }
21806
+ "kind": "field",
21807
+ "name": "focusIndex",
21808
+ "type": {
21809
+ "text": "number"
21869
21810
  },
21811
+ "privacy": "private",
21812
+ "default": "-1",
21813
+ "description": "The index of the focusable element in the items array\ndefaults to -1",
21870
21814
  "inheritedFrom": {
21871
- "name": "ListboxOption",
21872
- "module": "src/listbox-option/listbox-option.ts"
21815
+ "name": "Menu",
21816
+ "module": "src/menu/menu.ts"
21873
21817
  }
21874
21818
  },
21875
21819
  {
21876
21820
  "kind": "field",
21877
- "name": "disabled",
21821
+ "name": "focusableElementRoles",
21878
21822
  "type": {
21879
- "text": "boolean"
21823
+ "text": "{ [key: string]: string }"
21880
21824
  },
21881
- "privacy": "public",
21882
- "description": "The disabled state of the option.",
21825
+ "privacy": "private",
21826
+ "static": true,
21827
+ "default": "roleForMenuItem",
21883
21828
  "inheritedFrom": {
21884
- "name": "ListboxOption",
21885
- "module": "src/listbox-option/listbox-option.ts"
21829
+ "name": "Menu",
21830
+ "module": "src/menu/menu.ts"
21886
21831
  }
21887
21832
  },
21888
21833
  {
21889
21834
  "kind": "method",
21890
- "name": "disabledChanged",
21891
- "privacy": "protected",
21835
+ "name": "focus",
21836
+ "privacy": "public",
21892
21837
  "return": {
21893
21838
  "type": {
21894
21839
  "text": "void"
21895
21840
  }
21896
21841
  },
21897
- "parameters": [
21898
- {
21899
- "name": "prev",
21900
- "type": {
21901
- "text": "boolean"
21902
- }
21903
- },
21904
- {
21905
- "name": "next",
21906
- "type": {
21907
- "text": "boolean"
21908
- }
21909
- }
21910
- ],
21911
- "inheritedFrom": {
21912
- "name": "ListboxOption",
21913
- "module": "src/listbox-option/listbox-option.ts"
21914
- }
21915
- },
21916
- {
21917
- "kind": "field",
21918
- "name": "selectedAttribute",
21919
- "type": {
21920
- "text": "boolean"
21921
- },
21922
- "privacy": "public",
21923
- "description": "The selected attribute value. This sets the initial selected value.",
21842
+ "description": "Focuses the first item in the menu.",
21924
21843
  "inheritedFrom": {
21925
- "name": "ListboxOption",
21926
- "module": "src/listbox-option/listbox-option.ts"
21844
+ "name": "Menu",
21845
+ "module": "src/menu/menu.ts"
21927
21846
  }
21928
21847
  },
21929
21848
  {
21930
21849
  "kind": "method",
21931
- "name": "selectedAttributeChanged",
21932
- "privacy": "protected",
21850
+ "name": "collapseExpandedItem",
21851
+ "privacy": "public",
21933
21852
  "return": {
21934
21853
  "type": {
21935
21854
  "text": "void"
21936
21855
  }
21937
21856
  },
21857
+ "description": "Collapses any expanded menu items.",
21938
21858
  "inheritedFrom": {
21939
- "name": "ListboxOption",
21940
- "module": "src/listbox-option/listbox-option.ts"
21859
+ "name": "Menu",
21860
+ "module": "src/menu/menu.ts"
21941
21861
  }
21942
21862
  },
21943
21863
  {
21944
21864
  "kind": "field",
21945
- "name": "selected",
21946
- "type": {
21947
- "text": "boolean"
21948
- },
21949
- "privacy": "public",
21950
- "description": "The checked state of the control.",
21865
+ "name": "handleItemFocus",
21866
+ "privacy": "private",
21951
21867
  "inheritedFrom": {
21952
- "name": "ListboxOption",
21953
- "module": "src/listbox-option/listbox-option.ts"
21868
+ "name": "Menu",
21869
+ "module": "src/menu/menu.ts"
21954
21870
  }
21955
21871
  },
21956
21872
  {
21957
- "kind": "method",
21958
- "name": "selectedChanged",
21959
- "privacy": "protected",
21960
- "return": {
21961
- "type": {
21962
- "text": "void"
21963
- }
21964
- },
21873
+ "kind": "field",
21874
+ "name": "handleExpandedChanged",
21875
+ "privacy": "private",
21965
21876
  "inheritedFrom": {
21966
- "name": "ListboxOption",
21967
- "module": "src/listbox-option/listbox-option.ts"
21877
+ "name": "Menu",
21878
+ "module": "src/menu/menu.ts"
21968
21879
  }
21969
21880
  },
21970
21881
  {
21971
21882
  "kind": "field",
21972
- "name": "dirtyValue",
21973
- "type": {
21974
- "text": "boolean"
21975
- },
21976
- "privacy": "public",
21977
- "default": "false",
21978
- "description": "Track whether the value has been changed from the initial value",
21883
+ "name": "removeItemListeners",
21884
+ "privacy": "private",
21979
21885
  "inheritedFrom": {
21980
- "name": "ListboxOption",
21981
- "module": "src/listbox-option/listbox-option.ts"
21886
+ "name": "Menu",
21887
+ "module": "src/menu/menu.ts"
21982
21888
  }
21983
21889
  },
21984
21890
  {
21985
21891
  "kind": "field",
21986
- "name": "initialValue",
21987
- "type": {
21988
- "text": "string"
21989
- },
21990
- "privacy": "protected",
21991
- "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
21992
- "inheritedFrom": {
21993
- "name": "ListboxOption",
21994
- "module": "src/listbox-option/listbox-option.ts"
21995
- }
21996
- },
21997
- {
21998
- "kind": "method",
21999
- "name": "initialValueChanged",
22000
- "privacy": "public",
22001
- "return": {
22002
- "type": {
22003
- "text": "void"
22004
- }
22005
- },
22006
- "parameters": [
22007
- {
22008
- "name": "previous",
22009
- "type": {
22010
- "text": "string"
22011
- }
22012
- },
22013
- {
22014
- "name": "next",
22015
- "type": {
22016
- "text": "string"
22017
- }
22018
- }
22019
- ],
21892
+ "name": "setItems",
21893
+ "privacy": "private",
22020
21894
  "inheritedFrom": {
22021
- "name": "ListboxOption",
22022
- "module": "src/listbox-option/listbox-option.ts"
21895
+ "name": "Menu",
21896
+ "module": "src/menu/menu.ts"
22023
21897
  }
22024
21898
  },
22025
21899
  {
22026
21900
  "kind": "field",
22027
- "name": "label",
22028
- "privacy": "public",
21901
+ "name": "changeHandler",
21902
+ "privacy": "private",
21903
+ "description": "handle change from child element",
22029
21904
  "inheritedFrom": {
22030
- "name": "ListboxOption",
22031
- "module": "src/listbox-option/listbox-option.ts"
21905
+ "name": "Menu",
21906
+ "module": "src/menu/menu.ts"
22032
21907
  }
22033
21908
  },
22034
21909
  {
22035
- "kind": "field",
22036
- "name": "text",
22037
- "type": {
22038
- "text": "string"
21910
+ "kind": "method",
21911
+ "name": "domChildren",
21912
+ "privacy": "private",
21913
+ "return": {
21914
+ "type": {
21915
+ "text": "Element[]"
21916
+ }
22039
21917
  },
22040
- "privacy": "public",
21918
+ "description": "get an array of valid DOM children",
22041
21919
  "inheritedFrom": {
22042
- "name": "ListboxOption",
22043
- "module": "src/listbox-option/listbox-option.ts"
21920
+ "name": "Menu",
21921
+ "module": "src/menu/menu.ts"
22044
21922
  }
22045
21923
  },
22046
21924
  {
22047
21925
  "kind": "field",
22048
- "name": "value",
22049
- "privacy": "public",
22050
- "type": {
22051
- "text": "string"
22052
- },
21926
+ "name": "isMenuItemElement",
21927
+ "privacy": "private",
21928
+ "description": "check if the item is a menu item",
22053
21929
  "inheritedFrom": {
22054
- "name": "ListboxOption",
22055
- "module": "src/listbox-option/listbox-option.ts"
21930
+ "name": "Menu",
21931
+ "module": "src/menu/menu.ts"
22056
21932
  }
22057
21933
  },
22058
21934
  {
22059
21935
  "kind": "field",
22060
- "name": "form",
22061
- "type": {
22062
- "text": "HTMLFormElement | null"
22063
- },
22064
- "privacy": "public",
21936
+ "name": "isFocusableElement",
21937
+ "privacy": "private",
21938
+ "description": "check if the item is focusable",
22065
21939
  "inheritedFrom": {
22066
- "name": "ListboxOption",
22067
- "module": "src/listbox-option/listbox-option.ts"
21940
+ "name": "Menu",
21941
+ "module": "src/menu/menu.ts"
22068
21942
  }
22069
21943
  },
22070
21944
  {
22071
- "kind": "field",
22072
- "name": "proxy",
22073
- "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
21945
+ "kind": "method",
21946
+ "name": "setFocus",
21947
+ "privacy": "private",
21948
+ "return": {
21949
+ "type": {
21950
+ "text": "void"
21951
+ }
21952
+ },
21953
+ "parameters": [
21954
+ {
21955
+ "name": "focusIndex",
21956
+ "type": {
21957
+ "text": "number"
21958
+ }
21959
+ },
21960
+ {
21961
+ "name": "adjustment",
21962
+ "type": {
21963
+ "text": "number"
21964
+ }
21965
+ }
21966
+ ],
22074
21967
  "inheritedFrom": {
22075
- "name": "ListboxOption",
22076
- "module": "src/listbox-option/listbox-option.ts"
21968
+ "name": "Menu",
21969
+ "module": "src/menu/menu.ts"
22077
21970
  }
22078
21971
  },
22079
21972
  {
@@ -22191,7 +22084,7 @@
22191
22084
  },
22192
22085
  {
22193
22086
  "kind": "variable",
22194
- "name": "foundationListboxOptionShadowOptions",
22087
+ "name": "foundationMenuShadowOptions",
22195
22088
  "type": {
22196
22089
  "text": "ShadowRootInit"
22197
22090
  },
@@ -22199,7 +22092,7 @@
22199
22092
  },
22200
22093
  {
22201
22094
  "kind": "variable",
22202
- "name": "defaultListboxOptionConfig",
22095
+ "name": "defaultMenuConfig",
22203
22096
  "type": {
22204
22097
  "text": "object"
22205
22098
  },
@@ -22207,47 +22100,49 @@
22207
22100
  },
22208
22101
  {
22209
22102
  "kind": "variable",
22210
- "name": "foundationListboxOption"
22103
+ "name": "foundationMenu",
22104
+ "description": "The Foundation Menu",
22105
+ "privacy": "public"
22211
22106
  }
22212
22107
  ],
22213
22108
  "exports": [
22214
22109
  {
22215
22110
  "kind": "js",
22216
- "name": "ListboxOption",
22111
+ "name": "Menu",
22217
22112
  "declaration": {
22218
- "name": "ListboxOption",
22219
- "module": "src/listbox-option/listbox-option.ts"
22113
+ "name": "Menu",
22114
+ "module": "src/menu/menu.ts"
22220
22115
  }
22221
22116
  },
22222
22117
  {
22223
22118
  "kind": "js",
22224
- "name": "foundationListboxOptionShadowOptions",
22119
+ "name": "foundationMenuShadowOptions",
22225
22120
  "declaration": {
22226
- "name": "foundationListboxOptionShadowOptions",
22227
- "module": "src/listbox-option/listbox-option.ts"
22121
+ "name": "foundationMenuShadowOptions",
22122
+ "module": "src/menu/menu.ts"
22228
22123
  }
22229
22124
  },
22230
22125
  {
22231
22126
  "kind": "js",
22232
- "name": "defaultListboxOptionConfig",
22127
+ "name": "defaultMenuConfig",
22233
22128
  "declaration": {
22234
- "name": "defaultListboxOptionConfig",
22235
- "module": "src/listbox-option/listbox-option.ts"
22129
+ "name": "defaultMenuConfig",
22130
+ "module": "src/menu/menu.ts"
22236
22131
  }
22237
22132
  },
22238
22133
  {
22239
22134
  "kind": "js",
22240
- "name": "foundationListboxOption",
22135
+ "name": "foundationMenu",
22241
22136
  "declaration": {
22242
- "name": "foundationListboxOption",
22243
- "module": "src/listbox-option/listbox-option.ts"
22137
+ "name": "foundationMenu",
22138
+ "module": "src/menu/menu.ts"
22244
22139
  }
22245
22140
  }
22246
22141
  ]
22247
22142
  },
22248
22143
  {
22249
22144
  "kind": "javascript-module",
22250
- "path": "src/menu/index.ts",
22145
+ "path": "src/listbox-option/index.ts",
22251
22146
  "declarations": [],
22252
22147
  "exports": [
22253
22148
  {
@@ -22255,7 +22150,7 @@
22255
22150
  "name": "*",
22256
22151
  "declaration": {
22257
22152
  "name": "*",
22258
- "package": "./menu.template"
22153
+ "package": "./listbox-option.template"
22259
22154
  }
22260
22155
  },
22261
22156
  {
@@ -22263,7 +22158,7 @@
22263
22158
  "name": "*",
22264
22159
  "declaration": {
22265
22160
  "name": "*",
22266
- "package": "./menu.styles"
22161
+ "package": "./listbox-option.styles"
22267
22162
  }
22268
22163
  },
22269
22164
  {
@@ -22271,18 +22166,18 @@
22271
22166
  "name": "*",
22272
22167
  "declaration": {
22273
22168
  "name": "*",
22274
- "package": "./menu"
22169
+ "package": "./listbox-option"
22275
22170
  }
22276
22171
  }
22277
22172
  ]
22278
22173
  },
22279
22174
  {
22280
22175
  "kind": "javascript-module",
22281
- "path": "src/menu/menu.styles.ts",
22176
+ "path": "src/listbox-option/listbox-option.styles.ts",
22282
22177
  "declarations": [
22283
22178
  {
22284
22179
  "kind": "function",
22285
- "name": "foundationMenuStyles",
22180
+ "name": "foundationListboxOptionStyles",
22286
22181
  "return": {
22287
22182
  "type": {
22288
22183
  "text": "ElementStyles"
@@ -22307,24 +22202,24 @@
22307
22202
  "exports": [
22308
22203
  {
22309
22204
  "kind": "js",
22310
- "name": "foundationMenuStyles",
22205
+ "name": "foundationListboxOptionStyles",
22311
22206
  "declaration": {
22312
- "name": "foundationMenuStyles",
22313
- "module": "src/menu/menu.styles.ts"
22207
+ "name": "foundationListboxOptionStyles",
22208
+ "module": "src/listbox-option/listbox-option.styles.ts"
22314
22209
  }
22315
22210
  }
22316
22211
  ]
22317
22212
  },
22318
22213
  {
22319
22214
  "kind": "javascript-module",
22320
- "path": "src/menu/menu.template.ts",
22215
+ "path": "src/listbox-option/listbox-option.template.ts",
22321
22216
  "declarations": [
22322
22217
  {
22323
22218
  "kind": "function",
22324
- "name": "foundationMenuTemplate",
22219
+ "name": "foundationListboxOptionTemplate",
22325
22220
  "return": {
22326
22221
  "type": {
22327
- "text": "ViewTemplate<Menu>"
22222
+ "text": "ViewTemplate<ListboxOption>"
22328
22223
  }
22329
22224
  },
22330
22225
  "parameters": [
@@ -22346,225 +22241,169 @@
22346
22241
  "exports": [
22347
22242
  {
22348
22243
  "kind": "js",
22349
- "name": "foundationMenuTemplate",
22244
+ "name": "foundationListboxOptionTemplate",
22350
22245
  "declaration": {
22351
- "name": "foundationMenuTemplate",
22352
- "module": "src/menu/menu.template.ts"
22246
+ "name": "foundationListboxOptionTemplate",
22247
+ "module": "src/listbox-option/listbox-option.template.ts"
22353
22248
  }
22354
22249
  }
22355
22250
  ]
22356
22251
  },
22357
22252
  {
22358
22253
  "kind": "javascript-module",
22359
- "path": "src/menu/menu.ts",
22254
+ "path": "src/listbox-option/listbox-option.ts",
22360
22255
  "declarations": [
22361
22256
  {
22362
22257
  "kind": "class",
22363
22258
  "description": "",
22364
- "name": "Menu",
22259
+ "name": "ListboxOption",
22365
22260
  "superclass": {
22366
- "name": "FASTMenu",
22261
+ "name": "FASTListboxOption",
22367
22262
  "package": "@microsoft/fast-components"
22368
22263
  },
22369
- "tagName": "%%prefix%%-menu",
22264
+ "tagName": "%%prefix%%-option",
22370
22265
  "customElement": true,
22371
- "members": [
22266
+ "attributes": [
22372
22267
  {
22373
- "kind": "method",
22374
- "name": "itemsChanged",
22375
- "privacy": "private",
22376
- "return": {
22377
- "type": {
22378
- "text": "void"
22379
- }
22268
+ "type": {
22269
+ "text": "boolean"
22380
22270
  },
22381
- "parameters": [
22382
- {
22383
- "name": "oldValue",
22384
- "type": {
22385
- "text": "HTMLElement[]"
22386
- }
22387
- },
22388
- {
22389
- "name": "newValue",
22390
- "type": {
22391
- "text": "HTMLElement[]"
22392
- }
22393
- }
22394
- ],
22271
+ "description": "The disabled state of the option.",
22272
+ "fieldName": "disabled",
22395
22273
  "inheritedFrom": {
22396
- "name": "Menu",
22397
- "module": "src/menu/menu.ts"
22274
+ "name": "ListboxOption",
22275
+ "module": "src/listbox-option/listbox-option.ts"
22398
22276
  }
22399
22277
  },
22400
22278
  {
22401
- "kind": "field",
22402
- "name": "menuItems",
22279
+ "name": "selected",
22403
22280
  "type": {
22404
- "text": "Element[] | undefined"
22281
+ "text": "boolean"
22405
22282
  },
22406
- "privacy": "private",
22283
+ "description": "The selected attribute value. This sets the initial selected value.",
22284
+ "fieldName": "selectedAttribute",
22407
22285
  "inheritedFrom": {
22408
- "name": "Menu",
22409
- "module": "src/menu/menu.ts"
22286
+ "name": "ListboxOption",
22287
+ "module": "src/listbox-option/listbox-option.ts"
22410
22288
  }
22411
22289
  },
22412
22290
  {
22413
- "kind": "field",
22414
- "name": "expandedItem",
22291
+ "name": "value",
22415
22292
  "type": {
22416
- "text": "MenuItem | null"
22293
+ "text": "string"
22417
22294
  },
22418
- "privacy": "private",
22419
- "default": "null",
22295
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22296
+ "fieldName": "initialValue",
22420
22297
  "inheritedFrom": {
22421
- "name": "Menu",
22422
- "module": "src/menu/menu.ts"
22298
+ "name": "ListboxOption",
22299
+ "module": "src/listbox-option/listbox-option.ts"
22423
22300
  }
22424
- },
22301
+ }
22302
+ ],
22303
+ "members": [
22425
22304
  {
22426
22305
  "kind": "field",
22427
- "name": "focusIndex",
22306
+ "name": "checked",
22428
22307
  "type": {
22429
- "text": "number"
22308
+ "text": "boolean | undefined"
22430
22309
  },
22431
- "privacy": "private",
22432
- "default": "-1",
22433
- "description": "The index of the focusable element in the items array\ndefaults to -1",
22310
+ "privacy": "public",
22311
+ "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.",
22434
22312
  "inheritedFrom": {
22435
- "name": "Menu",
22436
- "module": "src/menu/menu.ts"
22437
- }
22438
- },
22439
- {
22440
- "kind": "field",
22441
- "name": "focusableElementRoles",
22442
- "type": {
22443
- "text": "{ [key: string]: string }"
22444
- },
22445
- "privacy": "private",
22446
- "static": true,
22447
- "default": "roleForMenuItem",
22448
- "inheritedFrom": {
22449
- "name": "Menu",
22450
- "module": "src/menu/menu.ts"
22313
+ "name": "ListboxOption",
22314
+ "module": "src/listbox-option/listbox-option.ts"
22451
22315
  }
22452
22316
  },
22453
22317
  {
22454
22318
  "kind": "method",
22455
- "name": "focus",
22319
+ "name": "checkedChanged",
22456
22320
  "privacy": "public",
22457
22321
  "return": {
22458
22322
  "type": {
22459
22323
  "text": "void"
22460
22324
  }
22461
22325
  },
22462
- "description": "Focuses the first item in the menu.",
22463
- "inheritedFrom": {
22464
- "name": "Menu",
22465
- "module": "src/menu/menu.ts"
22466
- }
22467
- },
22468
- {
22469
- "kind": "method",
22470
- "name": "collapseExpandedItem",
22471
- "privacy": "public",
22472
- "return": {
22473
- "type": {
22474
- "text": "void"
22326
+ "parameters": [
22327
+ {
22328
+ "name": "prev",
22329
+ "type": {
22330
+ "text": "boolean | unknown"
22331
+ },
22332
+ "description": "the previous checked value"
22333
+ },
22334
+ {
22335
+ "name": "next",
22336
+ "optional": true,
22337
+ "type": {
22338
+ "text": "boolean"
22339
+ },
22340
+ "description": "the current checked value"
22475
22341
  }
22476
- },
22477
- "description": "Collapses any expanded menu items.",
22478
- "inheritedFrom": {
22479
- "name": "Menu",
22480
- "module": "src/menu/menu.ts"
22481
- }
22482
- },
22483
- {
22484
- "kind": "field",
22485
- "name": "handleItemFocus",
22486
- "privacy": "private",
22487
- "inheritedFrom": {
22488
- "name": "Menu",
22489
- "module": "src/menu/menu.ts"
22490
- }
22491
- },
22492
- {
22493
- "kind": "field",
22494
- "name": "handleExpandedChanged",
22495
- "privacy": "private",
22496
- "inheritedFrom": {
22497
- "name": "Menu",
22498
- "module": "src/menu/menu.ts"
22499
- }
22500
- },
22501
- {
22502
- "kind": "field",
22503
- "name": "removeItemListeners",
22504
- "privacy": "private",
22342
+ ],
22343
+ "description": "Updates the ariaChecked property when the checked property changes.",
22505
22344
  "inheritedFrom": {
22506
- "name": "Menu",
22507
- "module": "src/menu/menu.ts"
22345
+ "name": "ListboxOption",
22346
+ "module": "src/listbox-option/listbox-option.ts"
22508
22347
  }
22509
22348
  },
22510
22349
  {
22511
22350
  "kind": "field",
22512
- "name": "setItems",
22513
- "privacy": "private",
22351
+ "name": "content",
22352
+ "type": {
22353
+ "text": "Node[]"
22354
+ },
22355
+ "privacy": "public",
22356
+ "description": "The default slotted content.",
22514
22357
  "inheritedFrom": {
22515
- "name": "Menu",
22516
- "module": "src/menu/menu.ts"
22358
+ "name": "ListboxOption",
22359
+ "module": "src/listbox-option/listbox-option.ts"
22517
22360
  }
22518
22361
  },
22519
22362
  {
22520
22363
  "kind": "field",
22521
- "name": "changeHandler",
22522
- "privacy": "private",
22523
- "description": "handle change from child element",
22364
+ "name": "defaultSelected",
22365
+ "type": {
22366
+ "text": "boolean"
22367
+ },
22368
+ "privacy": "public",
22369
+ "default": "false",
22370
+ "description": "The defaultSelected state of the option.",
22524
22371
  "inheritedFrom": {
22525
- "name": "Menu",
22526
- "module": "src/menu/menu.ts"
22372
+ "name": "ListboxOption",
22373
+ "module": "src/listbox-option/listbox-option.ts"
22527
22374
  }
22528
22375
  },
22529
22376
  {
22530
22377
  "kind": "method",
22531
- "name": "domChildren",
22532
- "privacy": "private",
22378
+ "name": "defaultSelectedChanged",
22379
+ "privacy": "protected",
22533
22380
  "return": {
22534
22381
  "type": {
22535
- "text": "Element[]"
22382
+ "text": "void"
22536
22383
  }
22537
22384
  },
22538
- "description": "get an array of valid DOM children",
22539
- "inheritedFrom": {
22540
- "name": "Menu",
22541
- "module": "src/menu/menu.ts"
22542
- }
22543
- },
22544
- {
22545
- "kind": "field",
22546
- "name": "isMenuItemElement",
22547
- "privacy": "private",
22548
- "description": "check if the item is a menu item",
22549
22385
  "inheritedFrom": {
22550
- "name": "Menu",
22551
- "module": "src/menu/menu.ts"
22386
+ "name": "ListboxOption",
22387
+ "module": "src/listbox-option/listbox-option.ts"
22552
22388
  }
22553
22389
  },
22554
22390
  {
22555
22391
  "kind": "field",
22556
- "name": "isFocusableElement",
22557
- "privacy": "private",
22558
- "description": "check if the item is focusable",
22392
+ "name": "disabled",
22393
+ "type": {
22394
+ "text": "boolean"
22395
+ },
22396
+ "privacy": "public",
22397
+ "description": "The disabled state of the option.",
22559
22398
  "inheritedFrom": {
22560
- "name": "Menu",
22561
- "module": "src/menu/menu.ts"
22399
+ "name": "ListboxOption",
22400
+ "module": "src/listbox-option/listbox-option.ts"
22562
22401
  }
22563
22402
  },
22564
22403
  {
22565
22404
  "kind": "method",
22566
- "name": "setFocus",
22567
- "privacy": "private",
22405
+ "name": "disabledChanged",
22406
+ "privacy": "protected",
22568
22407
  "return": {
22569
22408
  "type": {
22570
22409
  "text": "void"
@@ -22572,65 +22411,66 @@
22572
22411
  },
22573
22412
  "parameters": [
22574
22413
  {
22575
- "name": "focusIndex",
22414
+ "name": "prev",
22576
22415
  "type": {
22577
- "text": "number"
22416
+ "text": "boolean"
22578
22417
  }
22579
22418
  },
22580
22419
  {
22581
- "name": "adjustment",
22420
+ "name": "next",
22582
22421
  "type": {
22583
- "text": "number"
22422
+ "text": "boolean"
22584
22423
  }
22585
22424
  }
22586
22425
  ],
22587
22426
  "inheritedFrom": {
22588
- "name": "Menu",
22589
- "module": "src/menu/menu.ts"
22427
+ "name": "ListboxOption",
22428
+ "module": "src/listbox-option/listbox-option.ts"
22590
22429
  }
22591
22430
  },
22592
22431
  {
22593
22432
  "kind": "field",
22594
- "name": "_presentation",
22433
+ "name": "selectedAttribute",
22595
22434
  "type": {
22596
- "text": "ComponentPresentation | null | undefined"
22435
+ "text": "boolean"
22597
22436
  },
22598
- "privacy": "private",
22599
- "default": "void 0",
22437
+ "privacy": "public",
22438
+ "description": "The selected attribute value. This sets the initial selected value.",
22600
22439
  "inheritedFrom": {
22601
- "name": "FoundationElement",
22602
- "module": "src/foundation-element/foundation-element.ts"
22440
+ "name": "ListboxOption",
22441
+ "module": "src/listbox-option/listbox-option.ts"
22603
22442
  }
22604
22443
  },
22605
22444
  {
22606
- "kind": "field",
22607
- "name": "$presentation",
22608
- "type": {
22609
- "text": "ComponentPresentation | null"
22445
+ "kind": "method",
22446
+ "name": "selectedAttributeChanged",
22447
+ "privacy": "protected",
22448
+ "return": {
22449
+ "type": {
22450
+ "text": "void"
22451
+ }
22610
22452
  },
22611
- "privacy": "public",
22612
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
22613
22453
  "inheritedFrom": {
22614
- "name": "FoundationElement",
22615
- "module": "src/foundation-element/foundation-element.ts"
22454
+ "name": "ListboxOption",
22455
+ "module": "src/listbox-option/listbox-option.ts"
22616
22456
  }
22617
22457
  },
22618
22458
  {
22619
22459
  "kind": "field",
22620
- "name": "template",
22460
+ "name": "selected",
22621
22461
  "type": {
22622
- "text": "ElementViewTemplate | void | null"
22462
+ "text": "boolean"
22623
22463
  },
22624
22464
  "privacy": "public",
22625
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
22465
+ "description": "The checked state of the control.",
22626
22466
  "inheritedFrom": {
22627
- "name": "FoundationElement",
22628
- "module": "src/foundation-element/foundation-element.ts"
22467
+ "name": "ListboxOption",
22468
+ "module": "src/listbox-option/listbox-option.ts"
22629
22469
  }
22630
22470
  },
22631
22471
  {
22632
22472
  "kind": "method",
22633
- "name": "templateChanged",
22473
+ "name": "selectedChanged",
22634
22474
  "privacy": "protected",
22635
22475
  "return": {
22636
22476
  "type": {
@@ -22638,73 +22478,235 @@
22638
22478
  }
22639
22479
  },
22640
22480
  "inheritedFrom": {
22641
- "name": "FoundationElement",
22642
- "module": "src/foundation-element/foundation-element.ts"
22481
+ "name": "ListboxOption",
22482
+ "module": "src/listbox-option/listbox-option.ts"
22643
22483
  }
22644
22484
  },
22645
22485
  {
22646
22486
  "kind": "field",
22647
- "name": "styles",
22487
+ "name": "dirtyValue",
22648
22488
  "type": {
22649
- "text": "ElementStyles | void | null"
22489
+ "text": "boolean"
22650
22490
  },
22651
22491
  "privacy": "public",
22652
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
22492
+ "default": "false",
22493
+ "description": "Track whether the value has been changed from the initial value",
22653
22494
  "inheritedFrom": {
22654
- "name": "FoundationElement",
22655
- "module": "src/foundation-element/foundation-element.ts"
22495
+ "name": "ListboxOption",
22496
+ "module": "src/listbox-option/listbox-option.ts"
22656
22497
  }
22657
22498
  },
22658
22499
  {
22659
- "kind": "method",
22660
- "name": "stylesChanged",
22661
- "privacy": "protected",
22662
- "return": {
22663
- "type": {
22664
- "text": "void"
22665
- }
22500
+ "kind": "field",
22501
+ "name": "initialValue",
22502
+ "type": {
22503
+ "text": "string"
22666
22504
  },
22505
+ "privacy": "protected",
22506
+ "description": "The initial value of the option. This value sets the `value` property\nonly when the `value` property has not been explicitly set.",
22667
22507
  "inheritedFrom": {
22668
- "name": "FoundationElement",
22669
- "module": "src/foundation-element/foundation-element.ts"
22508
+ "name": "ListboxOption",
22509
+ "module": "src/listbox-option/listbox-option.ts"
22670
22510
  }
22671
22511
  },
22672
22512
  {
22673
22513
  "kind": "method",
22674
- "name": "compose",
22514
+ "name": "initialValueChanged",
22675
22515
  "privacy": "public",
22676
- "static": true,
22677
22516
  "return": {
22678
22517
  "type": {
22679
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
22518
+ "text": "void"
22680
22519
  }
22681
22520
  },
22682
22521
  "parameters": [
22683
22522
  {
22684
- "name": "this",
22523
+ "name": "previous",
22685
22524
  "type": {
22686
- "text": "K"
22525
+ "text": "string"
22687
22526
  }
22688
22527
  },
22689
22528
  {
22690
- "name": "elementDefinition",
22529
+ "name": "next",
22691
22530
  "type": {
22692
- "text": "T"
22693
- },
22694
- "description": "The definition of the element to create the registry\nfunction for."
22531
+ "text": "string"
22532
+ }
22695
22533
  }
22696
22534
  ],
22697
- "description": "Defines an element registry function with a set of element definition defaults.",
22698
22535
  "inheritedFrom": {
22699
- "name": "FoundationElement",
22700
- "module": "src/foundation-element/foundation-element.ts"
22536
+ "name": "ListboxOption",
22537
+ "module": "src/listbox-option/listbox-option.ts"
22701
22538
  }
22702
- }
22703
- ]
22704
- },
22705
- {
22706
- "kind": "variable",
22707
- "name": "foundationMenuShadowOptions",
22539
+ },
22540
+ {
22541
+ "kind": "field",
22542
+ "name": "label",
22543
+ "privacy": "public",
22544
+ "inheritedFrom": {
22545
+ "name": "ListboxOption",
22546
+ "module": "src/listbox-option/listbox-option.ts"
22547
+ }
22548
+ },
22549
+ {
22550
+ "kind": "field",
22551
+ "name": "text",
22552
+ "type": {
22553
+ "text": "string"
22554
+ },
22555
+ "privacy": "public",
22556
+ "inheritedFrom": {
22557
+ "name": "ListboxOption",
22558
+ "module": "src/listbox-option/listbox-option.ts"
22559
+ }
22560
+ },
22561
+ {
22562
+ "kind": "field",
22563
+ "name": "value",
22564
+ "privacy": "public",
22565
+ "type": {
22566
+ "text": "string"
22567
+ },
22568
+ "inheritedFrom": {
22569
+ "name": "ListboxOption",
22570
+ "module": "src/listbox-option/listbox-option.ts"
22571
+ }
22572
+ },
22573
+ {
22574
+ "kind": "field",
22575
+ "name": "form",
22576
+ "type": {
22577
+ "text": "HTMLFormElement | null"
22578
+ },
22579
+ "privacy": "public",
22580
+ "inheritedFrom": {
22581
+ "name": "ListboxOption",
22582
+ "module": "src/listbox-option/listbox-option.ts"
22583
+ }
22584
+ },
22585
+ {
22586
+ "kind": "field",
22587
+ "name": "proxy",
22588
+ "default": "new Option(\n `${this.textContent}`,\n this.initialValue,\n this.defaultSelected,\n this.selected\n )",
22589
+ "inheritedFrom": {
22590
+ "name": "ListboxOption",
22591
+ "module": "src/listbox-option/listbox-option.ts"
22592
+ }
22593
+ },
22594
+ {
22595
+ "kind": "field",
22596
+ "name": "_presentation",
22597
+ "type": {
22598
+ "text": "ComponentPresentation | null | undefined"
22599
+ },
22600
+ "privacy": "private",
22601
+ "default": "void 0",
22602
+ "inheritedFrom": {
22603
+ "name": "FoundationElement",
22604
+ "module": "src/foundation-element/foundation-element.ts"
22605
+ }
22606
+ },
22607
+ {
22608
+ "kind": "field",
22609
+ "name": "$presentation",
22610
+ "type": {
22611
+ "text": "ComponentPresentation | null"
22612
+ },
22613
+ "privacy": "public",
22614
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
22615
+ "inheritedFrom": {
22616
+ "name": "FoundationElement",
22617
+ "module": "src/foundation-element/foundation-element.ts"
22618
+ }
22619
+ },
22620
+ {
22621
+ "kind": "field",
22622
+ "name": "template",
22623
+ "type": {
22624
+ "text": "ElementViewTemplate | void | null"
22625
+ },
22626
+ "privacy": "public",
22627
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
22628
+ "inheritedFrom": {
22629
+ "name": "FoundationElement",
22630
+ "module": "src/foundation-element/foundation-element.ts"
22631
+ }
22632
+ },
22633
+ {
22634
+ "kind": "method",
22635
+ "name": "templateChanged",
22636
+ "privacy": "protected",
22637
+ "return": {
22638
+ "type": {
22639
+ "text": "void"
22640
+ }
22641
+ },
22642
+ "inheritedFrom": {
22643
+ "name": "FoundationElement",
22644
+ "module": "src/foundation-element/foundation-element.ts"
22645
+ }
22646
+ },
22647
+ {
22648
+ "kind": "field",
22649
+ "name": "styles",
22650
+ "type": {
22651
+ "text": "ElementStyles | void | null"
22652
+ },
22653
+ "privacy": "public",
22654
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
22655
+ "inheritedFrom": {
22656
+ "name": "FoundationElement",
22657
+ "module": "src/foundation-element/foundation-element.ts"
22658
+ }
22659
+ },
22660
+ {
22661
+ "kind": "method",
22662
+ "name": "stylesChanged",
22663
+ "privacy": "protected",
22664
+ "return": {
22665
+ "type": {
22666
+ "text": "void"
22667
+ }
22668
+ },
22669
+ "inheritedFrom": {
22670
+ "name": "FoundationElement",
22671
+ "module": "src/foundation-element/foundation-element.ts"
22672
+ }
22673
+ },
22674
+ {
22675
+ "kind": "method",
22676
+ "name": "compose",
22677
+ "privacy": "public",
22678
+ "static": true,
22679
+ "return": {
22680
+ "type": {
22681
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
22682
+ }
22683
+ },
22684
+ "parameters": [
22685
+ {
22686
+ "name": "this",
22687
+ "type": {
22688
+ "text": "K"
22689
+ }
22690
+ },
22691
+ {
22692
+ "name": "elementDefinition",
22693
+ "type": {
22694
+ "text": "T"
22695
+ },
22696
+ "description": "The definition of the element to create the registry\nfunction for."
22697
+ }
22698
+ ],
22699
+ "description": "Defines an element registry function with a set of element definition defaults.",
22700
+ "inheritedFrom": {
22701
+ "name": "FoundationElement",
22702
+ "module": "src/foundation-element/foundation-element.ts"
22703
+ }
22704
+ }
22705
+ ]
22706
+ },
22707
+ {
22708
+ "kind": "variable",
22709
+ "name": "foundationListboxOptionShadowOptions",
22708
22710
  "type": {
22709
22711
  "text": "ShadowRootInit"
22710
22712
  },
@@ -22712,7 +22714,7 @@
22712
22714
  },
22713
22715
  {
22714
22716
  "kind": "variable",
22715
- "name": "defaultMenuConfig",
22717
+ "name": "defaultListboxOptionConfig",
22716
22718
  "type": {
22717
22719
  "text": "object"
22718
22720
  },
@@ -22720,42 +22722,40 @@
22720
22722
  },
22721
22723
  {
22722
22724
  "kind": "variable",
22723
- "name": "foundationMenu",
22724
- "description": "The Foundation Menu",
22725
- "privacy": "public"
22725
+ "name": "foundationListboxOption"
22726
22726
  }
22727
22727
  ],
22728
22728
  "exports": [
22729
22729
  {
22730
22730
  "kind": "js",
22731
- "name": "Menu",
22731
+ "name": "ListboxOption",
22732
22732
  "declaration": {
22733
- "name": "Menu",
22734
- "module": "src/menu/menu.ts"
22733
+ "name": "ListboxOption",
22734
+ "module": "src/listbox-option/listbox-option.ts"
22735
22735
  }
22736
22736
  },
22737
22737
  {
22738
22738
  "kind": "js",
22739
- "name": "foundationMenuShadowOptions",
22739
+ "name": "foundationListboxOptionShadowOptions",
22740
22740
  "declaration": {
22741
- "name": "foundationMenuShadowOptions",
22742
- "module": "src/menu/menu.ts"
22741
+ "name": "foundationListboxOptionShadowOptions",
22742
+ "module": "src/listbox-option/listbox-option.ts"
22743
22743
  }
22744
22744
  },
22745
22745
  {
22746
22746
  "kind": "js",
22747
- "name": "defaultMenuConfig",
22747
+ "name": "defaultListboxOptionConfig",
22748
22748
  "declaration": {
22749
- "name": "defaultMenuConfig",
22750
- "module": "src/menu/menu.ts"
22749
+ "name": "defaultListboxOptionConfig",
22750
+ "module": "src/listbox-option/listbox-option.ts"
22751
22751
  }
22752
22752
  },
22753
22753
  {
22754
22754
  "kind": "js",
22755
- "name": "foundationMenu",
22755
+ "name": "foundationListboxOption",
22756
22756
  "declaration": {
22757
- "name": "foundationMenu",
22758
- "module": "src/menu/menu.ts"
22757
+ "name": "foundationListboxOption",
22758
+ "module": "src/listbox-option/listbox-option.ts"
22759
22759
  }
22760
22760
  }
22761
22761
  ]
@@ -24521,7 +24521,7 @@
24521
24521
  },
24522
24522
  {
24523
24523
  "kind": "javascript-module",
24524
- "path": "src/notification-listener/index.ts",
24524
+ "path": "src/number-field/index.ts",
24525
24525
  "declarations": [],
24526
24526
  "exports": [
24527
24527
  {
@@ -24529,7 +24529,7 @@
24529
24529
  "name": "*",
24530
24530
  "declaration": {
24531
24531
  "name": "*",
24532
- "package": "./notification-listener.template"
24532
+ "package": "./number-field.template"
24533
24533
  }
24534
24534
  },
24535
24535
  {
@@ -24537,440 +24537,400 @@
24537
24537
  "name": "*",
24538
24538
  "declaration": {
24539
24539
  "name": "*",
24540
- "package": "./notification-listener"
24540
+ "package": "./number-field.styles"
24541
+ }
24542
+ },
24543
+ {
24544
+ "kind": "js",
24545
+ "name": "*",
24546
+ "declaration": {
24547
+ "name": "*",
24548
+ "package": "./number-field"
24541
24549
  }
24542
24550
  }
24543
24551
  ]
24544
24552
  },
24545
24553
  {
24546
24554
  "kind": "javascript-module",
24547
- "path": "src/notification-listener/notification-listener.template.ts",
24555
+ "path": "src/number-field/number-field.styles.ts",
24548
24556
  "declarations": [
24549
24557
  {
24550
- "kind": "variable",
24551
- "name": "foundationNotificationListenerTemplate",
24552
- "type": {
24553
- "text": "ViewTemplate<NotificationListener>"
24558
+ "kind": "function",
24559
+ "name": "foundationNumberFieldStyles",
24560
+ "return": {
24561
+ "type": {
24562
+ "text": "ElementStyles"
24563
+ }
24554
24564
  },
24555
- "default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
24565
+ "parameters": [
24566
+ {
24567
+ "name": "context",
24568
+ "type": {
24569
+ "text": "ElementDefinitionContext"
24570
+ }
24571
+ },
24572
+ {
24573
+ "name": "definition",
24574
+ "type": {
24575
+ "text": "FoundationElementDefinition"
24576
+ }
24577
+ }
24578
+ ]
24556
24579
  }
24557
24580
  ],
24558
24581
  "exports": [
24559
24582
  {
24560
24583
  "kind": "js",
24561
- "name": "foundationNotificationListenerTemplate",
24584
+ "name": "foundationNumberFieldStyles",
24562
24585
  "declaration": {
24563
- "name": "foundationNotificationListenerTemplate",
24564
- "module": "src/notification-listener/notification-listener.template.ts"
24586
+ "name": "foundationNumberFieldStyles",
24587
+ "module": "src/number-field/number-field.styles.ts"
24565
24588
  }
24566
24589
  }
24567
24590
  ]
24568
24591
  },
24569
24592
  {
24570
24593
  "kind": "javascript-module",
24571
- "path": "src/notification-listener/notification-listener.ts",
24594
+ "path": "src/number-field/number-field.template.ts",
24572
24595
  "declarations": [
24573
24596
  {
24574
- "kind": "variable",
24575
- "name": "foundationNotificationListenerShadowOptions",
24576
- "type": {
24577
- "text": "ShadowRootInit"
24578
- },
24579
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
24580
- },
24597
+ "kind": "function",
24598
+ "name": "foundationNumberFieldTemplate",
24599
+ "parameters": [
24600
+ {
24601
+ "name": "context",
24602
+ "type": {
24603
+ "text": "ElementDefinitionContext"
24604
+ }
24605
+ },
24606
+ {
24607
+ "name": "definition",
24608
+ "type": {
24609
+ "text": "NumberFieldOptions"
24610
+ }
24611
+ }
24612
+ ]
24613
+ }
24614
+ ],
24615
+ "exports": [
24616
+ {
24617
+ "kind": "js",
24618
+ "name": "foundationNumberFieldTemplate",
24619
+ "declaration": {
24620
+ "name": "foundationNumberFieldTemplate",
24621
+ "module": "src/number-field/number-field.template.ts"
24622
+ }
24623
+ }
24624
+ ]
24625
+ },
24626
+ {
24627
+ "kind": "javascript-module",
24628
+ "path": "src/number-field/number-field.ts",
24629
+ "declarations": [
24581
24630
  {
24582
24631
  "kind": "class",
24583
24632
  "description": "",
24584
- "name": "NotificationListener",
24633
+ "name": "NumberField",
24585
24634
  "members": [
24586
24635
  {
24587
24636
  "kind": "field",
24588
- "name": "notificationListener",
24637
+ "name": "autocomplete",
24589
24638
  "type": {
24590
- "text": "HTMLElement"
24639
+ "text": "string"
24591
24640
  }
24592
24641
  },
24642
+ {
24643
+ "kind": "method",
24644
+ "name": "autocompleteChanged",
24645
+ "privacy": "private"
24646
+ },
24593
24647
  {
24594
24648
  "kind": "field",
24595
- "name": "resourceName",
24596
- "description": "The resource name holding new and existing notifications",
24597
- "privacy": "public"
24649
+ "name": "hideStep",
24650
+ "type": {
24651
+ "text": "boolean"
24652
+ },
24653
+ "privacy": "public",
24654
+ "default": "false",
24655
+ "description": "When true, spin buttons will not be rendered",
24656
+ "inheritedFrom": {
24657
+ "name": "NumberField",
24658
+ "module": "src/number-field/number-field.ts"
24659
+ }
24598
24660
  },
24599
24661
  {
24600
24662
  "kind": "field",
24601
- "name": "closeTimeout",
24663
+ "name": "value",
24602
24664
  "type": {
24603
- "text": "number"
24665
+ "text": "string"
24604
24666
  },
24605
- "default": "0",
24606
- "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
24607
- "privacy": "public"
24667
+ "default": "''"
24608
24668
  },
24609
24669
  {
24610
24670
  "kind": "field",
24611
- "name": "toastButtons",
24671
+ "name": "withFormatting",
24612
24672
  "type": {
24613
- "text": "ToastButton[]"
24673
+ "text": "boolean"
24614
24674
  },
24615
- "default": "[]",
24616
- "description": "Array of buttons for notification toasts",
24617
- "privacy": "public"
24675
+ "default": "false"
24618
24676
  },
24619
24677
  {
24620
24678
  "kind": "field",
24621
- "name": "dataSub",
24679
+ "name": "locale",
24622
24680
  "type": {
24623
- "text": "Subscription"
24681
+ "text": "string"
24624
24682
  },
24625
- "privacy": "protected"
24683
+ "default": "'en-US'"
24626
24684
  },
24627
24685
  {
24628
24686
  "kind": "field",
24629
- "name": "datasource",
24687
+ "name": "options",
24630
24688
  "type": {
24631
- "text": "Datasource"
24689
+ "text": "Intl.NumberFormatOptions"
24632
24690
  },
24633
- "privacy": "private"
24691
+ "default": "{\n maximumFractionDigits: 3,\n minimumFractionDigits: 0,\n }"
24634
24692
  },
24635
24693
  {
24636
24694
  "kind": "method",
24637
- "name": "handleStreamUpdate",
24695
+ "name": "sanitiseInputVal",
24638
24696
  "privacy": "private",
24639
24697
  "return": {
24640
24698
  "type": {
24641
- "text": "void"
24699
+ "text": "string"
24642
24700
  }
24643
24701
  },
24644
24702
  "parameters": [
24645
24703
  {
24646
- "name": "dataServerResult",
24704
+ "name": "inputVal",
24647
24705
  "type": {
24648
- "text": "any"
24706
+ "text": "string"
24649
24707
  }
24650
24708
  }
24651
24709
  ]
24652
24710
  },
24653
24711
  {
24654
24712
  "kind": "method",
24655
- "name": "showNotificationToast",
24656
- "privacy": "protected",
24713
+ "name": "toIntlNumberFormat",
24714
+ "privacy": "private",
24657
24715
  "return": {
24658
24716
  "type": {
24659
- "text": "void"
24717
+ "text": "string"
24660
24718
  }
24661
24719
  },
24662
24720
  "parameters": [
24663
24721
  {
24664
- "name": "row",
24722
+ "name": "value",
24665
24723
  "type": {
24666
- "text": "NotificationDataRow"
24724
+ "text": "string"
24667
24725
  }
24668
24726
  }
24669
24727
  ]
24670
24728
  },
24671
24729
  {
24672
- "kind": "field",
24673
- "name": "_presentation",
24674
- "type": {
24675
- "text": "ComponentPresentation | null | undefined"
24676
- },
24730
+ "kind": "method",
24731
+ "name": "validateValue",
24677
24732
  "privacy": "private",
24678
- "default": "void 0",
24679
- "inheritedFrom": {
24680
- "name": "FoundationElement",
24681
- "module": "src/foundation-element/foundation-element.ts"
24682
- }
24733
+ "return": {
24734
+ "type": {
24735
+ "text": "string"
24736
+ }
24737
+ },
24738
+ "parameters": [
24739
+ {
24740
+ "name": "value",
24741
+ "type": {
24742
+ "text": "string"
24743
+ }
24744
+ },
24745
+ {
24746
+ "name": "withFormatting",
24747
+ "default": "true"
24748
+ }
24749
+ ]
24683
24750
  },
24684
24751
  {
24685
- "kind": "field",
24686
- "name": "$presentation",
24687
- "type": {
24688
- "text": "ComponentPresentation | null"
24752
+ "kind": "method",
24753
+ "name": "validateMinMax",
24754
+ "privacy": "private",
24755
+ "return": {
24756
+ "type": {
24757
+ "text": "string"
24758
+ }
24689
24759
  },
24690
- "privacy": "public",
24691
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
24692
- "inheritedFrom": {
24693
- "name": "FoundationElement",
24694
- "module": "src/foundation-element/foundation-element.ts"
24695
- }
24760
+ "parameters": [
24761
+ {
24762
+ "name": "value",
24763
+ "type": {
24764
+ "text": "string"
24765
+ }
24766
+ },
24767
+ {
24768
+ "name": "withFormatting",
24769
+ "default": "true"
24770
+ }
24771
+ ]
24696
24772
  },
24697
24773
  {
24698
- "kind": "field",
24699
- "name": "template",
24700
- "type": {
24701
- "text": "ElementViewTemplate | void | null"
24702
- },
24774
+ "kind": "method",
24775
+ "name": "stepUp",
24703
24776
  "privacy": "public",
24704
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
24777
+ "return": {
24778
+ "type": {
24779
+ "text": "void"
24780
+ }
24781
+ },
24782
+ "description": "Increments the value using the step value",
24705
24783
  "inheritedFrom": {
24706
- "name": "FoundationElement",
24707
- "module": "src/foundation-element/foundation-element.ts"
24784
+ "name": "NumberField",
24785
+ "module": "src/number-field/number-field.ts"
24708
24786
  }
24709
24787
  },
24710
24788
  {
24711
24789
  "kind": "method",
24712
- "name": "templateChanged",
24713
- "privacy": "protected",
24790
+ "name": "stepDown",
24791
+ "privacy": "public",
24714
24792
  "return": {
24715
24793
  "type": {
24716
24794
  "text": "void"
24717
24795
  }
24718
24796
  },
24797
+ "description": "Decrements the value using the step value",
24719
24798
  "inheritedFrom": {
24720
- "name": "FoundationElement",
24721
- "module": "src/foundation-element/foundation-element.ts"
24799
+ "name": "NumberField",
24800
+ "module": "src/number-field/number-field.ts"
24722
24801
  }
24723
24802
  },
24724
24803
  {
24725
- "kind": "field",
24726
- "name": "styles",
24727
- "type": {
24728
- "text": "ElementStyles | void | null"
24729
- },
24730
- "privacy": "public",
24731
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
24732
- "inheritedFrom": {
24733
- "name": "FoundationElement",
24734
- "module": "src/foundation-element/foundation-element.ts"
24735
- }
24804
+ "kind": "method",
24805
+ "name": "hasSeparatorWithoutDecimals"
24736
24806
  },
24737
24807
  {
24738
24808
  "kind": "method",
24739
- "name": "stylesChanged",
24740
- "privacy": "protected",
24809
+ "name": "handleTextInput",
24741
24810
  "return": {
24742
24811
  "type": {
24743
24812
  "text": "void"
24744
24813
  }
24745
- },
24746
- "inheritedFrom": {
24747
- "name": "FoundationElement",
24748
- "module": "src/foundation-element/foundation-element.ts"
24749
24814
  }
24750
24815
  },
24751
24816
  {
24752
24817
  "kind": "method",
24753
- "name": "compose",
24754
- "privacy": "public",
24755
- "static": true,
24818
+ "name": "valueChanged",
24756
24819
  "return": {
24757
24820
  "type": {
24758
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
24821
+ "text": "void"
24759
24822
  }
24760
24823
  },
24761
24824
  "parameters": [
24762
24825
  {
24763
- "name": "this",
24826
+ "name": "previous",
24764
24827
  "type": {
24765
- "text": "K"
24828
+ "text": "any"
24766
24829
  }
24767
24830
  },
24768
24831
  {
24769
- "name": "elementDefinition",
24832
+ "name": "next",
24770
24833
  "type": {
24771
- "text": "T"
24772
- },
24773
- "description": "The definition of the element to create the registry\nfunction for."
24834
+ "text": "any"
24835
+ }
24774
24836
  }
24775
- ],
24776
- "description": "Defines an element registry function with a set of element definition defaults.",
24777
- "inheritedFrom": {
24778
- "name": "FoundationElement",
24779
- "module": "src/foundation-element/foundation-element.ts"
24780
- }
24781
- }
24782
- ],
24783
- "attributes": [
24837
+ ]
24838
+ },
24784
24839
  {
24785
- "name": "resource-name",
24786
- "description": "The resource name holding new and existing notifications",
24787
- "fieldName": "resourceName"
24840
+ "kind": "method",
24841
+ "name": "handleBlur",
24842
+ "return": {
24843
+ "type": {
24844
+ "text": "void"
24845
+ }
24846
+ }
24788
24847
  },
24789
24848
  {
24790
- "name": "close-timeout",
24849
+ "kind": "field",
24850
+ "name": "readOnly",
24791
24851
  "type": {
24792
- "text": "number"
24852
+ "text": "boolean"
24793
24853
  },
24794
- "default": "0",
24795
- "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
24796
- "fieldName": "closeTimeout"
24797
- }
24798
- ],
24799
- "superclass": {
24800
- "name": "FoundationElement",
24801
- "package": "@microsoft/fast-foundation"
24802
- },
24803
- "tagName": "%%prefix%%-notification-listener",
24804
- "customElement": true
24805
- },
24806
- {
24807
- "kind": "variable",
24808
- "name": "foundationNotificationListener",
24809
- "description": "The Foundation Notification Listener",
24810
- "privacy": "public"
24811
- }
24812
- ],
24813
- "exports": [
24814
- {
24815
- "kind": "js",
24816
- "name": "foundationNotificationListenerShadowOptions",
24817
- "declaration": {
24818
- "name": "foundationNotificationListenerShadowOptions",
24819
- "module": "src/notification-listener/notification-listener.ts"
24820
- }
24821
- },
24822
- {
24823
- "kind": "js",
24824
- "name": "NotificationListener",
24825
- "declaration": {
24826
- "name": "NotificationListener",
24827
- "module": "src/notification-listener/notification-listener.ts"
24828
- }
24829
- },
24830
- {
24831
- "kind": "js",
24832
- "name": "foundationNotificationListener",
24833
- "declaration": {
24834
- "name": "foundationNotificationListener",
24835
- "module": "src/notification-listener/notification-listener.ts"
24836
- }
24837
- }
24838
- ]
24839
- },
24840
- {
24841
- "kind": "javascript-module",
24842
- "path": "src/number-field/index.ts",
24843
- "declarations": [],
24844
- "exports": [
24845
- {
24846
- "kind": "js",
24847
- "name": "*",
24848
- "declaration": {
24849
- "name": "*",
24850
- "package": "./number-field.template"
24851
- }
24852
- },
24853
- {
24854
- "kind": "js",
24855
- "name": "*",
24856
- "declaration": {
24857
- "name": "*",
24858
- "package": "./number-field.styles"
24859
- }
24860
- },
24861
- {
24862
- "kind": "js",
24863
- "name": "*",
24864
- "declaration": {
24865
- "name": "*",
24866
- "package": "./number-field"
24867
- }
24868
- }
24869
- ]
24870
- },
24871
- {
24872
- "kind": "javascript-module",
24873
- "path": "src/number-field/number-field.styles.ts",
24874
- "declarations": [
24875
- {
24876
- "kind": "function",
24877
- "name": "foundationNumberFieldStyles",
24878
- "return": {
24879
- "type": {
24880
- "text": "ElementStyles"
24881
- }
24882
- },
24883
- "parameters": [
24884
- {
24885
- "name": "context",
24886
- "type": {
24887
- "text": "ElementDefinitionContext"
24854
+ "privacy": "public",
24855
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
24856
+ "inheritedFrom": {
24857
+ "name": "NumberField",
24858
+ "module": "src/number-field/number-field.ts"
24888
24859
  }
24889
24860
  },
24890
24861
  {
24891
- "name": "definition",
24862
+ "kind": "field",
24863
+ "name": "autofocus",
24892
24864
  "type": {
24893
- "text": "FoundationElementDefinition"
24865
+ "text": "boolean"
24866
+ },
24867
+ "privacy": "public",
24868
+ "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
24869
+ "inheritedFrom": {
24870
+ "name": "NumberField",
24871
+ "module": "src/number-field/number-field.ts"
24894
24872
  }
24895
- }
24896
- ]
24897
- }
24898
- ],
24899
- "exports": [
24900
- {
24901
- "kind": "js",
24902
- "name": "foundationNumberFieldStyles",
24903
- "declaration": {
24904
- "name": "foundationNumberFieldStyles",
24905
- "module": "src/number-field/number-field.styles.ts"
24906
- }
24907
- }
24908
- ]
24909
- },
24910
- {
24911
- "kind": "javascript-module",
24912
- "path": "src/number-field/number-field.template.ts",
24913
- "declarations": [
24914
- {
24915
- "kind": "function",
24916
- "name": "foundationNumberFieldTemplate",
24917
- "parameters": [
24873
+ },
24918
24874
  {
24919
- "name": "context",
24875
+ "kind": "field",
24876
+ "name": "placeholder",
24920
24877
  "type": {
24921
- "text": "ElementDefinitionContext"
24878
+ "text": "string"
24879
+ },
24880
+ "privacy": "public",
24881
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
24882
+ "inheritedFrom": {
24883
+ "name": "NumberField",
24884
+ "module": "src/number-field/number-field.ts"
24922
24885
  }
24923
24886
  },
24924
24887
  {
24925
- "name": "definition",
24888
+ "kind": "field",
24889
+ "name": "list",
24926
24890
  "type": {
24927
- "text": "NumberFieldOptions"
24891
+ "text": "string"
24892
+ },
24893
+ "privacy": "public",
24894
+ "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
24895
+ "inheritedFrom": {
24896
+ "name": "NumberField",
24897
+ "module": "src/number-field/number-field.ts"
24928
24898
  }
24929
- }
24930
- ]
24931
- }
24932
- ],
24933
- "exports": [
24934
- {
24935
- "kind": "js",
24936
- "name": "foundationNumberFieldTemplate",
24937
- "declaration": {
24938
- "name": "foundationNumberFieldTemplate",
24939
- "module": "src/number-field/number-field.template.ts"
24940
- }
24941
- }
24942
- ]
24943
- },
24944
- {
24945
- "kind": "javascript-module",
24946
- "path": "src/number-field/number-field.ts",
24947
- "declarations": [
24948
- {
24949
- "kind": "class",
24950
- "description": "",
24951
- "name": "NumberField",
24952
- "members": [
24899
+ },
24953
24900
  {
24954
24901
  "kind": "field",
24955
- "name": "autocomplete",
24902
+ "name": "maxlength",
24956
24903
  "type": {
24957
- "text": "string"
24904
+ "text": "number"
24905
+ },
24906
+ "privacy": "public",
24907
+ "description": "The maximum number of characters a user can enter.",
24908
+ "inheritedFrom": {
24909
+ "name": "NumberField",
24910
+ "module": "src/number-field/number-field.ts"
24958
24911
  }
24959
24912
  },
24960
24913
  {
24961
- "kind": "method",
24962
- "name": "autocompleteChanged",
24963
- "privacy": "private"
24914
+ "kind": "field",
24915
+ "name": "minlength",
24916
+ "type": {
24917
+ "text": "number"
24918
+ },
24919
+ "privacy": "public",
24920
+ "description": "The minimum number of characters a user can enter.",
24921
+ "inheritedFrom": {
24922
+ "name": "NumberField",
24923
+ "module": "src/number-field/number-field.ts"
24924
+ }
24964
24925
  },
24965
24926
  {
24966
24927
  "kind": "field",
24967
- "name": "hideStep",
24928
+ "name": "size",
24968
24929
  "type": {
24969
- "text": "boolean"
24930
+ "text": "number"
24970
24931
  },
24971
24932
  "privacy": "public",
24972
- "default": "false",
24973
- "description": "When true, spin buttons will not be rendered",
24933
+ "description": "Sets the width of the element to a specified number of characters.",
24974
24934
  "inheritedFrom": {
24975
24935
  "name": "NumberField",
24976
24936
  "module": "src/number-field/number-field.ts"
@@ -24978,126 +24938,129 @@
24978
24938
  },
24979
24939
  {
24980
24940
  "kind": "field",
24981
- "name": "value",
24941
+ "name": "step",
24982
24942
  "type": {
24983
- "text": "string"
24943
+ "text": "number"
24984
24944
  },
24985
- "default": "''"
24945
+ "privacy": "public",
24946
+ "default": "1",
24947
+ "description": "Amount to increment or decrement the value by",
24948
+ "inheritedFrom": {
24949
+ "name": "NumberField",
24950
+ "module": "src/number-field/number-field.ts"
24951
+ }
24986
24952
  },
24987
24953
  {
24988
24954
  "kind": "field",
24989
- "name": "withFormatting",
24955
+ "name": "max",
24990
24956
  "type": {
24991
- "text": "boolean"
24957
+ "text": "number"
24992
24958
  },
24993
- "default": "false"
24959
+ "privacy": "public",
24960
+ "description": "The maximum the value can be",
24961
+ "inheritedFrom": {
24962
+ "name": "NumberField",
24963
+ "module": "src/number-field/number-field.ts"
24964
+ }
24994
24965
  },
24995
24966
  {
24996
24967
  "kind": "field",
24997
- "name": "locale",
24968
+ "name": "min",
24998
24969
  "type": {
24999
- "text": "string"
24970
+ "text": "number"
25000
24971
  },
25001
- "default": "'en-US'"
24972
+ "privacy": "public",
24973
+ "description": "The minimum the value can be",
24974
+ "inheritedFrom": {
24975
+ "name": "NumberField",
24976
+ "module": "src/number-field/number-field.ts"
24977
+ }
25002
24978
  },
25003
24979
  {
25004
24980
  "kind": "field",
25005
- "name": "options",
24981
+ "name": "valueAsNumber",
25006
24982
  "type": {
25007
- "text": "Intl.NumberFormatOptions"
24983
+ "text": "number"
25008
24984
  },
25009
- "default": "{\n maximumFractionDigits: 3,\n minimumFractionDigits: 0,\n }"
24985
+ "privacy": "public",
24986
+ "description": "The value property, typed as a number.",
24987
+ "inheritedFrom": {
24988
+ "name": "NumberField",
24989
+ "module": "src/number-field/number-field.ts"
24990
+ }
25010
24991
  },
25011
24992
  {
25012
24993
  "kind": "method",
25013
- "name": "sanitiseInputVal",
25014
- "privacy": "private",
24994
+ "name": "validate",
24995
+ "privacy": "public",
25015
24996
  "return": {
25016
24997
  "type": {
25017
- "text": "string"
24998
+ "text": "void"
25018
24999
  }
25019
25000
  },
25020
- "parameters": [
25021
- {
25022
- "name": "inputVal",
25023
- "type": {
25024
- "text": "string"
25025
- }
25026
- }
25027
- ]
25001
+ "description": "{@inheritDoc (FormAssociated:interface).validate}",
25002
+ "inheritedFrom": {
25003
+ "name": "NumberField",
25004
+ "module": "src/number-field/number-field.ts"
25005
+ }
25028
25006
  },
25029
25007
  {
25030
25008
  "kind": "method",
25031
- "name": "toIntlNumberFormat",
25032
- "privacy": "private",
25009
+ "name": "select",
25010
+ "privacy": "public",
25033
25011
  "return": {
25034
25012
  "type": {
25035
- "text": "string"
25013
+ "text": "void"
25036
25014
  }
25037
25015
  },
25038
- "parameters": [
25039
- {
25040
- "name": "value",
25041
- "type": {
25042
- "text": "string"
25043
- }
25044
- }
25045
- ]
25016
+ "description": "Selects all the text in the number field",
25017
+ "inheritedFrom": {
25018
+ "name": "NumberField",
25019
+ "module": "src/number-field/number-field.ts"
25020
+ }
25046
25021
  },
25047
25022
  {
25048
- "kind": "method",
25049
- "name": "validateValue",
25050
- "privacy": "private",
25051
- "return": {
25052
- "type": {
25053
- "text": "string"
25054
- }
25055
- },
25056
- "parameters": [
25057
- {
25058
- "name": "value",
25059
- "type": {
25060
- "text": "string"
25061
- }
25062
- },
25063
- {
25064
- "name": "withFormatting",
25065
- "default": "true"
25066
- }
25067
- ]
25023
+ "kind": "field",
25024
+ "name": "proxy",
25025
+ "inheritedFrom": {
25026
+ "name": "NumberField",
25027
+ "module": "src/number-field/number-field.ts"
25028
+ }
25068
25029
  },
25069
25030
  {
25070
- "kind": "method",
25071
- "name": "validateMinMax",
25072
- "privacy": "private",
25073
- "return": {
25074
- "type": {
25075
- "text": "string"
25076
- }
25031
+ "kind": "field",
25032
+ "name": "_presentation",
25033
+ "type": {
25034
+ "text": "ComponentPresentation | null | undefined"
25077
25035
  },
25078
- "parameters": [
25079
- {
25080
- "name": "value",
25081
- "type": {
25082
- "text": "string"
25083
- }
25084
- },
25085
- {
25086
- "name": "withFormatting",
25087
- "default": "true"
25088
- }
25089
- ]
25036
+ "privacy": "private",
25037
+ "default": "void 0",
25038
+ "inheritedFrom": {
25039
+ "name": "NumberField",
25040
+ "module": "src/number-field/number-field.ts"
25041
+ }
25090
25042
  },
25091
25043
  {
25092
- "kind": "method",
25093
- "name": "stepUp",
25044
+ "kind": "field",
25045
+ "name": "$presentation",
25046
+ "type": {
25047
+ "text": "ComponentPresentation | null"
25048
+ },
25094
25049
  "privacy": "public",
25095
- "return": {
25096
- "type": {
25097
- "text": "void"
25098
- }
25050
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
25051
+ "inheritedFrom": {
25052
+ "name": "NumberField",
25053
+ "module": "src/number-field/number-field.ts"
25054
+ }
25055
+ },
25056
+ {
25057
+ "kind": "field",
25058
+ "name": "template",
25059
+ "type": {
25060
+ "text": "ElementViewTemplate | void | null"
25099
25061
  },
25100
- "description": "Increments the value using the step value",
25062
+ "privacy": "public",
25063
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
25101
25064
  "inheritedFrom": {
25102
25065
  "name": "NumberField",
25103
25066
  "module": "src/number-field/number-field.ts"
@@ -25105,245 +25068,406 @@
25105
25068
  },
25106
25069
  {
25107
25070
  "kind": "method",
25108
- "name": "stepDown",
25109
- "privacy": "public",
25071
+ "name": "templateChanged",
25072
+ "privacy": "protected",
25110
25073
  "return": {
25111
25074
  "type": {
25112
25075
  "text": "void"
25113
25076
  }
25114
25077
  },
25115
- "description": "Decrements the value using the step value",
25116
25078
  "inheritedFrom": {
25117
25079
  "name": "NumberField",
25118
25080
  "module": "src/number-field/number-field.ts"
25119
25081
  }
25120
25082
  },
25121
25083
  {
25122
- "kind": "method",
25123
- "name": "hasSeparatorWithoutDecimals"
25084
+ "kind": "field",
25085
+ "name": "styles",
25086
+ "type": {
25087
+ "text": "ElementStyles | void | null"
25088
+ },
25089
+ "privacy": "public",
25090
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
25091
+ "inheritedFrom": {
25092
+ "name": "NumberField",
25093
+ "module": "src/number-field/number-field.ts"
25094
+ }
25124
25095
  },
25125
25096
  {
25126
25097
  "kind": "method",
25127
- "name": "handleTextInput",
25098
+ "name": "stylesChanged",
25099
+ "privacy": "protected",
25128
25100
  "return": {
25129
25101
  "type": {
25130
25102
  "text": "void"
25131
25103
  }
25104
+ },
25105
+ "inheritedFrom": {
25106
+ "name": "NumberField",
25107
+ "module": "src/number-field/number-field.ts"
25132
25108
  }
25133
25109
  },
25134
25110
  {
25135
25111
  "kind": "method",
25136
- "name": "valueChanged",
25112
+ "name": "compose",
25113
+ "privacy": "public",
25114
+ "static": true,
25137
25115
  "return": {
25138
25116
  "type": {
25139
- "text": "void"
25117
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
25140
25118
  }
25141
25119
  },
25142
25120
  "parameters": [
25143
25121
  {
25144
- "name": "previous",
25122
+ "name": "this",
25145
25123
  "type": {
25146
- "text": "any"
25124
+ "text": "K"
25147
25125
  }
25148
25126
  },
25149
25127
  {
25150
- "name": "next",
25128
+ "name": "elementDefinition",
25151
25129
  "type": {
25152
- "text": "any"
25153
- }
25154
- }
25155
- ]
25156
- },
25157
- {
25158
- "kind": "method",
25159
- "name": "handleBlur",
25160
- "return": {
25161
- "type": {
25162
- "text": "void"
25130
+ "text": "T"
25131
+ },
25132
+ "description": "The definition of the element to create the registry\nfunction for."
25163
25133
  }
25164
- }
25165
- },
25166
- {
25167
- "kind": "field",
25168
- "name": "readOnly",
25169
- "type": {
25170
- "text": "boolean"
25171
- },
25172
- "privacy": "public",
25173
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
25134
+ ],
25135
+ "description": "Defines an element registry function with a set of element definition defaults.",
25174
25136
  "inheritedFrom": {
25175
25137
  "name": "NumberField",
25176
25138
  "module": "src/number-field/number-field.ts"
25177
25139
  }
25140
+ }
25141
+ ],
25142
+ "attributes": [
25143
+ {
25144
+ "name": "autocomplete",
25145
+ "type": {
25146
+ "text": "string"
25147
+ },
25148
+ "fieldName": "autocomplete"
25178
25149
  },
25179
25150
  {
25180
- "kind": "field",
25181
- "name": "autofocus",
25182
25151
  "type": {
25183
- "text": "boolean"
25152
+ "text": "number"
25184
25153
  },
25185
- "privacy": "public",
25186
- "description": "Indicates that this element should get focus after the page finishes loading. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute} for more information.",
25154
+ "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
25155
+ "fieldName": "hideStep",
25156
+ "default": "false",
25187
25157
  "inheritedFrom": {
25188
25158
  "name": "NumberField",
25189
25159
  "module": "src/number-field/number-field.ts"
25190
25160
  }
25191
25161
  },
25192
25162
  {
25193
- "kind": "field",
25194
- "name": "placeholder",
25163
+ "name": "value",
25195
25164
  "type": {
25196
25165
  "text": "string"
25197
25166
  },
25198
- "privacy": "public",
25199
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
25167
+ "default": "''",
25168
+ "fieldName": "value"
25169
+ },
25170
+ {
25171
+ "type": {
25172
+ "text": "number"
25173
+ },
25174
+ "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
25175
+ "fieldName": "hideStep",
25176
+ "default": "false",
25200
25177
  "inheritedFrom": {
25201
25178
  "name": "NumberField",
25202
25179
  "module": "src/number-field/number-field.ts"
25203
25180
  }
25204
25181
  },
25205
25182
  {
25206
- "kind": "field",
25207
- "name": "list",
25183
+ "name": "locale",
25208
25184
  "type": {
25209
25185
  "text": "string"
25210
25186
  },
25211
- "privacy": "public",
25212
- "description": "Allows associating a {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist} to the element by {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/id}.",
25187
+ "default": "'en-US'",
25188
+ "fieldName": "locale"
25189
+ },
25190
+ {
25191
+ "name": "readonly",
25192
+ "type": {
25193
+ "text": "boolean"
25194
+ },
25195
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
25196
+ "fieldName": "readOnly",
25213
25197
  "inheritedFrom": {
25214
25198
  "name": "NumberField",
25215
25199
  "module": "src/number-field/number-field.ts"
25216
25200
  }
25217
25201
  },
25218
25202
  {
25219
- "kind": "field",
25220
- "name": "maxlength",
25203
+ "name": "hide-step",
25221
25204
  "type": {
25222
- "text": "number"
25205
+ "text": "boolean"
25223
25206
  },
25224
- "privacy": "public",
25225
- "description": "The maximum number of characters a user can enter.",
25207
+ "default": "false",
25208
+ "description": "When true, spin buttons will not be rendered",
25209
+ "fieldName": "hideStep",
25226
25210
  "inheritedFrom": {
25227
25211
  "name": "NumberField",
25228
25212
  "module": "src/number-field/number-field.ts"
25229
25213
  }
25230
25214
  },
25231
25215
  {
25232
- "kind": "field",
25233
- "name": "minlength",
25216
+ "name": "placeholder",
25234
25217
  "type": {
25235
- "text": "number"
25218
+ "text": "string"
25236
25219
  },
25237
- "privacy": "public",
25238
- "description": "The minimum number of characters a user can enter.",
25220
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
25221
+ "fieldName": "placeholder",
25239
25222
  "inheritedFrom": {
25240
25223
  "name": "NumberField",
25241
25224
  "module": "src/number-field/number-field.ts"
25242
25225
  }
25243
25226
  },
25244
25227
  {
25245
- "kind": "field",
25246
- "name": "size",
25228
+ "name": "list",
25247
25229
  "type": {
25248
- "text": "number"
25230
+ "text": "string"
25249
25231
  },
25250
- "privacy": "public",
25251
- "description": "Sets the width of the element to a specified number of characters.",
25232
+ "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
25233
+ "fieldName": "list",
25252
25234
  "inheritedFrom": {
25253
25235
  "name": "NumberField",
25254
25236
  "module": "src/number-field/number-field.ts"
25255
25237
  }
25256
- },
25238
+ }
25239
+ ],
25240
+ "superclass": {
25241
+ "name": "FASTNumberField",
25242
+ "package": "@microsoft/fast-components"
25243
+ },
25244
+ "tagName": "%%prefix%%-number-field",
25245
+ "customElement": true,
25246
+ "events": [
25257
25247
  {
25258
- "kind": "field",
25259
- "name": "step",
25260
- "type": {
25261
- "text": "number"
25262
- },
25263
- "privacy": "public",
25264
- "default": "1",
25265
- "description": "Amount to increment or decrement the value by",
25248
+ "description": "Fires a custom 'input' event when the value has changed",
25249
+ "name": "input",
25266
25250
  "inheritedFrom": {
25267
25251
  "name": "NumberField",
25268
25252
  "module": "src/number-field/number-field.ts"
25269
25253
  }
25270
25254
  },
25271
25255
  {
25272
- "kind": "field",
25273
- "name": "max",
25274
- "type": {
25275
- "text": "number"
25276
- },
25277
- "privacy": "public",
25278
- "description": "The maximum the value can be",
25256
+ "description": "Fires a custom 'change' event when the value has changed",
25257
+ "name": "change",
25279
25258
  "inheritedFrom": {
25280
25259
  "name": "NumberField",
25281
25260
  "module": "src/number-field/number-field.ts"
25282
25261
  }
25262
+ }
25263
+ ]
25264
+ },
25265
+ {
25266
+ "kind": "variable",
25267
+ "name": "foundationNumberFieldShadowOptions",
25268
+ "type": {
25269
+ "text": "ShadowRootInit"
25270
+ },
25271
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
25272
+ },
25273
+ {
25274
+ "kind": "variable",
25275
+ "name": "defaultNumberFieldConfig",
25276
+ "type": {
25277
+ "text": "object"
25278
+ },
25279
+ "default": "{\n stepDownGlyph: `\n <svg class=\"step-down-glyph\" viewBox=\"0 0 24 24\" width=\"1rem\" height=\"1rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z\"/>\n </svg>\n `,\n stepUpGlyph: `\n <svg class=\"step-up-glyph\" viewBox=\"0 0 24 24\" width=\"1rem\" height=\"1rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.1018 16.9814C5.02785 16.9814 4.45387 15.7165 5.16108 14.9083L10.6829 8.59762C11.3801 7.80079 12.6197 7.80079 13.3169 8.59762L18.8388 14.9083C19.5459 15.7165 18.972 16.9814 17.898 16.9814H6.1018Z\"/>\n </svg>\n `,\n}"
25280
+ },
25281
+ {
25282
+ "kind": "variable",
25283
+ "name": "foundationNumberField",
25284
+ "description": "The Foundation NumberField",
25285
+ "privacy": "public"
25286
+ }
25287
+ ],
25288
+ "exports": [
25289
+ {
25290
+ "kind": "js",
25291
+ "name": "NumberField",
25292
+ "declaration": {
25293
+ "name": "NumberField",
25294
+ "module": "src/number-field/number-field.ts"
25295
+ }
25296
+ },
25297
+ {
25298
+ "kind": "js",
25299
+ "name": "foundationNumberFieldShadowOptions",
25300
+ "declaration": {
25301
+ "name": "foundationNumberFieldShadowOptions",
25302
+ "module": "src/number-field/number-field.ts"
25303
+ }
25304
+ },
25305
+ {
25306
+ "kind": "js",
25307
+ "name": "defaultNumberFieldConfig",
25308
+ "declaration": {
25309
+ "name": "defaultNumberFieldConfig",
25310
+ "module": "src/number-field/number-field.ts"
25311
+ }
25312
+ },
25313
+ {
25314
+ "kind": "js",
25315
+ "name": "foundationNumberField",
25316
+ "declaration": {
25317
+ "name": "foundationNumberField",
25318
+ "module": "src/number-field/number-field.ts"
25319
+ }
25320
+ }
25321
+ ]
25322
+ },
25323
+ {
25324
+ "kind": "javascript-module",
25325
+ "path": "src/notification-listener/index.ts",
25326
+ "declarations": [],
25327
+ "exports": [
25328
+ {
25329
+ "kind": "js",
25330
+ "name": "*",
25331
+ "declaration": {
25332
+ "name": "*",
25333
+ "package": "./notification-listener.template"
25334
+ }
25335
+ },
25336
+ {
25337
+ "kind": "js",
25338
+ "name": "*",
25339
+ "declaration": {
25340
+ "name": "*",
25341
+ "package": "./notification-listener"
25342
+ }
25343
+ }
25344
+ ]
25345
+ },
25346
+ {
25347
+ "kind": "javascript-module",
25348
+ "path": "src/notification-listener/notification-listener.template.ts",
25349
+ "declarations": [
25350
+ {
25351
+ "kind": "variable",
25352
+ "name": "foundationNotificationListenerTemplate",
25353
+ "type": {
25354
+ "text": "ViewTemplate<NotificationListener>"
25355
+ },
25356
+ "default": "html<NotificationListener>`\n <template ${ref('notificationListener')}>\n <slot></slot>\n </template>\n`"
25357
+ }
25358
+ ],
25359
+ "exports": [
25360
+ {
25361
+ "kind": "js",
25362
+ "name": "foundationNotificationListenerTemplate",
25363
+ "declaration": {
25364
+ "name": "foundationNotificationListenerTemplate",
25365
+ "module": "src/notification-listener/notification-listener.template.ts"
25366
+ }
25367
+ }
25368
+ ]
25369
+ },
25370
+ {
25371
+ "kind": "javascript-module",
25372
+ "path": "src/notification-listener/notification-listener.ts",
25373
+ "declarations": [
25374
+ {
25375
+ "kind": "variable",
25376
+ "name": "foundationNotificationListenerShadowOptions",
25377
+ "type": {
25378
+ "text": "ShadowRootInit"
25379
+ },
25380
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
25381
+ },
25382
+ {
25383
+ "kind": "class",
25384
+ "description": "",
25385
+ "name": "NotificationListener",
25386
+ "members": [
25387
+ {
25388
+ "kind": "field",
25389
+ "name": "notificationListener",
25390
+ "type": {
25391
+ "text": "HTMLElement"
25392
+ }
25283
25393
  },
25284
25394
  {
25285
25395
  "kind": "field",
25286
- "name": "min",
25396
+ "name": "resourceName",
25397
+ "description": "The resource name holding new and existing notifications",
25398
+ "privacy": "public"
25399
+ },
25400
+ {
25401
+ "kind": "field",
25402
+ "name": "closeTimeout",
25287
25403
  "type": {
25288
25404
  "text": "number"
25289
25405
  },
25290
- "privacy": "public",
25291
- "description": "The minimum the value can be",
25292
- "inheritedFrom": {
25293
- "name": "NumberField",
25294
- "module": "src/number-field/number-field.ts"
25295
- }
25406
+ "default": "0",
25407
+ "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
25408
+ "privacy": "public"
25296
25409
  },
25297
25410
  {
25298
25411
  "kind": "field",
25299
- "name": "valueAsNumber",
25412
+ "name": "toastButtons",
25300
25413
  "type": {
25301
- "text": "number"
25414
+ "text": "ToastButton[]"
25302
25415
  },
25303
- "privacy": "public",
25304
- "description": "The value property, typed as a number.",
25305
- "inheritedFrom": {
25306
- "name": "NumberField",
25307
- "module": "src/number-field/number-field.ts"
25308
- }
25416
+ "default": "[]",
25417
+ "description": "Array of buttons for notification toasts",
25418
+ "privacy": "public"
25419
+ },
25420
+ {
25421
+ "kind": "field",
25422
+ "name": "dataSub",
25423
+ "type": {
25424
+ "text": "Subscription"
25425
+ },
25426
+ "privacy": "protected"
25427
+ },
25428
+ {
25429
+ "kind": "field",
25430
+ "name": "datasource",
25431
+ "type": {
25432
+ "text": "Datasource"
25433
+ },
25434
+ "privacy": "private"
25309
25435
  },
25310
25436
  {
25311
25437
  "kind": "method",
25312
- "name": "validate",
25313
- "privacy": "public",
25438
+ "name": "handleStreamUpdate",
25439
+ "privacy": "private",
25314
25440
  "return": {
25315
25441
  "type": {
25316
25442
  "text": "void"
25317
25443
  }
25318
25444
  },
25319
- "description": "{@inheritDoc (FormAssociated:interface).validate}",
25320
- "inheritedFrom": {
25321
- "name": "NumberField",
25322
- "module": "src/number-field/number-field.ts"
25323
- }
25445
+ "parameters": [
25446
+ {
25447
+ "name": "dataServerResult",
25448
+ "type": {
25449
+ "text": "any"
25450
+ }
25451
+ }
25452
+ ]
25324
25453
  },
25325
25454
  {
25326
25455
  "kind": "method",
25327
- "name": "select",
25328
- "privacy": "public",
25456
+ "name": "showNotificationToast",
25457
+ "privacy": "protected",
25329
25458
  "return": {
25330
25459
  "type": {
25331
25460
  "text": "void"
25332
25461
  }
25333
25462
  },
25334
- "description": "Selects all the text in the number field",
25335
- "inheritedFrom": {
25336
- "name": "NumberField",
25337
- "module": "src/number-field/number-field.ts"
25338
- }
25339
- },
25340
- {
25341
- "kind": "field",
25342
- "name": "proxy",
25343
- "inheritedFrom": {
25344
- "name": "NumberField",
25345
- "module": "src/number-field/number-field.ts"
25346
- }
25463
+ "parameters": [
25464
+ {
25465
+ "name": "row",
25466
+ "type": {
25467
+ "text": "NotificationDataRow"
25468
+ }
25469
+ }
25470
+ ]
25347
25471
  },
25348
25472
  {
25349
25473
  "kind": "field",
@@ -25354,8 +25478,8 @@
25354
25478
  "privacy": "private",
25355
25479
  "default": "void 0",
25356
25480
  "inheritedFrom": {
25357
- "name": "NumberField",
25358
- "module": "src/number-field/number-field.ts"
25481
+ "name": "FoundationElement",
25482
+ "module": "src/foundation-element/foundation-element.ts"
25359
25483
  }
25360
25484
  },
25361
25485
  {
@@ -25367,8 +25491,8 @@
25367
25491
  "privacy": "public",
25368
25492
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
25369
25493
  "inheritedFrom": {
25370
- "name": "NumberField",
25371
- "module": "src/number-field/number-field.ts"
25494
+ "name": "FoundationElement",
25495
+ "module": "src/foundation-element/foundation-element.ts"
25372
25496
  }
25373
25497
  },
25374
25498
  {
@@ -25380,8 +25504,8 @@
25380
25504
  "privacy": "public",
25381
25505
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
25382
25506
  "inheritedFrom": {
25383
- "name": "NumberField",
25384
- "module": "src/number-field/number-field.ts"
25507
+ "name": "FoundationElement",
25508
+ "module": "src/foundation-element/foundation-element.ts"
25385
25509
  }
25386
25510
  },
25387
25511
  {
@@ -25394,8 +25518,8 @@
25394
25518
  }
25395
25519
  },
25396
25520
  "inheritedFrom": {
25397
- "name": "NumberField",
25398
- "module": "src/number-field/number-field.ts"
25521
+ "name": "FoundationElement",
25522
+ "module": "src/foundation-element/foundation-element.ts"
25399
25523
  }
25400
25524
  },
25401
25525
  {
@@ -25407,8 +25531,8 @@
25407
25531
  "privacy": "public",
25408
25532
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
25409
25533
  "inheritedFrom": {
25410
- "name": "NumberField",
25411
- "module": "src/number-field/number-field.ts"
25534
+ "name": "FoundationElement",
25535
+ "module": "src/foundation-element/foundation-element.ts"
25412
25536
  }
25413
25537
  },
25414
25538
  {
@@ -25421,8 +25545,8 @@
25421
25545
  }
25422
25546
  },
25423
25547
  "inheritedFrom": {
25424
- "name": "NumberField",
25425
- "module": "src/number-field/number-field.ts"
25548
+ "name": "FoundationElement",
25549
+ "module": "src/foundation-element/foundation-element.ts"
25426
25550
  }
25427
25551
  },
25428
25552
  {
@@ -25452,188 +25576,64 @@
25452
25576
  ],
25453
25577
  "description": "Defines an element registry function with a set of element definition defaults.",
25454
25578
  "inheritedFrom": {
25455
- "name": "NumberField",
25456
- "module": "src/number-field/number-field.ts"
25579
+ "name": "FoundationElement",
25580
+ "module": "src/foundation-element/foundation-element.ts"
25457
25581
  }
25458
25582
  }
25459
25583
  ],
25460
25584
  "attributes": [
25461
25585
  {
25462
- "name": "autocomplete",
25463
- "type": {
25464
- "text": "string"
25465
- },
25466
- "fieldName": "autocomplete"
25467
- },
25468
- {
25469
- "type": {
25470
- "text": "number"
25471
- },
25472
- "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
25473
- "fieldName": "hideStep",
25474
- "default": "false",
25475
- "inheritedFrom": {
25476
- "name": "NumberField",
25477
- "module": "src/number-field/number-field.ts"
25478
- }
25479
- },
25480
- {
25481
- "name": "value",
25482
- "type": {
25483
- "text": "string"
25484
- },
25485
- "default": "''",
25486
- "fieldName": "value"
25586
+ "name": "resource-name",
25587
+ "description": "The resource name holding new and existing notifications",
25588
+ "fieldName": "resourceName"
25487
25589
  },
25488
25590
  {
25591
+ "name": "close-timeout",
25489
25592
  "type": {
25490
25593
  "text": "number"
25491
25594
  },
25492
- "description": "Indicates that this element should get focus after the page finishes loading. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautofocus | autofocus HTML attribute for more information.",
25493
- "fieldName": "hideStep",
25494
- "default": "false",
25495
- "inheritedFrom": {
25496
- "name": "NumberField",
25497
- "module": "src/number-field/number-field.ts"
25498
- }
25499
- },
25500
- {
25501
- "name": "locale",
25502
- "type": {
25503
- "text": "string"
25504
- },
25505
- "default": "'en-US'",
25506
- "fieldName": "locale"
25507
- },
25508
- {
25509
- "name": "readonly",
25510
- "type": {
25511
- "text": "boolean"
25512
- },
25513
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
25514
- "fieldName": "readOnly",
25515
- "inheritedFrom": {
25516
- "name": "NumberField",
25517
- "module": "src/number-field/number-field.ts"
25518
- }
25519
- },
25520
- {
25521
- "name": "hide-step",
25522
- "type": {
25523
- "text": "boolean"
25524
- },
25525
- "default": "false",
25526
- "description": "When true, spin buttons will not be rendered",
25527
- "fieldName": "hideStep",
25528
- "inheritedFrom": {
25529
- "name": "NumberField",
25530
- "module": "src/number-field/number-field.ts"
25531
- }
25532
- },
25533
- {
25534
- "name": "placeholder",
25535
- "type": {
25536
- "text": "string"
25537
- },
25538
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
25539
- "fieldName": "placeholder",
25540
- "inheritedFrom": {
25541
- "name": "NumberField",
25542
- "module": "src/number-field/number-field.ts"
25543
- }
25544
- },
25545
- {
25546
- "name": "list",
25547
- "type": {
25548
- "text": "string"
25549
- },
25550
- "description": "Allows associating a https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist | datalist to the element by https://developer.mozilla.org/en-US/docs/Web/API/Element/id.",
25551
- "fieldName": "list",
25552
- "inheritedFrom": {
25553
- "name": "NumberField",
25554
- "module": "src/number-field/number-field.ts"
25555
- }
25595
+ "default": "0",
25596
+ "description": "Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely",
25597
+ "fieldName": "closeTimeout"
25556
25598
  }
25557
25599
  ],
25558
25600
  "superclass": {
25559
- "name": "FASTNumberField",
25560
- "package": "@microsoft/fast-components"
25561
- },
25562
- "tagName": "%%prefix%%-number-field",
25563
- "customElement": true,
25564
- "events": [
25565
- {
25566
- "description": "Fires a custom 'input' event when the value has changed",
25567
- "name": "input",
25568
- "inheritedFrom": {
25569
- "name": "NumberField",
25570
- "module": "src/number-field/number-field.ts"
25571
- }
25572
- },
25573
- {
25574
- "description": "Fires a custom 'change' event when the value has changed",
25575
- "name": "change",
25576
- "inheritedFrom": {
25577
- "name": "NumberField",
25578
- "module": "src/number-field/number-field.ts"
25579
- }
25580
- }
25581
- ]
25582
- },
25583
- {
25584
- "kind": "variable",
25585
- "name": "foundationNumberFieldShadowOptions",
25586
- "type": {
25587
- "text": "ShadowRootInit"
25588
- },
25589
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
25590
- },
25591
- {
25592
- "kind": "variable",
25593
- "name": "defaultNumberFieldConfig",
25594
- "type": {
25595
- "text": "object"
25601
+ "name": "FoundationElement",
25602
+ "package": "@microsoft/fast-foundation"
25596
25603
  },
25597
- "default": "{\n stepDownGlyph: `\n <svg class=\"step-down-glyph\" viewBox=\"0 0 24 24\" width=\"1rem\" height=\"1rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.1018 8C5.02785 8 4.45387 9.2649 5.16108 10.0731L10.6829 16.3838C11.3801 17.1806 12.6197 17.1806 13.3169 16.3838L18.8388 10.0731C19.5459 9.2649 18.972 8 17.898 8H6.1018Z\"/>\n </svg>\n `,\n stepUpGlyph: `\n <svg class=\"step-up-glyph\" viewBox=\"0 0 24 24\" width=\"1rem\" height=\"1rem\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M6.1018 16.9814C5.02785 16.9814 4.45387 15.7165 5.16108 14.9083L10.6829 8.59762C11.3801 7.80079 12.6197 7.80079 13.3169 8.59762L18.8388 14.9083C19.5459 15.7165 18.972 16.9814 17.898 16.9814H6.1018Z\"/>\n </svg>\n `,\n}"
25604
+ "tagName": "%%prefix%%-notification-listener",
25605
+ "customElement": true
25598
25606
  },
25599
25607
  {
25600
25608
  "kind": "variable",
25601
- "name": "foundationNumberField",
25602
- "description": "The Foundation NumberField",
25609
+ "name": "foundationNotificationListener",
25610
+ "description": "The Foundation Notification Listener",
25603
25611
  "privacy": "public"
25604
25612
  }
25605
25613
  ],
25606
25614
  "exports": [
25607
25615
  {
25608
25616
  "kind": "js",
25609
- "name": "NumberField",
25610
- "declaration": {
25611
- "name": "NumberField",
25612
- "module": "src/number-field/number-field.ts"
25613
- }
25614
- },
25615
- {
25616
- "kind": "js",
25617
- "name": "foundationNumberFieldShadowOptions",
25617
+ "name": "foundationNotificationListenerShadowOptions",
25618
25618
  "declaration": {
25619
- "name": "foundationNumberFieldShadowOptions",
25620
- "module": "src/number-field/number-field.ts"
25619
+ "name": "foundationNotificationListenerShadowOptions",
25620
+ "module": "src/notification-listener/notification-listener.ts"
25621
25621
  }
25622
25622
  },
25623
25623
  {
25624
25624
  "kind": "js",
25625
- "name": "defaultNumberFieldConfig",
25625
+ "name": "NotificationListener",
25626
25626
  "declaration": {
25627
- "name": "defaultNumberFieldConfig",
25628
- "module": "src/number-field/number-field.ts"
25627
+ "name": "NotificationListener",
25628
+ "module": "src/notification-listener/notification-listener.ts"
25629
25629
  }
25630
25630
  },
25631
25631
  {
25632
25632
  "kind": "js",
25633
- "name": "foundationNumberField",
25633
+ "name": "foundationNotificationListener",
25634
25634
  "declaration": {
25635
- "name": "foundationNumberField",
25636
- "module": "src/number-field/number-field.ts"
25635
+ "name": "foundationNotificationListener",
25636
+ "module": "src/notification-listener/notification-listener.ts"
25637
25637
  }
25638
25638
  }
25639
25639
  ]
@@ -27458,21 +27458,6 @@
27458
27458
  }
27459
27459
  ]
27460
27460
  },
27461
- {
27462
- "kind": "javascript-module",
27463
- "path": "src/overlays/index.ts",
27464
- "declarations": [],
27465
- "exports": [
27466
- {
27467
- "kind": "js",
27468
- "name": "*",
27469
- "declaration": {
27470
- "name": "*",
27471
- "package": "./system-health"
27472
- }
27473
- }
27474
- ]
27475
- },
27476
27461
  {
27477
27462
  "kind": "javascript-module",
27478
27463
  "path": "src/patterns/define.ts",
@@ -27573,6 +27558,21 @@
27573
27558
  }
27574
27559
  ]
27575
27560
  },
27561
+ {
27562
+ "kind": "javascript-module",
27563
+ "path": "src/overlays/index.ts",
27564
+ "declarations": [],
27565
+ "exports": [
27566
+ {
27567
+ "kind": "js",
27568
+ "name": "*",
27569
+ "declaration": {
27570
+ "name": "*",
27571
+ "package": "./system-health"
27572
+ }
27573
+ }
27574
+ ]
27575
+ },
27576
27576
  {
27577
27577
  "kind": "javascript-module",
27578
27578
  "path": "src/popper/index.ts",
@@ -31256,7 +31256,7 @@
31256
31256
  },
31257
31257
  {
31258
31258
  "kind": "javascript-module",
31259
- "path": "src/segmented-item/index.ts",
31259
+ "path": "src/select/index.ts",
31260
31260
  "declarations": [],
31261
31261
  "exports": [
31262
31262
  {
@@ -31264,7 +31264,7 @@
31264
31264
  "name": "*",
31265
31265
  "declaration": {
31266
31266
  "name": "*",
31267
- "package": "./segmented-item.template"
31267
+ "package": "./select.template"
31268
31268
  }
31269
31269
  },
31270
31270
  {
@@ -31272,7 +31272,7 @@
31272
31272
  "name": "*",
31273
31273
  "declaration": {
31274
31274
  "name": "*",
31275
- "package": "./segmented-item.styles"
31275
+ "package": "./select.styles"
31276
31276
  }
31277
31277
  },
31278
31278
  {
@@ -31280,18 +31280,18 @@
31280
31280
  "name": "*",
31281
31281
  "declaration": {
31282
31282
  "name": "*",
31283
- "package": "./segmented-item"
31283
+ "package": "./select"
31284
31284
  }
31285
31285
  }
31286
31286
  ]
31287
31287
  },
31288
31288
  {
31289
31289
  "kind": "javascript-module",
31290
- "path": "src/segmented-item/segmented-item.styles.ts",
31290
+ "path": "src/select/select.styles.ts",
31291
31291
  "declarations": [
31292
31292
  {
31293
31293
  "kind": "function",
31294
- "name": "foundationSegmentedItemStyles",
31294
+ "name": "foundationSelectStyles",
31295
31295
  "return": {
31296
31296
  "type": {
31297
31297
  "text": "ElementStyles"
@@ -31307,7 +31307,7 @@
31307
31307
  {
31308
31308
  "name": "definition",
31309
31309
  "type": {
31310
- "text": "RadioOptions"
31310
+ "text": "FoundationElementDefinition"
31311
31311
  }
31312
31312
  }
31313
31313
  ]
@@ -31316,21 +31316,26 @@
31316
31316
  "exports": [
31317
31317
  {
31318
31318
  "kind": "js",
31319
- "name": "foundationSegmentedItemStyles",
31319
+ "name": "foundationSelectStyles",
31320
31320
  "declaration": {
31321
- "name": "foundationSegmentedItemStyles",
31322
- "module": "src/segmented-item/segmented-item.styles.ts"
31321
+ "name": "foundationSelectStyles",
31322
+ "module": "src/select/select.styles.ts"
31323
31323
  }
31324
31324
  }
31325
31325
  ]
31326
31326
  },
31327
31327
  {
31328
31328
  "kind": "javascript-module",
31329
- "path": "src/segmented-item/segmented-item.template.ts",
31329
+ "path": "src/select/select.template.ts",
31330
31330
  "declarations": [
31331
31331
  {
31332
31332
  "kind": "function",
31333
- "name": "foundationSegmentedItemTemplate",
31333
+ "name": "foundationSelectTemplate",
31334
+ "return": {
31335
+ "type": {
31336
+ "text": "ViewTemplate<Select>"
31337
+ }
31338
+ },
31334
31339
  "parameters": [
31335
31340
  {
31336
31341
  "name": "context",
@@ -31341,7 +31346,7 @@
31341
31346
  {
31342
31347
  "name": "definition",
31343
31348
  "type": {
31344
- "text": "RadioOptions"
31349
+ "text": "FoundationElementDefinition"
31345
31350
  }
31346
31351
  }
31347
31352
  ]
@@ -31350,188 +31355,434 @@
31350
31355
  "exports": [
31351
31356
  {
31352
31357
  "kind": "js",
31353
- "name": "foundationSegmentedItemTemplate",
31358
+ "name": "foundationSelectTemplate",
31354
31359
  "declaration": {
31355
- "name": "foundationSegmentedItemTemplate",
31356
- "module": "src/segmented-item/segmented-item.template.ts"
31360
+ "name": "foundationSelectTemplate",
31361
+ "module": "src/select/select.template.ts"
31357
31362
  }
31358
31363
  }
31359
31364
  ]
31360
31365
  },
31361
31366
  {
31362
31367
  "kind": "javascript-module",
31363
- "path": "src/segmented-item/segmented-item.ts",
31368
+ "path": "src/select/select.ts",
31364
31369
  "declarations": [
31365
31370
  {
31366
31371
  "kind": "class",
31367
31372
  "description": "",
31368
- "name": "SegmentedItem",
31373
+ "name": "Select",
31369
31374
  "superclass": {
31370
- "name": "FASTRadio",
31375
+ "name": "FASTSelect",
31371
31376
  "package": "@microsoft/fast-components"
31372
31377
  },
31373
- "tagName": "%%prefix%%-segmented-item",
31378
+ "tagName": "%%prefix%%-select",
31374
31379
  "customElement": true,
31375
31380
  "attributes": [
31376
31381
  {
31377
- "name": "readonly",
31382
+ "name": "open",
31378
31383
  "type": {
31379
31384
  "text": "boolean"
31380
31385
  },
31381
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
31382
- "fieldName": "readOnly",
31386
+ "default": "false",
31387
+ "description": "The open attribute.",
31388
+ "fieldName": "open",
31383
31389
  "inheritedFrom": {
31384
- "name": "Radio",
31385
- "module": "src/radio/radio.ts"
31390
+ "name": "Select",
31391
+ "module": "src/select/select.ts"
31392
+ }
31393
+ },
31394
+ {
31395
+ "name": "position",
31396
+ "type": {
31397
+ "text": "SelectPosition | undefined"
31398
+ },
31399
+ "description": "Reflects the placement for the listbox when the select is open.",
31400
+ "fieldName": "positionAttribute",
31401
+ "inheritedFrom": {
31402
+ "name": "Select",
31403
+ "module": "src/select/select.ts"
31404
+ }
31405
+ },
31406
+ {
31407
+ "type": {
31408
+ "text": "boolean"
31409
+ },
31410
+ "description": "Indicates if the listbox is in multi-selection mode.",
31411
+ "fieldName": "multiple",
31412
+ "inheritedFrom": {
31413
+ "name": "Select",
31414
+ "module": "src/select/select.ts"
31386
31415
  }
31387
31416
  }
31388
31417
  ],
31389
31418
  "members": [
31390
31419
  {
31391
31420
  "kind": "field",
31392
- "name": "readOnly",
31421
+ "name": "open",
31393
31422
  "type": {
31394
31423
  "text": "boolean"
31395
31424
  },
31396
31425
  "privacy": "public",
31397
- "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
31426
+ "default": "false",
31427
+ "description": "The open attribute.",
31398
31428
  "inheritedFrom": {
31399
- "name": "Radio",
31400
- "module": "src/radio/radio.ts"
31429
+ "name": "Select",
31430
+ "module": "src/select/select.ts"
31431
+ }
31432
+ },
31433
+ {
31434
+ "kind": "field",
31435
+ "name": "value",
31436
+ "privacy": "public",
31437
+ "description": "The value property.",
31438
+ "inheritedFrom": {
31439
+ "name": "Select",
31440
+ "module": "src/select/select.ts"
31441
+ }
31442
+ },
31443
+ {
31444
+ "kind": "field",
31445
+ "name": "positionAttribute",
31446
+ "type": {
31447
+ "text": "SelectPosition | undefined"
31448
+ },
31449
+ "privacy": "public",
31450
+ "description": "Reflects the placement for the listbox when the select is open.",
31451
+ "inheritedFrom": {
31452
+ "name": "Select",
31453
+ "module": "src/select/select.ts"
31454
+ }
31455
+ },
31456
+ {
31457
+ "kind": "field",
31458
+ "name": "position",
31459
+ "type": {
31460
+ "text": "SelectPosition | undefined"
31461
+ },
31462
+ "privacy": "public",
31463
+ "description": "Holds the current state for the calculated position of the listbox.",
31464
+ "inheritedFrom": {
31465
+ "name": "Select",
31466
+ "module": "src/select/select.ts"
31401
31467
  }
31402
31468
  },
31403
31469
  {
31404
31470
  "kind": "method",
31405
- "name": "readOnlyChanged",
31406
- "privacy": "private",
31471
+ "name": "positionChanged",
31472
+ "privacy": "protected",
31473
+ "return": {
31474
+ "type": {
31475
+ "text": "void"
31476
+ }
31477
+ },
31478
+ "parameters": [
31479
+ {
31480
+ "name": "prev",
31481
+ "type": {
31482
+ "text": "SelectPosition | undefined"
31483
+ }
31484
+ },
31485
+ {
31486
+ "name": "next",
31487
+ "type": {
31488
+ "text": "SelectPosition | undefined"
31489
+ }
31490
+ }
31491
+ ],
31492
+ "inheritedFrom": {
31493
+ "name": "Select",
31494
+ "module": "src/select/select.ts"
31495
+ }
31496
+ },
31497
+ {
31498
+ "kind": "method",
31499
+ "name": "setPositioning",
31500
+ "privacy": "public",
31407
31501
  "return": {
31408
31502
  "type": {
31409
31503
  "text": "void"
31410
31504
  }
31411
31505
  },
31506
+ "description": "Calculate and apply listbox positioning based on available viewport space.",
31412
31507
  "inheritedFrom": {
31413
- "name": "Radio",
31414
- "module": "src/radio/radio.ts"
31508
+ "name": "Select",
31509
+ "module": "src/select/select.ts"
31415
31510
  }
31416
31511
  },
31417
31512
  {
31418
31513
  "kind": "field",
31419
- "name": "name",
31514
+ "name": "displayValue",
31420
31515
  "type": {
31421
31516
  "text": "string"
31422
31517
  },
31423
31518
  "privacy": "public",
31424
- "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
31519
+ "description": "The value displayed on the button.",
31425
31520
  "inheritedFrom": {
31426
- "name": "Radio",
31427
- "module": "src/radio/radio.ts"
31521
+ "name": "Select",
31522
+ "module": "src/select/select.ts"
31428
31523
  }
31429
31524
  },
31430
31525
  {
31431
31526
  "kind": "method",
31432
- "name": "isInsideRadioGroup",
31433
- "privacy": "private",
31434
- "return": {
31435
- "type": {
31436
- "text": "boolean"
31527
+ "name": "multipleChanged",
31528
+ "privacy": "public",
31529
+ "parameters": [
31530
+ {
31531
+ "name": "prev",
31532
+ "type": {
31533
+ "text": "boolean | undefined"
31534
+ },
31535
+ "description": "the previous multiple value"
31536
+ },
31537
+ {
31538
+ "name": "next",
31539
+ "type": {
31540
+ "text": "boolean"
31541
+ },
31542
+ "description": "the current multiple value"
31437
31543
  }
31438
- },
31544
+ ],
31545
+ "description": "Sets the multiple property on the proxy element.",
31439
31546
  "inheritedFrom": {
31440
- "name": "Radio",
31441
- "module": "src/radio/radio.ts"
31547
+ "name": "Select",
31548
+ "module": "src/select/select.ts"
31442
31549
  }
31443
31550
  },
31444
31551
  {
31445
31552
  "kind": "field",
31446
31553
  "name": "proxy",
31447
31554
  "inheritedFrom": {
31448
- "name": "Radio",
31449
- "module": "src/radio/radio.ts"
31555
+ "name": "Select",
31556
+ "module": "src/select/select.ts"
31450
31557
  }
31451
31558
  },
31452
31559
  {
31453
31560
  "kind": "field",
31454
- "name": "_presentation",
31561
+ "name": "multiple",
31455
31562
  "type": {
31456
- "text": "ComponentPresentation | null | undefined"
31563
+ "text": "boolean"
31457
31564
  },
31458
- "privacy": "private",
31459
- "default": "void 0",
31565
+ "privacy": "public",
31566
+ "description": "Indicates if the listbox is in multi-selection mode.",
31460
31567
  "inheritedFrom": {
31461
- "name": "Radio",
31462
- "module": "src/radio/radio.ts"
31568
+ "name": "Select",
31569
+ "module": "src/select/select.ts"
31463
31570
  }
31464
31571
  },
31465
31572
  {
31466
31573
  "kind": "field",
31467
- "name": "$presentation",
31574
+ "name": "size",
31468
31575
  "type": {
31469
- "text": "ComponentPresentation | null"
31576
+ "text": "number"
31470
31577
  },
31471
31578
  "privacy": "public",
31472
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
31579
+ "description": "The maximum number of options to display.",
31473
31580
  "inheritedFrom": {
31474
- "name": "Radio",
31475
- "module": "src/radio/radio.ts"
31581
+ "name": "Select",
31582
+ "module": "src/select/select.ts"
31476
31583
  }
31477
31584
  },
31478
31585
  {
31479
- "kind": "field",
31480
- "name": "template",
31481
- "type": {
31482
- "text": "ElementViewTemplate | void | null"
31483
- },
31586
+ "kind": "method",
31587
+ "name": "setSelectedOptions",
31484
31588
  "privacy": "public",
31485
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
31589
+ "description": "Sets an option as selected and gives it focus.",
31486
31590
  "inheritedFrom": {
31487
- "name": "Radio",
31488
- "module": "src/radio/radio.ts"
31591
+ "name": "Select",
31592
+ "module": "src/select/select.ts"
31489
31593
  }
31490
31594
  },
31491
31595
  {
31492
- "kind": "method",
31493
- "name": "templateChanged",
31494
- "privacy": "protected",
31495
- "return": {
31496
- "type": {
31497
- "text": "void"
31498
- }
31596
+ "kind": "field",
31597
+ "name": "length",
31598
+ "type": {
31599
+ "text": "number"
31499
31600
  },
31601
+ "privacy": "public",
31602
+ "description": "The number of options.",
31500
31603
  "inheritedFrom": {
31501
- "name": "Radio",
31502
- "module": "src/radio/radio.ts"
31604
+ "name": "Select",
31605
+ "module": "src/select/select.ts"
31503
31606
  }
31504
31607
  },
31505
31608
  {
31506
31609
  "kind": "field",
31507
- "name": "styles",
31610
+ "name": "options",
31508
31611
  "type": {
31509
- "text": "ElementStyles | void | null"
31612
+ "text": "ListboxOption[]"
31510
31613
  },
31511
31614
  "privacy": "public",
31512
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
31615
+ "description": "The list of options.",
31513
31616
  "inheritedFrom": {
31514
- "name": "Radio",
31515
- "module": "src/radio/radio.ts"
31617
+ "name": "Select",
31618
+ "module": "src/select/select.ts"
31516
31619
  }
31517
31620
  },
31518
31621
  {
31519
- "kind": "method",
31520
- "name": "stylesChanged",
31622
+ "kind": "field",
31623
+ "name": "typeAheadExpired",
31521
31624
  "privacy": "protected",
31522
- "return": {
31523
- "type": {
31524
- "text": "void"
31525
- }
31625
+ "inheritedFrom": {
31626
+ "name": "Select",
31627
+ "module": "src/select/select.ts"
31628
+ }
31629
+ },
31630
+ {
31631
+ "kind": "field",
31632
+ "name": "disabled",
31633
+ "type": {
31634
+ "text": "boolean"
31526
31635
  },
31636
+ "privacy": "public",
31637
+ "description": "The disabled state of the listbox.",
31527
31638
  "inheritedFrom": {
31528
- "name": "Radio",
31529
- "module": "src/radio/radio.ts"
31639
+ "name": "Select",
31640
+ "module": "src/select/select.ts"
31530
31641
  }
31531
31642
  },
31532
31643
  {
31533
- "kind": "method",
31534
- "name": "compose",
31644
+ "kind": "field",
31645
+ "name": "selectedIndex",
31646
+ "type": {
31647
+ "text": "number"
31648
+ },
31649
+ "privacy": "public",
31650
+ "default": "-1",
31651
+ "description": "The index of the selected option.",
31652
+ "inheritedFrom": {
31653
+ "name": "Select",
31654
+ "module": "src/select/select.ts"
31655
+ }
31656
+ },
31657
+ {
31658
+ "kind": "field",
31659
+ "name": "selectedOptions",
31660
+ "type": {
31661
+ "text": "ListboxOption[]"
31662
+ },
31663
+ "privacy": "public",
31664
+ "default": "[]",
31665
+ "description": "A collection of the selected options.",
31666
+ "inheritedFrom": {
31667
+ "name": "Select",
31668
+ "module": "src/select/select.ts"
31669
+ }
31670
+ },
31671
+ {
31672
+ "kind": "field",
31673
+ "name": "slottedOptionFilter",
31674
+ "privacy": "public",
31675
+ "static": true,
31676
+ "description": "A static filter to include only selectable options.",
31677
+ "parameters": [
31678
+ {
31679
+ "description": "element to filter",
31680
+ "name": "n"
31681
+ }
31682
+ ],
31683
+ "inheritedFrom": {
31684
+ "name": "Select",
31685
+ "module": "src/select/select.ts"
31686
+ }
31687
+ },
31688
+ {
31689
+ "kind": "method",
31690
+ "name": "selectFirstOption",
31691
+ "privacy": "public",
31692
+ "return": {
31693
+ "type": {
31694
+ "text": "void"
31695
+ }
31696
+ },
31697
+ "description": "Moves focus to the first selectable option.",
31698
+ "inheritedFrom": {
31699
+ "name": "Select",
31700
+ "module": "src/select/select.ts"
31701
+ }
31702
+ },
31703
+ {
31704
+ "kind": "field",
31705
+ "name": "_presentation",
31706
+ "type": {
31707
+ "text": "ComponentPresentation | null | undefined"
31708
+ },
31709
+ "privacy": "private",
31710
+ "default": "void 0",
31711
+ "inheritedFrom": {
31712
+ "name": "Select",
31713
+ "module": "src/select/select.ts"
31714
+ }
31715
+ },
31716
+ {
31717
+ "kind": "field",
31718
+ "name": "$presentation",
31719
+ "type": {
31720
+ "text": "ComponentPresentation | null"
31721
+ },
31722
+ "privacy": "public",
31723
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
31724
+ "inheritedFrom": {
31725
+ "name": "Select",
31726
+ "module": "src/select/select.ts"
31727
+ }
31728
+ },
31729
+ {
31730
+ "kind": "field",
31731
+ "name": "template",
31732
+ "type": {
31733
+ "text": "ElementViewTemplate | void | null"
31734
+ },
31735
+ "privacy": "public",
31736
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
31737
+ "inheritedFrom": {
31738
+ "name": "Select",
31739
+ "module": "src/select/select.ts"
31740
+ }
31741
+ },
31742
+ {
31743
+ "kind": "method",
31744
+ "name": "templateChanged",
31745
+ "privacy": "protected",
31746
+ "return": {
31747
+ "type": {
31748
+ "text": "void"
31749
+ }
31750
+ },
31751
+ "inheritedFrom": {
31752
+ "name": "Select",
31753
+ "module": "src/select/select.ts"
31754
+ }
31755
+ },
31756
+ {
31757
+ "kind": "field",
31758
+ "name": "styles",
31759
+ "type": {
31760
+ "text": "ElementStyles | void | null"
31761
+ },
31762
+ "privacy": "public",
31763
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
31764
+ "inheritedFrom": {
31765
+ "name": "Select",
31766
+ "module": "src/select/select.ts"
31767
+ }
31768
+ },
31769
+ {
31770
+ "kind": "method",
31771
+ "name": "stylesChanged",
31772
+ "privacy": "protected",
31773
+ "return": {
31774
+ "type": {
31775
+ "text": "void"
31776
+ }
31777
+ },
31778
+ "inheritedFrom": {
31779
+ "name": "Select",
31780
+ "module": "src/select/select.ts"
31781
+ }
31782
+ },
31783
+ {
31784
+ "kind": "method",
31785
+ "name": "compose",
31535
31786
  "privacy": "public",
31536
31787
  "static": true,
31537
31788
  "return": {
@@ -31556,25 +31807,33 @@
31556
31807
  ],
31557
31808
  "description": "Defines an element registry function with a set of element definition defaults.",
31558
31809
  "inheritedFrom": {
31559
- "name": "Radio",
31560
- "module": "src/radio/radio.ts"
31810
+ "name": "Select",
31811
+ "module": "src/select/select.ts"
31561
31812
  }
31562
31813
  }
31563
31814
  ],
31564
31815
  "events": [
31565
31816
  {
31566
- "description": "Emits a custom change event when the checked state changes",
31817
+ "description": "Fires a custom 'input' event when the value updates",
31818
+ "name": "input",
31819
+ "inheritedFrom": {
31820
+ "name": "Select",
31821
+ "module": "src/select/select.ts"
31822
+ }
31823
+ },
31824
+ {
31825
+ "description": "Fires a custom 'change' event when the value updates",
31567
31826
  "name": "change",
31568
31827
  "inheritedFrom": {
31569
- "name": "Radio",
31570
- "module": "src/radio/radio.ts"
31828
+ "name": "Select",
31829
+ "module": "src/select/select.ts"
31571
31830
  }
31572
31831
  }
31573
31832
  ]
31574
31833
  },
31575
31834
  {
31576
31835
  "kind": "variable",
31577
- "name": "foundationSegmentedItemShadowOptions",
31836
+ "name": "foundationSelectShadowOptions",
31578
31837
  "type": {
31579
31838
  "text": "ShadowRootInit"
31580
31839
  },
@@ -31582,57 +31841,57 @@
31582
31841
  },
31583
31842
  {
31584
31843
  "kind": "variable",
31585
- "name": "defaultSegmentedItemConfig",
31844
+ "name": "defaultSelectConfig",
31586
31845
  "type": {
31587
31846
  "text": "object"
31588
31847
  },
31589
- "default": "{}"
31848
+ "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
31590
31849
  },
31591
31850
  {
31592
31851
  "kind": "variable",
31593
- "name": "foundationSegmentedItem",
31594
- "description": "The Foundation Segmented item",
31852
+ "name": "foundationSelect",
31853
+ "description": "The Foundation Select",
31595
31854
  "privacy": "public"
31596
31855
  }
31597
31856
  ],
31598
31857
  "exports": [
31599
31858
  {
31600
31859
  "kind": "js",
31601
- "name": "SegmentedItem",
31860
+ "name": "Select",
31602
31861
  "declaration": {
31603
- "name": "SegmentedItem",
31604
- "module": "src/segmented-item/segmented-item.ts"
31862
+ "name": "Select",
31863
+ "module": "src/select/select.ts"
31605
31864
  }
31606
31865
  },
31607
31866
  {
31608
31867
  "kind": "js",
31609
- "name": "foundationSegmentedItemShadowOptions",
31868
+ "name": "foundationSelectShadowOptions",
31610
31869
  "declaration": {
31611
- "name": "foundationSegmentedItemShadowOptions",
31612
- "module": "src/segmented-item/segmented-item.ts"
31870
+ "name": "foundationSelectShadowOptions",
31871
+ "module": "src/select/select.ts"
31613
31872
  }
31614
31873
  },
31615
31874
  {
31616
31875
  "kind": "js",
31617
- "name": "defaultSegmentedItemConfig",
31876
+ "name": "defaultSelectConfig",
31618
31877
  "declaration": {
31619
- "name": "defaultSegmentedItemConfig",
31620
- "module": "src/segmented-item/segmented-item.ts"
31878
+ "name": "defaultSelectConfig",
31879
+ "module": "src/select/select.ts"
31621
31880
  }
31622
31881
  },
31623
31882
  {
31624
31883
  "kind": "js",
31625
- "name": "foundationSegmentedItem",
31884
+ "name": "foundationSelect",
31626
31885
  "declaration": {
31627
- "name": "foundationSegmentedItem",
31628
- "module": "src/segmented-item/segmented-item.ts"
31886
+ "name": "foundationSelect",
31887
+ "module": "src/select/select.ts"
31629
31888
  }
31630
31889
  }
31631
31890
  ]
31632
31891
  },
31633
31892
  {
31634
31893
  "kind": "javascript-module",
31635
- "path": "src/select/index.ts",
31894
+ "path": "src/segmented-item/index.ts",
31636
31895
  "declarations": [],
31637
31896
  "exports": [
31638
31897
  {
@@ -31640,7 +31899,7 @@
31640
31899
  "name": "*",
31641
31900
  "declaration": {
31642
31901
  "name": "*",
31643
- "package": "./select.template"
31902
+ "package": "./segmented-item.template"
31644
31903
  }
31645
31904
  },
31646
31905
  {
@@ -31648,7 +31907,7 @@
31648
31907
  "name": "*",
31649
31908
  "declaration": {
31650
31909
  "name": "*",
31651
- "package": "./select.styles"
31910
+ "package": "./segmented-item.styles"
31652
31911
  }
31653
31912
  },
31654
31913
  {
@@ -31656,18 +31915,18 @@
31656
31915
  "name": "*",
31657
31916
  "declaration": {
31658
31917
  "name": "*",
31659
- "package": "./select"
31918
+ "package": "./segmented-item"
31660
31919
  }
31661
31920
  }
31662
31921
  ]
31663
31922
  },
31664
31923
  {
31665
31924
  "kind": "javascript-module",
31666
- "path": "src/select/select.styles.ts",
31925
+ "path": "src/segmented-item/segmented-item.styles.ts",
31667
31926
  "declarations": [
31668
31927
  {
31669
31928
  "kind": "function",
31670
- "name": "foundationSelectStyles",
31929
+ "name": "foundationSegmentedItemStyles",
31671
31930
  "return": {
31672
31931
  "type": {
31673
31932
  "text": "ElementStyles"
@@ -31683,7 +31942,7 @@
31683
31942
  {
31684
31943
  "name": "definition",
31685
31944
  "type": {
31686
- "text": "FoundationElementDefinition"
31945
+ "text": "RadioOptions"
31687
31946
  }
31688
31947
  }
31689
31948
  ]
@@ -31692,26 +31951,21 @@
31692
31951
  "exports": [
31693
31952
  {
31694
31953
  "kind": "js",
31695
- "name": "foundationSelectStyles",
31954
+ "name": "foundationSegmentedItemStyles",
31696
31955
  "declaration": {
31697
- "name": "foundationSelectStyles",
31698
- "module": "src/select/select.styles.ts"
31956
+ "name": "foundationSegmentedItemStyles",
31957
+ "module": "src/segmented-item/segmented-item.styles.ts"
31699
31958
  }
31700
31959
  }
31701
31960
  ]
31702
31961
  },
31703
31962
  {
31704
31963
  "kind": "javascript-module",
31705
- "path": "src/select/select.template.ts",
31964
+ "path": "src/segmented-item/segmented-item.template.ts",
31706
31965
  "declarations": [
31707
31966
  {
31708
31967
  "kind": "function",
31709
- "name": "foundationSelectTemplate",
31710
- "return": {
31711
- "type": {
31712
- "text": "ViewTemplate<Select>"
31713
- }
31714
- },
31968
+ "name": "foundationSegmentedItemTemplate",
31715
31969
  "parameters": [
31716
31970
  {
31717
31971
  "name": "context",
@@ -31722,7 +31976,7 @@
31722
31976
  {
31723
31977
  "name": "definition",
31724
31978
  "type": {
31725
- "text": "FoundationElementDefinition"
31979
+ "text": "RadioOptions"
31726
31980
  }
31727
31981
  }
31728
31982
  ]
@@ -31731,349 +31985,103 @@
31731
31985
  "exports": [
31732
31986
  {
31733
31987
  "kind": "js",
31734
- "name": "foundationSelectTemplate",
31988
+ "name": "foundationSegmentedItemTemplate",
31735
31989
  "declaration": {
31736
- "name": "foundationSelectTemplate",
31737
- "module": "src/select/select.template.ts"
31990
+ "name": "foundationSegmentedItemTemplate",
31991
+ "module": "src/segmented-item/segmented-item.template.ts"
31738
31992
  }
31739
31993
  }
31740
31994
  ]
31741
31995
  },
31742
31996
  {
31743
31997
  "kind": "javascript-module",
31744
- "path": "src/select/select.ts",
31998
+ "path": "src/segmented-item/segmented-item.ts",
31745
31999
  "declarations": [
31746
32000
  {
31747
32001
  "kind": "class",
31748
32002
  "description": "",
31749
- "name": "Select",
32003
+ "name": "SegmentedItem",
31750
32004
  "superclass": {
31751
- "name": "FASTSelect",
32005
+ "name": "FASTRadio",
31752
32006
  "package": "@microsoft/fast-components"
31753
32007
  },
31754
- "tagName": "%%prefix%%-select",
32008
+ "tagName": "%%prefix%%-segmented-item",
31755
32009
  "customElement": true,
31756
- "attributes": [
31757
- {
31758
- "name": "open",
31759
- "type": {
31760
- "text": "boolean"
31761
- },
31762
- "default": "false",
31763
- "description": "The open attribute.",
31764
- "fieldName": "open",
31765
- "inheritedFrom": {
31766
- "name": "Select",
31767
- "module": "src/select/select.ts"
31768
- }
31769
- },
31770
- {
31771
- "name": "position",
31772
- "type": {
31773
- "text": "SelectPosition | undefined"
31774
- },
31775
- "description": "Reflects the placement for the listbox when the select is open.",
31776
- "fieldName": "positionAttribute",
31777
- "inheritedFrom": {
31778
- "name": "Select",
31779
- "module": "src/select/select.ts"
31780
- }
31781
- },
31782
- {
31783
- "type": {
31784
- "text": "boolean"
31785
- },
31786
- "description": "Indicates if the listbox is in multi-selection mode.",
31787
- "fieldName": "multiple",
31788
- "inheritedFrom": {
31789
- "name": "Select",
31790
- "module": "src/select/select.ts"
31791
- }
31792
- }
31793
- ],
31794
- "members": [
31795
- {
31796
- "kind": "field",
31797
- "name": "open",
31798
- "type": {
31799
- "text": "boolean"
31800
- },
31801
- "privacy": "public",
31802
- "default": "false",
31803
- "description": "The open attribute.",
31804
- "inheritedFrom": {
31805
- "name": "Select",
31806
- "module": "src/select/select.ts"
31807
- }
31808
- },
31809
- {
31810
- "kind": "field",
31811
- "name": "value",
31812
- "privacy": "public",
31813
- "description": "The value property.",
31814
- "inheritedFrom": {
31815
- "name": "Select",
31816
- "module": "src/select/select.ts"
31817
- }
31818
- },
31819
- {
31820
- "kind": "field",
31821
- "name": "positionAttribute",
31822
- "type": {
31823
- "text": "SelectPosition | undefined"
31824
- },
31825
- "privacy": "public",
31826
- "description": "Reflects the placement for the listbox when the select is open.",
31827
- "inheritedFrom": {
31828
- "name": "Select",
31829
- "module": "src/select/select.ts"
31830
- }
31831
- },
31832
- {
31833
- "kind": "field",
31834
- "name": "position",
31835
- "type": {
31836
- "text": "SelectPosition | undefined"
31837
- },
31838
- "privacy": "public",
31839
- "description": "Holds the current state for the calculated position of the listbox.",
31840
- "inheritedFrom": {
31841
- "name": "Select",
31842
- "module": "src/select/select.ts"
31843
- }
31844
- },
31845
- {
31846
- "kind": "method",
31847
- "name": "positionChanged",
31848
- "privacy": "protected",
31849
- "return": {
31850
- "type": {
31851
- "text": "void"
31852
- }
31853
- },
31854
- "parameters": [
31855
- {
31856
- "name": "prev",
31857
- "type": {
31858
- "text": "SelectPosition | undefined"
31859
- }
31860
- },
31861
- {
31862
- "name": "next",
31863
- "type": {
31864
- "text": "SelectPosition | undefined"
31865
- }
31866
- }
31867
- ],
31868
- "inheritedFrom": {
31869
- "name": "Select",
31870
- "module": "src/select/select.ts"
31871
- }
31872
- },
31873
- {
31874
- "kind": "method",
31875
- "name": "setPositioning",
31876
- "privacy": "public",
31877
- "return": {
31878
- "type": {
31879
- "text": "void"
31880
- }
31881
- },
31882
- "description": "Calculate and apply listbox positioning based on available viewport space.",
31883
- "inheritedFrom": {
31884
- "name": "Select",
31885
- "module": "src/select/select.ts"
31886
- }
31887
- },
31888
- {
31889
- "kind": "field",
31890
- "name": "displayValue",
31891
- "type": {
31892
- "text": "string"
31893
- },
31894
- "privacy": "public",
31895
- "description": "The value displayed on the button.",
31896
- "inheritedFrom": {
31897
- "name": "Select",
31898
- "module": "src/select/select.ts"
31899
- }
31900
- },
31901
- {
31902
- "kind": "method",
31903
- "name": "multipleChanged",
31904
- "privacy": "public",
31905
- "parameters": [
31906
- {
31907
- "name": "prev",
31908
- "type": {
31909
- "text": "boolean | undefined"
31910
- },
31911
- "description": "the previous multiple value"
31912
- },
31913
- {
31914
- "name": "next",
31915
- "type": {
31916
- "text": "boolean"
31917
- },
31918
- "description": "the current multiple value"
31919
- }
31920
- ],
31921
- "description": "Sets the multiple property on the proxy element.",
31922
- "inheritedFrom": {
31923
- "name": "Select",
31924
- "module": "src/select/select.ts"
31925
- }
31926
- },
31927
- {
31928
- "kind": "field",
31929
- "name": "proxy",
31930
- "inheritedFrom": {
31931
- "name": "Select",
31932
- "module": "src/select/select.ts"
31933
- }
31934
- },
31935
- {
31936
- "kind": "field",
31937
- "name": "multiple",
31938
- "type": {
31939
- "text": "boolean"
31940
- },
31941
- "privacy": "public",
31942
- "description": "Indicates if the listbox is in multi-selection mode.",
31943
- "inheritedFrom": {
31944
- "name": "Select",
31945
- "module": "src/select/select.ts"
31946
- }
31947
- },
31948
- {
31949
- "kind": "field",
31950
- "name": "size",
31951
- "type": {
31952
- "text": "number"
31953
- },
31954
- "privacy": "public",
31955
- "description": "The maximum number of options to display.",
31956
- "inheritedFrom": {
31957
- "name": "Select",
31958
- "module": "src/select/select.ts"
31959
- }
31960
- },
31961
- {
31962
- "kind": "method",
31963
- "name": "setSelectedOptions",
31964
- "privacy": "public",
31965
- "description": "Sets an option as selected and gives it focus.",
31966
- "inheritedFrom": {
31967
- "name": "Select",
31968
- "module": "src/select/select.ts"
31969
- }
31970
- },
31971
- {
31972
- "kind": "field",
31973
- "name": "length",
31974
- "type": {
31975
- "text": "number"
31976
- },
31977
- "privacy": "public",
31978
- "description": "The number of options.",
31979
- "inheritedFrom": {
31980
- "name": "Select",
31981
- "module": "src/select/select.ts"
31982
- }
31983
- },
31984
- {
31985
- "kind": "field",
31986
- "name": "options",
31987
- "type": {
31988
- "text": "ListboxOption[]"
31989
- },
31990
- "privacy": "public",
31991
- "description": "The list of options.",
31992
- "inheritedFrom": {
31993
- "name": "Select",
31994
- "module": "src/select/select.ts"
31995
- }
31996
- },
31997
- {
31998
- "kind": "field",
31999
- "name": "typeAheadExpired",
32000
- "privacy": "protected",
32001
- "inheritedFrom": {
32002
- "name": "Select",
32003
- "module": "src/select/select.ts"
32004
- }
32005
- },
32010
+ "attributes": [
32006
32011
  {
32007
- "kind": "field",
32008
- "name": "disabled",
32012
+ "name": "readonly",
32009
32013
  "type": {
32010
32014
  "text": "boolean"
32011
32015
  },
32012
- "privacy": "public",
32013
- "description": "The disabled state of the listbox.",
32016
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
32017
+ "fieldName": "readOnly",
32014
32018
  "inheritedFrom": {
32015
- "name": "Select",
32016
- "module": "src/select/select.ts"
32019
+ "name": "Radio",
32020
+ "module": "src/radio/radio.ts"
32017
32021
  }
32018
- },
32022
+ }
32023
+ ],
32024
+ "members": [
32019
32025
  {
32020
32026
  "kind": "field",
32021
- "name": "selectedIndex",
32027
+ "name": "readOnly",
32022
32028
  "type": {
32023
- "text": "number"
32029
+ "text": "boolean"
32024
32030
  },
32025
32031
  "privacy": "public",
32026
- "default": "-1",
32027
- "description": "The index of the selected option.",
32032
+ "description": "When true, the control will be immutable by user interaction. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute} for more information.",
32028
32033
  "inheritedFrom": {
32029
- "name": "Select",
32030
- "module": "src/select/select.ts"
32034
+ "name": "Radio",
32035
+ "module": "src/radio/radio.ts"
32031
32036
  }
32032
32037
  },
32033
32038
  {
32034
- "kind": "field",
32035
- "name": "selectedOptions",
32036
- "type": {
32037
- "text": "ListboxOption[]"
32039
+ "kind": "method",
32040
+ "name": "readOnlyChanged",
32041
+ "privacy": "private",
32042
+ "return": {
32043
+ "type": {
32044
+ "text": "void"
32045
+ }
32038
32046
  },
32039
- "privacy": "public",
32040
- "default": "[]",
32041
- "description": "A collection of the selected options.",
32042
32047
  "inheritedFrom": {
32043
- "name": "Select",
32044
- "module": "src/select/select.ts"
32048
+ "name": "Radio",
32049
+ "module": "src/radio/radio.ts"
32045
32050
  }
32046
32051
  },
32047
32052
  {
32048
32053
  "kind": "field",
32049
- "name": "slottedOptionFilter",
32054
+ "name": "name",
32055
+ "type": {
32056
+ "text": "string"
32057
+ },
32050
32058
  "privacy": "public",
32051
- "static": true,
32052
- "description": "A static filter to include only selectable options.",
32053
- "parameters": [
32054
- {
32055
- "description": "element to filter",
32056
- "name": "n"
32057
- }
32058
- ],
32059
+ "description": "The name of the radio. See {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname | name attribute} for more info.",
32059
32060
  "inheritedFrom": {
32060
- "name": "Select",
32061
- "module": "src/select/select.ts"
32061
+ "name": "Radio",
32062
+ "module": "src/radio/radio.ts"
32062
32063
  }
32063
32064
  },
32064
32065
  {
32065
32066
  "kind": "method",
32066
- "name": "selectFirstOption",
32067
- "privacy": "public",
32067
+ "name": "isInsideRadioGroup",
32068
+ "privacy": "private",
32068
32069
  "return": {
32069
32070
  "type": {
32070
- "text": "void"
32071
+ "text": "boolean"
32071
32072
  }
32072
32073
  },
32073
- "description": "Moves focus to the first selectable option.",
32074
32074
  "inheritedFrom": {
32075
- "name": "Select",
32076
- "module": "src/select/select.ts"
32075
+ "name": "Radio",
32076
+ "module": "src/radio/radio.ts"
32077
+ }
32078
+ },
32079
+ {
32080
+ "kind": "field",
32081
+ "name": "proxy",
32082
+ "inheritedFrom": {
32083
+ "name": "Radio",
32084
+ "module": "src/radio/radio.ts"
32077
32085
  }
32078
32086
  },
32079
32087
  {
@@ -32085,8 +32093,8 @@
32085
32093
  "privacy": "private",
32086
32094
  "default": "void 0",
32087
32095
  "inheritedFrom": {
32088
- "name": "Select",
32089
- "module": "src/select/select.ts"
32096
+ "name": "Radio",
32097
+ "module": "src/radio/radio.ts"
32090
32098
  }
32091
32099
  },
32092
32100
  {
@@ -32098,8 +32106,8 @@
32098
32106
  "privacy": "public",
32099
32107
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
32100
32108
  "inheritedFrom": {
32101
- "name": "Select",
32102
- "module": "src/select/select.ts"
32109
+ "name": "Radio",
32110
+ "module": "src/radio/radio.ts"
32103
32111
  }
32104
32112
  },
32105
32113
  {
@@ -32111,8 +32119,8 @@
32111
32119
  "privacy": "public",
32112
32120
  "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
32113
32121
  "inheritedFrom": {
32114
- "name": "Select",
32115
- "module": "src/select/select.ts"
32122
+ "name": "Radio",
32123
+ "module": "src/radio/radio.ts"
32116
32124
  }
32117
32125
  },
32118
32126
  {
@@ -32125,8 +32133,8 @@
32125
32133
  }
32126
32134
  },
32127
32135
  "inheritedFrom": {
32128
- "name": "Select",
32129
- "module": "src/select/select.ts"
32136
+ "name": "Radio",
32137
+ "module": "src/radio/radio.ts"
32130
32138
  }
32131
32139
  },
32132
32140
  {
@@ -32138,8 +32146,8 @@
32138
32146
  "privacy": "public",
32139
32147
  "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
32140
32148
  "inheritedFrom": {
32141
- "name": "Select",
32142
- "module": "src/select/select.ts"
32149
+ "name": "Radio",
32150
+ "module": "src/radio/radio.ts"
32143
32151
  }
32144
32152
  },
32145
32153
  {
@@ -32152,8 +32160,8 @@
32152
32160
  }
32153
32161
  },
32154
32162
  "inheritedFrom": {
32155
- "name": "Select",
32156
- "module": "src/select/select.ts"
32163
+ "name": "Radio",
32164
+ "module": "src/radio/radio.ts"
32157
32165
  }
32158
32166
  },
32159
32167
  {
@@ -32183,33 +32191,25 @@
32183
32191
  ],
32184
32192
  "description": "Defines an element registry function with a set of element definition defaults.",
32185
32193
  "inheritedFrom": {
32186
- "name": "Select",
32187
- "module": "src/select/select.ts"
32194
+ "name": "Radio",
32195
+ "module": "src/radio/radio.ts"
32188
32196
  }
32189
32197
  }
32190
32198
  ],
32191
32199
  "events": [
32192
32200
  {
32193
- "description": "Fires a custom 'input' event when the value updates",
32194
- "name": "input",
32195
- "inheritedFrom": {
32196
- "name": "Select",
32197
- "module": "src/select/select.ts"
32198
- }
32199
- },
32200
- {
32201
- "description": "Fires a custom 'change' event when the value updates",
32201
+ "description": "Emits a custom change event when the checked state changes",
32202
32202
  "name": "change",
32203
32203
  "inheritedFrom": {
32204
- "name": "Select",
32205
- "module": "src/select/select.ts"
32204
+ "name": "Radio",
32205
+ "module": "src/radio/radio.ts"
32206
32206
  }
32207
32207
  }
32208
32208
  ]
32209
32209
  },
32210
32210
  {
32211
32211
  "kind": "variable",
32212
- "name": "foundationSelectShadowOptions",
32212
+ "name": "foundationSegmentedItemShadowOptions",
32213
32213
  "type": {
32214
32214
  "text": "ShadowRootInit"
32215
32215
  },
@@ -32217,50 +32217,50 @@
32217
32217
  },
32218
32218
  {
32219
32219
  "kind": "variable",
32220
- "name": "defaultSelectConfig",
32220
+ "name": "defaultSegmentedItemConfig",
32221
32221
  "type": {
32222
32222
  "text": "object"
32223
32223
  },
32224
- "default": "{\n indicator: `\n <svg\n class=\"select-indicator\"\n part=\"select-indicator\"\n viewBox=\"0 0 12 7\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.85.65c.2.2.2.5 0 .7L6.4 6.84a.55.55 0 01-.78 0L.14 1.35a.5.5 0 11.71-.7L6 5.8 11.15.65c.2-.2.5-.2.7 0z\"\n />\n </svg>\n `,\n}"
32224
+ "default": "{}"
32225
32225
  },
32226
32226
  {
32227
32227
  "kind": "variable",
32228
- "name": "foundationSelect",
32229
- "description": "The Foundation Select",
32228
+ "name": "foundationSegmentedItem",
32229
+ "description": "The Foundation Segmented item",
32230
32230
  "privacy": "public"
32231
32231
  }
32232
32232
  ],
32233
32233
  "exports": [
32234
32234
  {
32235
32235
  "kind": "js",
32236
- "name": "Select",
32236
+ "name": "SegmentedItem",
32237
32237
  "declaration": {
32238
- "name": "Select",
32239
- "module": "src/select/select.ts"
32238
+ "name": "SegmentedItem",
32239
+ "module": "src/segmented-item/segmented-item.ts"
32240
32240
  }
32241
32241
  },
32242
32242
  {
32243
32243
  "kind": "js",
32244
- "name": "foundationSelectShadowOptions",
32244
+ "name": "foundationSegmentedItemShadowOptions",
32245
32245
  "declaration": {
32246
- "name": "foundationSelectShadowOptions",
32247
- "module": "src/select/select.ts"
32246
+ "name": "foundationSegmentedItemShadowOptions",
32247
+ "module": "src/segmented-item/segmented-item.ts"
32248
32248
  }
32249
32249
  },
32250
32250
  {
32251
32251
  "kind": "js",
32252
- "name": "defaultSelectConfig",
32252
+ "name": "defaultSegmentedItemConfig",
32253
32253
  "declaration": {
32254
- "name": "defaultSelectConfig",
32255
- "module": "src/select/select.ts"
32254
+ "name": "defaultSegmentedItemConfig",
32255
+ "module": "src/segmented-item/segmented-item.ts"
32256
32256
  }
32257
32257
  },
32258
32258
  {
32259
32259
  "kind": "js",
32260
- "name": "foundationSelect",
32260
+ "name": "foundationSegmentedItem",
32261
32261
  "declaration": {
32262
- "name": "foundationSelect",
32263
- "module": "src/select/select.ts"
32262
+ "name": "foundationSegmentedItem",
32263
+ "module": "src/segmented-item/segmented-item.ts"
32264
32264
  }
32265
32265
  }
32266
32266
  ]
@@ -43980,55 +43980,6 @@
43980
43980
  "declarations": [],
43981
43981
  "exports": []
43982
43982
  },
43983
- {
43984
- "kind": "javascript-module",
43985
- "path": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts",
43986
- "declarations": [
43987
- {
43988
- "kind": "function",
43989
- "name": "flexLayoutRWDStyles",
43990
- "return": {
43991
- "type": {
43992
- "text": "ElementStyles"
43993
- }
43994
- },
43995
- "parameters": [
43996
- {
43997
- "name": "breakPoint",
43998
- "optional": true,
43999
- "type": {
44000
- "text": "FlexBreakPointType"
44001
- }
44002
- }
44003
- ]
44004
- }
44005
- ],
44006
- "exports": [
44007
- {
44008
- "kind": "js",
44009
- "name": "flexLayoutRWDStyles",
44010
- "declaration": {
44011
- "name": "flexLayoutRWDStyles",
44012
- "module": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts"
44013
- }
44014
- }
44015
- ]
44016
- },
44017
- {
44018
- "kind": "javascript-module",
44019
- "path": "src/flex-layout/responsiveness/index.ts",
44020
- "declarations": [],
44021
- "exports": [
44022
- {
44023
- "kind": "js",
44024
- "name": "*",
44025
- "declaration": {
44026
- "name": "*",
44027
- "package": "./flex-layout-rwd.styles"
44028
- }
44029
- }
44030
- ]
44031
- },
44032
43983
  {
44033
43984
  "kind": "javascript-module",
44034
43985
  "path": "src/grid-layout/responsiveness/grid-layout-rwd.styles.ts",
@@ -44611,6 +44562,55 @@
44611
44562
  }
44612
44563
  ]
44613
44564
  },
44565
+ {
44566
+ "kind": "javascript-module",
44567
+ "path": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts",
44568
+ "declarations": [
44569
+ {
44570
+ "kind": "function",
44571
+ "name": "flexLayoutRWDStyles",
44572
+ "return": {
44573
+ "type": {
44574
+ "text": "ElementStyles"
44575
+ }
44576
+ },
44577
+ "parameters": [
44578
+ {
44579
+ "name": "breakPoint",
44580
+ "optional": true,
44581
+ "type": {
44582
+ "text": "FlexBreakPointType"
44583
+ }
44584
+ }
44585
+ ]
44586
+ }
44587
+ ],
44588
+ "exports": [
44589
+ {
44590
+ "kind": "js",
44591
+ "name": "flexLayoutRWDStyles",
44592
+ "declaration": {
44593
+ "name": "flexLayoutRWDStyles",
44594
+ "module": "src/flex-layout/responsiveness/flex-layout-rwd.styles.ts"
44595
+ }
44596
+ }
44597
+ ]
44598
+ },
44599
+ {
44600
+ "kind": "javascript-module",
44601
+ "path": "src/flex-layout/responsiveness/index.ts",
44602
+ "declarations": [],
44603
+ "exports": [
44604
+ {
44605
+ "kind": "js",
44606
+ "name": "*",
44607
+ "declaration": {
44608
+ "name": "*",
44609
+ "package": "./flex-layout-rwd.styles"
44610
+ }
44611
+ }
44612
+ ]
44613
+ },
44614
44614
  {
44615
44615
  "kind": "javascript-module",
44616
44616
  "path": "src/_config/styles/external/index.ts",