@genesislcap/foundation-ui 14.162.1-beta.5eead96.0 → 14.162.1-fdc3rowclick.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +1877 -1877
  2. package/package.json +15 -15
@@ -801,6 +801,260 @@
801
801
  }
802
802
  ]
803
803
  },
804
+ {
805
+ "kind": "javascript-module",
806
+ "path": "src/_common/icons.ts",
807
+ "declarations": [
808
+ {
809
+ "kind": "function",
810
+ "name": "closeIcon",
811
+ "parameters": [
812
+ {
813
+ "name": "slot",
814
+ "default": "'start'"
815
+ }
816
+ ]
817
+ }
818
+ ],
819
+ "exports": [
820
+ {
821
+ "kind": "js",
822
+ "name": "closeIcon",
823
+ "declaration": {
824
+ "name": "closeIcon",
825
+ "module": "src/_common/icons.ts"
826
+ }
827
+ }
828
+ ]
829
+ },
830
+ {
831
+ "kind": "javascript-module",
832
+ "path": "src/_common/index.ts",
833
+ "declarations": [],
834
+ "exports": [
835
+ {
836
+ "kind": "js",
837
+ "name": "*",
838
+ "declaration": {
839
+ "name": "*",
840
+ "package": "./icons"
841
+ }
842
+ }
843
+ ]
844
+ },
845
+ {
846
+ "kind": "javascript-module",
847
+ "path": "src/_config/index.ts",
848
+ "declarations": [],
849
+ "exports": [
850
+ {
851
+ "kind": "js",
852
+ "name": "*",
853
+ "declaration": {
854
+ "name": "*",
855
+ "package": "./styles"
856
+ }
857
+ },
858
+ {
859
+ "kind": "js",
860
+ "name": "*",
861
+ "declaration": {
862
+ "name": "*",
863
+ "package": "./tokens"
864
+ }
865
+ },
866
+ {
867
+ "kind": "js",
868
+ "name": "*",
869
+ "declaration": {
870
+ "name": "*",
871
+ "package": "./values"
872
+ }
873
+ }
874
+ ]
875
+ },
876
+ {
877
+ "kind": "javascript-module",
878
+ "path": "src/accordion/accordion.styles.ts",
879
+ "declarations": [
880
+ {
881
+ "kind": "function",
882
+ "name": "foundationAccordionStyles",
883
+ "return": {
884
+ "type": {
885
+ "text": "ElementStyles"
886
+ }
887
+ },
888
+ "parameters": [
889
+ {
890
+ "name": "context",
891
+ "type": {
892
+ "text": "ElementDefinitionContext"
893
+ }
894
+ },
895
+ {
896
+ "name": "definition",
897
+ "type": {
898
+ "text": "FoundationElementDefinition"
899
+ }
900
+ }
901
+ ]
902
+ }
903
+ ],
904
+ "exports": [
905
+ {
906
+ "kind": "js",
907
+ "name": "foundationAccordionStyles",
908
+ "declaration": {
909
+ "name": "foundationAccordionStyles",
910
+ "module": "src/accordion/accordion.styles.ts"
911
+ }
912
+ }
913
+ ]
914
+ },
915
+ {
916
+ "kind": "javascript-module",
917
+ "path": "src/accordion/accordion.template.ts",
918
+ "declarations": [
919
+ {
920
+ "kind": "function",
921
+ "name": "foundationAccordionTemplate",
922
+ "return": {
923
+ "type": {
924
+ "text": "ViewTemplate<Accordion>"
925
+ }
926
+ },
927
+ "parameters": [
928
+ {
929
+ "name": "context",
930
+ "type": {
931
+ "text": "ElementDefinitionContext"
932
+ }
933
+ },
934
+ {
935
+ "name": "definition",
936
+ "type": {
937
+ "text": "FoundationElementDefinition"
938
+ }
939
+ }
940
+ ]
941
+ }
942
+ ],
943
+ "exports": [
944
+ {
945
+ "kind": "js",
946
+ "name": "foundationAccordionTemplate",
947
+ "declaration": {
948
+ "name": "foundationAccordionTemplate",
949
+ "module": "src/accordion/accordion.template.ts"
950
+ }
951
+ }
952
+ ]
953
+ },
954
+ {
955
+ "kind": "javascript-module",
956
+ "path": "src/accordion/accordion.ts",
957
+ "declarations": [
958
+ {
959
+ "kind": "class",
960
+ "description": "",
961
+ "name": "Accordion",
962
+ "superclass": {
963
+ "name": "FASTAccordion",
964
+ "package": "@microsoft/fast-foundation"
965
+ },
966
+ "tagName": "%%prefix%%-accordion",
967
+ "customElement": true
968
+ },
969
+ {
970
+ "kind": "variable",
971
+ "name": "foundationAccordionShadowOptions",
972
+ "type": {
973
+ "text": "ShadowRootInit"
974
+ },
975
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
976
+ },
977
+ {
978
+ "kind": "variable",
979
+ "name": "defaultAccordionConfig",
980
+ "type": {
981
+ "text": "object"
982
+ },
983
+ "default": "{}"
984
+ },
985
+ {
986
+ "kind": "variable",
987
+ "name": "foundationAccordion",
988
+ "description": "The Foundation Accordion",
989
+ "privacy": "public"
990
+ }
991
+ ],
992
+ "exports": [
993
+ {
994
+ "kind": "js",
995
+ "name": "Accordion",
996
+ "declaration": {
997
+ "name": "Accordion",
998
+ "module": "src/accordion/accordion.ts"
999
+ }
1000
+ },
1001
+ {
1002
+ "kind": "js",
1003
+ "name": "foundationAccordionShadowOptions",
1004
+ "declaration": {
1005
+ "name": "foundationAccordionShadowOptions",
1006
+ "module": "src/accordion/accordion.ts"
1007
+ }
1008
+ },
1009
+ {
1010
+ "kind": "js",
1011
+ "name": "defaultAccordionConfig",
1012
+ "declaration": {
1013
+ "name": "defaultAccordionConfig",
1014
+ "module": "src/accordion/accordion.ts"
1015
+ }
1016
+ },
1017
+ {
1018
+ "kind": "js",
1019
+ "name": "foundationAccordion",
1020
+ "declaration": {
1021
+ "name": "foundationAccordion",
1022
+ "module": "src/accordion/accordion.ts"
1023
+ }
1024
+ }
1025
+ ]
1026
+ },
1027
+ {
1028
+ "kind": "javascript-module",
1029
+ "path": "src/accordion/index.ts",
1030
+ "declarations": [],
1031
+ "exports": [
1032
+ {
1033
+ "kind": "js",
1034
+ "name": "*",
1035
+ "declaration": {
1036
+ "name": "*",
1037
+ "package": "./accordion.template"
1038
+ }
1039
+ },
1040
+ {
1041
+ "kind": "js",
1042
+ "name": "*",
1043
+ "declaration": {
1044
+ "name": "*",
1045
+ "package": "./accordion.styles"
1046
+ }
1047
+ },
1048
+ {
1049
+ "kind": "js",
1050
+ "name": "*",
1051
+ "declaration": {
1052
+ "name": "*",
1053
+ "package": "./accordion"
1054
+ }
1055
+ }
1056
+ ]
1057
+ },
804
1058
  {
805
1059
  "kind": "javascript-module",
806
1060
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -3864,219 +4118,6 @@
3864
4118
  }
3865
4119
  ]
3866
4120
  },
3867
- {
3868
- "kind": "javascript-module",
3869
- "path": "src/_config/index.ts",
3870
- "declarations": [],
3871
- "exports": [
3872
- {
3873
- "kind": "js",
3874
- "name": "*",
3875
- "declaration": {
3876
- "name": "*",
3877
- "package": "./styles"
3878
- }
3879
- },
3880
- {
3881
- "kind": "js",
3882
- "name": "*",
3883
- "declaration": {
3884
- "name": "*",
3885
- "package": "./tokens"
3886
- }
3887
- },
3888
- {
3889
- "kind": "js",
3890
- "name": "*",
3891
- "declaration": {
3892
- "name": "*",
3893
- "package": "./values"
3894
- }
3895
- }
3896
- ]
3897
- },
3898
- {
3899
- "kind": "javascript-module",
3900
- "path": "src/accordion/accordion.styles.ts",
3901
- "declarations": [
3902
- {
3903
- "kind": "function",
3904
- "name": "foundationAccordionStyles",
3905
- "return": {
3906
- "type": {
3907
- "text": "ElementStyles"
3908
- }
3909
- },
3910
- "parameters": [
3911
- {
3912
- "name": "context",
3913
- "type": {
3914
- "text": "ElementDefinitionContext"
3915
- }
3916
- },
3917
- {
3918
- "name": "definition",
3919
- "type": {
3920
- "text": "FoundationElementDefinition"
3921
- }
3922
- }
3923
- ]
3924
- }
3925
- ],
3926
- "exports": [
3927
- {
3928
- "kind": "js",
3929
- "name": "foundationAccordionStyles",
3930
- "declaration": {
3931
- "name": "foundationAccordionStyles",
3932
- "module": "src/accordion/accordion.styles.ts"
3933
- }
3934
- }
3935
- ]
3936
- },
3937
- {
3938
- "kind": "javascript-module",
3939
- "path": "src/accordion/accordion.template.ts",
3940
- "declarations": [
3941
- {
3942
- "kind": "function",
3943
- "name": "foundationAccordionTemplate",
3944
- "return": {
3945
- "type": {
3946
- "text": "ViewTemplate<Accordion>"
3947
- }
3948
- },
3949
- "parameters": [
3950
- {
3951
- "name": "context",
3952
- "type": {
3953
- "text": "ElementDefinitionContext"
3954
- }
3955
- },
3956
- {
3957
- "name": "definition",
3958
- "type": {
3959
- "text": "FoundationElementDefinition"
3960
- }
3961
- }
3962
- ]
3963
- }
3964
- ],
3965
- "exports": [
3966
- {
3967
- "kind": "js",
3968
- "name": "foundationAccordionTemplate",
3969
- "declaration": {
3970
- "name": "foundationAccordionTemplate",
3971
- "module": "src/accordion/accordion.template.ts"
3972
- }
3973
- }
3974
- ]
3975
- },
3976
- {
3977
- "kind": "javascript-module",
3978
- "path": "src/accordion/accordion.ts",
3979
- "declarations": [
3980
- {
3981
- "kind": "class",
3982
- "description": "",
3983
- "name": "Accordion",
3984
- "superclass": {
3985
- "name": "FASTAccordion",
3986
- "package": "@microsoft/fast-foundation"
3987
- },
3988
- "tagName": "%%prefix%%-accordion",
3989
- "customElement": true
3990
- },
3991
- {
3992
- "kind": "variable",
3993
- "name": "foundationAccordionShadowOptions",
3994
- "type": {
3995
- "text": "ShadowRootInit"
3996
- },
3997
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
3998
- },
3999
- {
4000
- "kind": "variable",
4001
- "name": "defaultAccordionConfig",
4002
- "type": {
4003
- "text": "object"
4004
- },
4005
- "default": "{}"
4006
- },
4007
- {
4008
- "kind": "variable",
4009
- "name": "foundationAccordion",
4010
- "description": "The Foundation Accordion",
4011
- "privacy": "public"
4012
- }
4013
- ],
4014
- "exports": [
4015
- {
4016
- "kind": "js",
4017
- "name": "Accordion",
4018
- "declaration": {
4019
- "name": "Accordion",
4020
- "module": "src/accordion/accordion.ts"
4021
- }
4022
- },
4023
- {
4024
- "kind": "js",
4025
- "name": "foundationAccordionShadowOptions",
4026
- "declaration": {
4027
- "name": "foundationAccordionShadowOptions",
4028
- "module": "src/accordion/accordion.ts"
4029
- }
4030
- },
4031
- {
4032
- "kind": "js",
4033
- "name": "defaultAccordionConfig",
4034
- "declaration": {
4035
- "name": "defaultAccordionConfig",
4036
- "module": "src/accordion/accordion.ts"
4037
- }
4038
- },
4039
- {
4040
- "kind": "js",
4041
- "name": "foundationAccordion",
4042
- "declaration": {
4043
- "name": "foundationAccordion",
4044
- "module": "src/accordion/accordion.ts"
4045
- }
4046
- }
4047
- ]
4048
- },
4049
- {
4050
- "kind": "javascript-module",
4051
- "path": "src/accordion/index.ts",
4052
- "declarations": [],
4053
- "exports": [
4054
- {
4055
- "kind": "js",
4056
- "name": "*",
4057
- "declaration": {
4058
- "name": "*",
4059
- "package": "./accordion.template"
4060
- }
4061
- },
4062
- {
4063
- "kind": "js",
4064
- "name": "*",
4065
- "declaration": {
4066
- "name": "*",
4067
- "package": "./accordion.styles"
4068
- }
4069
- },
4070
- {
4071
- "kind": "js",
4072
- "name": "*",
4073
- "declaration": {
4074
- "name": "*",
4075
- "package": "./accordion"
4076
- }
4077
- }
4078
- ]
4079
- },
4080
4121
  {
4081
4122
  "kind": "javascript-module",
4082
4123
  "path": "src/avatar/avatar.styles.ts",
@@ -9592,47 +9633,6 @@
9592
9633
  }
9593
9634
  ]
9594
9635
  },
9595
- {
9596
- "kind": "javascript-module",
9597
- "path": "src/_common/icons.ts",
9598
- "declarations": [
9599
- {
9600
- "kind": "function",
9601
- "name": "closeIcon",
9602
- "parameters": [
9603
- {
9604
- "name": "slot",
9605
- "default": "'start'"
9606
- }
9607
- ]
9608
- }
9609
- ],
9610
- "exports": [
9611
- {
9612
- "kind": "js",
9613
- "name": "closeIcon",
9614
- "declaration": {
9615
- "name": "closeIcon",
9616
- "module": "src/_common/icons.ts"
9617
- }
9618
- }
9619
- ]
9620
- },
9621
- {
9622
- "kind": "javascript-module",
9623
- "path": "src/_common/index.ts",
9624
- "declarations": [],
9625
- "exports": [
9626
- {
9627
- "kind": "js",
9628
- "name": "*",
9629
- "declaration": {
9630
- "name": "*",
9631
- "package": "./icons"
9632
- }
9633
- }
9634
- ]
9635
- },
9636
9636
  {
9637
9637
  "kind": "javascript-module",
9638
9638
  "path": "src/data-grid/data-grid.styles.ts",
@@ -22653,7 +22653,7 @@
22653
22653
  },
22654
22654
  {
22655
22655
  "kind": "javascript-module",
22656
- "path": "src/menu-item/index.ts",
22656
+ "path": "src/modal/index.ts",
22657
22657
  "declarations": [],
22658
22658
  "exports": [
22659
22659
  {
@@ -22661,7 +22661,7 @@
22661
22661
  "name": "*",
22662
22662
  "declaration": {
22663
22663
  "name": "*",
22664
- "package": "./menu-item.template"
22664
+ "package": "./modal.styles"
22665
22665
  }
22666
22666
  },
22667
22667
  {
@@ -22669,7 +22669,7 @@
22669
22669
  "name": "*",
22670
22670
  "declaration": {
22671
22671
  "name": "*",
22672
- "package": "./menu-item.styles"
22672
+ "package": "./modal.template"
22673
22673
  }
22674
22674
  },
22675
22675
  {
@@ -22677,276 +22677,235 @@
22677
22677
  "name": "*",
22678
22678
  "declaration": {
22679
22679
  "name": "*",
22680
- "package": "./menu-item"
22680
+ "package": "./modal"
22681
22681
  }
22682
22682
  }
22683
22683
  ]
22684
22684
  },
22685
22685
  {
22686
22686
  "kind": "javascript-module",
22687
- "path": "src/menu-item/menu-item.styles.ts",
22687
+ "path": "src/modal/modal.styles.ts",
22688
22688
  "declarations": [
22689
22689
  {
22690
- "kind": "function",
22691
- "name": "foundationMenuItemStyles",
22692
- "return": {
22693
- "type": {
22694
- "text": "ElementStyles"
22695
- }
22690
+ "kind": "variable",
22691
+ "name": "foundationModalStyles",
22692
+ "type": {
22693
+ "text": "ElementStyles"
22696
22694
  },
22697
- "parameters": [
22698
- {
22699
- "name": "context",
22700
- "type": {
22701
- "text": "ElementDefinitionContext"
22702
- }
22703
- },
22704
- {
22705
- "name": "definition",
22706
- "type": {
22707
- "text": "MenuItemOptions"
22708
- }
22709
- }
22710
- ]
22695
+ "default": "css`\n ${foundationDialogStyles}\n`"
22711
22696
  }
22712
22697
  ],
22713
22698
  "exports": [
22714
22699
  {
22715
22700
  "kind": "js",
22716
- "name": "foundationMenuItemStyles",
22701
+ "name": "foundationModalStyles",
22717
22702
  "declaration": {
22718
- "name": "foundationMenuItemStyles",
22719
- "module": "src/menu-item/menu-item.styles.ts"
22703
+ "name": "foundationModalStyles",
22704
+ "module": "src/modal/modal.styles.ts"
22720
22705
  }
22721
22706
  }
22722
22707
  ]
22723
22708
  },
22724
22709
  {
22725
22710
  "kind": "javascript-module",
22726
- "path": "src/menu-item/menu-item.template.ts",
22711
+ "path": "src/modal/modal.template.ts",
22727
22712
  "declarations": [
22728
22713
  {
22729
- "kind": "function",
22730
- "name": "foundationMenuItemTemplate",
22731
- "return": {
22732
- "type": {
22733
- "text": "ViewTemplate<MenuItem>"
22734
- }
22714
+ "kind": "variable",
22715
+ "name": "foundationModalTemplate",
22716
+ "type": {
22717
+ "text": "ViewTemplate<Modal>"
22735
22718
  },
22736
- "parameters": [
22737
- {
22738
- "name": "context",
22739
- "type": {
22740
- "text": "ElementDefinitionContext"
22741
- }
22742
- },
22743
- {
22744
- "name": "definition",
22745
- "type": {
22746
- "text": "MenuItemOptions"
22747
- }
22748
- }
22749
- ]
22719
+ "default": "html`\n ${foundationDialogTemplate}\n`"
22750
22720
  }
22751
22721
  ],
22752
22722
  "exports": [
22753
22723
  {
22754
22724
  "kind": "js",
22755
- "name": "foundationMenuItemTemplate",
22725
+ "name": "foundationModalTemplate",
22756
22726
  "declaration": {
22757
- "name": "foundationMenuItemTemplate",
22758
- "module": "src/menu-item/menu-item.template.ts"
22727
+ "name": "foundationModalTemplate",
22728
+ "module": "src/modal/modal.template.ts"
22759
22729
  }
22760
22730
  }
22761
22731
  ]
22762
22732
  },
22763
22733
  {
22764
22734
  "kind": "javascript-module",
22765
- "path": "src/menu-item/menu-item.ts",
22735
+ "path": "src/modal/modal.ts",
22766
22736
  "declarations": [
22737
+ {
22738
+ "kind": "variable",
22739
+ "name": "foundationModalShadowOptions",
22740
+ "type": {
22741
+ "text": "ShadowRootInit"
22742
+ },
22743
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
22744
+ },
22745
+ {
22746
+ "kind": "variable",
22747
+ "name": "defaultModalConfig",
22748
+ "type": {
22749
+ "text": "object"
22750
+ },
22751
+ "default": "{}"
22752
+ },
22767
22753
  {
22768
22754
  "kind": "class",
22769
22755
  "description": "",
22770
- "name": "MenuItem",
22771
- "superclass": {
22772
- "name": "FASTMenuItem",
22773
- "package": "@microsoft/fast-components"
22774
- },
22775
- "tagName": "%%prefix%%-menu-item",
22776
- "customElement": true,
22777
- "attributes": [
22756
+ "name": "Modal",
22757
+ "members": [
22778
22758
  {
22779
- "type": {
22780
- "text": "boolean"
22759
+ "kind": "method",
22760
+ "name": "show",
22761
+ "return": {
22762
+ "type": {
22763
+ "text": "void"
22764
+ }
22781
22765
  },
22782
- "description": "The disabled state of the element.",
22783
- "fieldName": "disabled",
22766
+ "description": "Show the HTMLDialogElement and its contents",
22784
22767
  "inheritedFrom": {
22785
- "name": "MenuItem",
22786
- "module": "src/menu-item/menu-item.ts"
22768
+ "name": "<local>_DialogElement",
22769
+ "module": "src/dialog/dialog.ts"
22787
22770
  }
22788
22771
  },
22789
- {
22790
- "name": "role",
22791
- "type": {
22792
- "text": "MenuItemRole"
22793
- },
22794
- "description": "The role of the element.",
22795
- "fieldName": "role",
22796
- "inheritedFrom": {
22797
- "name": "MenuItem",
22798
- "module": "src/menu-item/menu-item.ts"
22799
- }
22800
- }
22801
- ],
22802
- "members": [
22803
22772
  {
22804
22773
  "kind": "field",
22805
- "name": "disabled",
22774
+ "name": "mainElement",
22806
22775
  "type": {
22807
- "text": "boolean"
22776
+ "text": "HTMLDialogElement"
22808
22777
  },
22809
- "privacy": "public",
22810
- "description": "The disabled state of the element.",
22778
+ "description": "A reference to the dialog element\nin the component Shadow DOM.",
22811
22779
  "inheritedFrom": {
22812
- "name": "MenuItem",
22813
- "module": "src/menu-item/menu-item.ts"
22780
+ "name": "<local>_DialogElement",
22781
+ "module": "src/dialog/dialog.ts"
22814
22782
  }
22815
22783
  },
22816
22784
  {
22817
22785
  "kind": "field",
22818
- "name": "expanded",
22786
+ "name": "notification",
22819
22787
  "type": {
22820
- "text": "boolean"
22788
+ "text": "NotificationStructure"
22821
22789
  },
22822
- "privacy": "public",
22823
- "description": "The expanded state of the element.",
22824
22790
  "inheritedFrom": {
22825
- "name": "MenuItem",
22826
- "module": "src/menu-item/menu-item.ts"
22791
+ "name": "<local>_DialogElement",
22792
+ "module": "src/dialog/dialog.ts"
22827
22793
  }
22828
22794
  },
22829
22795
  {
22830
22796
  "kind": "method",
22831
- "name": "expandedChanged",
22832
- "privacy": "private",
22833
- "return": {
22834
- "type": {
22835
- "text": "void"
22836
- }
22837
- },
22838
- "parameters": [
22839
- {
22840
- "name": "oldValue",
22841
- "type": {
22842
- "text": "boolean"
22843
- }
22844
- }
22845
- ],
22797
+ "name": "notificationChanged",
22846
22798
  "inheritedFrom": {
22847
- "name": "MenuItem",
22848
- "module": "src/menu-item/menu-item.ts"
22799
+ "name": "<local>_DialogElement",
22800
+ "module": "src/dialog/dialog.ts"
22849
22801
  }
22850
22802
  },
22851
22803
  {
22852
22804
  "kind": "field",
22853
- "name": "role",
22805
+ "name": "position",
22854
22806
  "type": {
22855
- "text": "MenuItemRole"
22807
+ "text": "'centre' | 'left' | 'right'"
22856
22808
  },
22857
- "privacy": "public",
22858
- "description": "The role of the element.",
22809
+ "default": "'centre'",
22859
22810
  "inheritedFrom": {
22860
- "name": "MenuItem",
22861
- "module": "src/menu-item/menu-item.ts"
22811
+ "name": "<local>_DialogElement",
22812
+ "module": "src/dialog/dialog.ts"
22862
22813
  }
22863
22814
  },
22864
22815
  {
22865
22816
  "kind": "field",
22866
- "name": "checked",
22817
+ "name": "showCloseIcon",
22867
22818
  "type": {
22868
22819
  "text": "boolean"
22869
22820
  },
22870
- "privacy": "public",
22871
- "description": "The checked value of the element.",
22821
+ "default": "true",
22822
+ "description": "Whether or not to show the close icon",
22872
22823
  "inheritedFrom": {
22873
- "name": "MenuItem",
22874
- "module": "src/menu-item/menu-item.ts"
22824
+ "name": "<local>_DialogElement",
22825
+ "module": "src/dialog/dialog.ts"
22875
22826
  }
22876
22827
  },
22877
22828
  {
22878
- "kind": "method",
22879
- "name": "checkedChanged",
22880
- "privacy": "private",
22881
- "return": {
22882
- "type": {
22883
- "text": "void"
22884
- }
22829
+ "kind": "field",
22830
+ "name": "onShowCallback",
22831
+ "type": {
22832
+ "text": "() => void"
22885
22833
  },
22886
- "parameters": [
22887
- {
22888
- "name": "oldValue",
22889
- "type": {
22890
- "text": "boolean"
22891
- }
22892
- },
22893
- {
22894
- "name": "newValue",
22895
- "type": {
22896
- "text": "boolean"
22897
- }
22898
- }
22899
- ],
22834
+ "description": "Callback to run *before* HTMLDialogElement is shown",
22900
22835
  "inheritedFrom": {
22901
- "name": "MenuItem",
22902
- "module": "src/menu-item/menu-item.ts"
22836
+ "name": "<local>_DialogElement",
22837
+ "module": "src/dialog/dialog.ts"
22903
22838
  }
22904
22839
  },
22905
22840
  {
22906
22841
  "kind": "field",
22907
- "name": "focusSubmenuOnLoad",
22842
+ "name": "onCloseCallback",
22908
22843
  "type": {
22909
- "text": "boolean"
22844
+ "text": "() => void"
22910
22845
  },
22911
- "privacy": "private",
22912
- "default": "false",
22846
+ "description": "Callback to run *after* HTMLDialogElement is closed",
22913
22847
  "inheritedFrom": {
22914
- "name": "MenuItem",
22915
- "module": "src/menu-item/menu-item.ts"
22848
+ "name": "<local>_DialogElement",
22849
+ "module": "src/dialog/dialog.ts"
22916
22850
  }
22917
22851
  },
22918
22852
  {
22919
22853
  "kind": "field",
22920
- "name": "observer",
22854
+ "name": "open",
22921
22855
  "type": {
22922
- "text": "MutationObserver | undefined"
22856
+ "text": "boolean"
22923
22857
  },
22924
- "privacy": "private",
22858
+ "description": "Determine if the dialog is showing or closed.",
22859
+ "readonly": true,
22925
22860
  "inheritedFrom": {
22926
- "name": "MenuItem",
22927
- "module": "src/menu-item/menu-item.ts"
22861
+ "name": "<local>_DialogElement",
22862
+ "module": "src/dialog/dialog.ts"
22928
22863
  }
22929
22864
  },
22930
22865
  {
22931
22866
  "kind": "method",
22932
- "name": "domChildren",
22933
- "privacy": "private",
22867
+ "name": "close",
22934
22868
  "return": {
22935
22869
  "type": {
22936
- "text": "Element[]"
22870
+ "text": "void"
22937
22871
  }
22938
22872
  },
22939
- "description": "get an array of valid DOM children",
22873
+ "description": "Remove the HTMLDialogElement from display",
22940
22874
  "inheritedFrom": {
22941
- "name": "MenuItem",
22942
- "module": "src/menu-item/menu-item.ts"
22875
+ "name": "<local>_DialogElement",
22876
+ "module": "src/dialog/dialog.ts"
22943
22877
  }
22944
22878
  },
22945
22879
  {
22946
- "kind": "field",
22947
- "name": "_presentation",
22948
- "type": {
22949
- "text": "ComponentPresentation | null | undefined"
22880
+ "kind": "method",
22881
+ "name": "dismiss",
22882
+ "privacy": "public",
22883
+ "description": "Dismiss the Dialog from display and calls the dismissing action.",
22884
+ "inheritedFrom": {
22885
+ "name": "<local>_DialogElement",
22886
+ "module": "src/dialog/dialog.ts"
22887
+ }
22888
+ },
22889
+ {
22890
+ "kind": "method",
22891
+ "name": "closeDialog",
22892
+ "privacy": "public",
22893
+ "return": {
22894
+ "type": {
22895
+ "text": "void"
22896
+ }
22897
+ },
22898
+ "description": "Dismiss the Dialog from display.",
22899
+ "inheritedFrom": {
22900
+ "name": "<local>_DialogElement",
22901
+ "module": "src/dialog/dialog.ts"
22902
+ }
22903
+ },
22904
+ {
22905
+ "kind": "field",
22906
+ "name": "_presentation",
22907
+ "type": {
22908
+ "text": "ComponentPresentation | null | undefined"
22950
22909
  },
22951
22910
  "privacy": "private",
22952
22911
  "default": "void 0",
@@ -23054,86 +23013,85 @@
23054
23013
  }
23055
23014
  }
23056
23015
  ],
23057
- "events": [
23016
+ "superclass": {
23017
+ "name": "DialogElement",
23018
+ "module": "/src/dialog"
23019
+ },
23020
+ "tagName": "%%prefix%%-modal",
23021
+ "customElement": true,
23022
+ "attributes": [
23058
23023
  {
23059
- "description": "Fires a custom 'expanded-change' event when the expanded state changes",
23060
- "name": "expanded-change",
23024
+ "name": "position",
23025
+ "type": {
23026
+ "text": "'centre' | 'left' | 'right'"
23027
+ },
23028
+ "default": "'centre'",
23029
+ "fieldName": "position",
23061
23030
  "inheritedFrom": {
23062
- "name": "MenuItem",
23063
- "module": "src/menu-item/menu-item.ts"
23031
+ "name": "<local>_DialogElement",
23032
+ "module": "src/dialog/dialog.ts"
23064
23033
  }
23065
23034
  },
23066
23035
  {
23067
- "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
23068
- "name": "change",
23036
+ "name": "show-close-icon",
23037
+ "type": {
23038
+ "text": "boolean"
23039
+ },
23040
+ "default": "true",
23041
+ "description": "Whether or not to show the close icon",
23042
+ "fieldName": "showCloseIcon",
23069
23043
  "inheritedFrom": {
23070
- "name": "MenuItem",
23071
- "module": "src/menu-item/menu-item.ts"
23044
+ "name": "<local>_DialogElement",
23045
+ "module": "src/dialog/dialog.ts"
23072
23046
  }
23073
23047
  }
23074
23048
  ]
23075
23049
  },
23076
23050
  {
23077
23051
  "kind": "variable",
23078
- "name": "foundationMenuItemShadowOptions",
23079
- "type": {
23080
- "text": "ShadowRootInit"
23081
- },
23082
- "default": "undefined"
23083
- },
23084
- {
23085
- "kind": "variable",
23086
- "name": "defaultMenuItemConfig",
23087
- "type": {
23088
- "text": "object"
23089
- },
23090
- "default": "{\n expandCollapseGlyph: `\n <svg\n class=\"expand-collapse-glyph\"\n part=\"expand-collapse-glyph\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n />\n </svg>\n `,\n}"
23091
- },
23092
- {
23093
- "kind": "variable",
23094
- "name": "foundationMenuItem",
23095
- "description": "The Foundation Menu Item",
23052
+ "name": "foundationModal",
23053
+ "description": "The Foundation Modal",
23096
23054
  "privacy": "public"
23097
23055
  }
23098
23056
  ],
23099
23057
  "exports": [
23100
23058
  {
23101
23059
  "kind": "js",
23102
- "name": "MenuItem",
23060
+ "name": "foundationModalShadowOptions",
23103
23061
  "declaration": {
23104
- "name": "MenuItem",
23105
- "module": "src/menu-item/menu-item.ts"
23062
+ "name": "foundationModalShadowOptions",
23063
+ "module": "src/modal/modal.ts"
23106
23064
  }
23107
23065
  },
23108
23066
  {
23109
23067
  "kind": "js",
23110
- "name": "foundationMenuItemShadowOptions",
23068
+ "name": "defaultModalConfig",
23111
23069
  "declaration": {
23112
- "name": "foundationMenuItemShadowOptions",
23113
- "module": "src/menu-item/menu-item.ts"
23070
+ "name": "defaultModalConfig",
23071
+ "module": "src/modal/modal.ts"
23114
23072
  }
23115
23073
  },
23116
23074
  {
23117
23075
  "kind": "js",
23118
- "name": "defaultMenuItemConfig",
23076
+ "name": "Modal",
23119
23077
  "declaration": {
23120
- "name": "defaultMenuItemConfig",
23121
- "module": "src/menu-item/menu-item.ts"
23078
+ "name": "Modal",
23079
+ "module": "src/modal/modal.ts"
23122
23080
  }
23123
23081
  },
23124
23082
  {
23125
23083
  "kind": "js",
23126
- "name": "foundationMenuItem",
23084
+ "name": "foundationModal",
23127
23085
  "declaration": {
23128
- "name": "foundationMenuItem",
23129
- "module": "src/menu-item/menu-item.ts"
23086
+ "name": "foundationModal",
23087
+ "module": "src/modal/modal.ts"
23130
23088
  }
23131
23089
  }
23132
23090
  ]
23133
23091
  },
23134
23092
  {
23135
23093
  "kind": "javascript-module",
23136
- "path": "src/modal/index.ts",
23094
+ "path": "src/menu-item/index.ts",
23137
23095
  "declarations": [],
23138
23096
  "exports": [
23139
23097
  {
@@ -23141,7 +23099,7 @@
23141
23099
  "name": "*",
23142
23100
  "declaration": {
23143
23101
  "name": "*",
23144
- "package": "./modal.styles"
23102
+ "package": "./menu-item.template"
23145
23103
  }
23146
23104
  },
23147
23105
  {
@@ -23149,7 +23107,7 @@
23149
23107
  "name": "*",
23150
23108
  "declaration": {
23151
23109
  "name": "*",
23152
- "package": "./modal.template"
23110
+ "package": "./menu-item.styles"
23153
23111
  }
23154
23112
  },
23155
23113
  {
@@ -23157,228 +23115,269 @@
23157
23115
  "name": "*",
23158
23116
  "declaration": {
23159
23117
  "name": "*",
23160
- "package": "./modal"
23118
+ "package": "./menu-item"
23161
23119
  }
23162
23120
  }
23163
23121
  ]
23164
23122
  },
23165
23123
  {
23166
23124
  "kind": "javascript-module",
23167
- "path": "src/modal/modal.styles.ts",
23125
+ "path": "src/menu-item/menu-item.styles.ts",
23168
23126
  "declarations": [
23169
23127
  {
23170
- "kind": "variable",
23171
- "name": "foundationModalStyles",
23172
- "type": {
23173
- "text": "ElementStyles"
23128
+ "kind": "function",
23129
+ "name": "foundationMenuItemStyles",
23130
+ "return": {
23131
+ "type": {
23132
+ "text": "ElementStyles"
23133
+ }
23174
23134
  },
23175
- "default": "css`\n ${foundationDialogStyles}\n`"
23135
+ "parameters": [
23136
+ {
23137
+ "name": "context",
23138
+ "type": {
23139
+ "text": "ElementDefinitionContext"
23140
+ }
23141
+ },
23142
+ {
23143
+ "name": "definition",
23144
+ "type": {
23145
+ "text": "MenuItemOptions"
23146
+ }
23147
+ }
23148
+ ]
23176
23149
  }
23177
23150
  ],
23178
23151
  "exports": [
23179
23152
  {
23180
23153
  "kind": "js",
23181
- "name": "foundationModalStyles",
23154
+ "name": "foundationMenuItemStyles",
23182
23155
  "declaration": {
23183
- "name": "foundationModalStyles",
23184
- "module": "src/modal/modal.styles.ts"
23156
+ "name": "foundationMenuItemStyles",
23157
+ "module": "src/menu-item/menu-item.styles.ts"
23185
23158
  }
23186
23159
  }
23187
23160
  ]
23188
23161
  },
23189
23162
  {
23190
23163
  "kind": "javascript-module",
23191
- "path": "src/modal/modal.template.ts",
23164
+ "path": "src/menu-item/menu-item.template.ts",
23192
23165
  "declarations": [
23193
23166
  {
23194
- "kind": "variable",
23195
- "name": "foundationModalTemplate",
23196
- "type": {
23197
- "text": "ViewTemplate<Modal>"
23167
+ "kind": "function",
23168
+ "name": "foundationMenuItemTemplate",
23169
+ "return": {
23170
+ "type": {
23171
+ "text": "ViewTemplate<MenuItem>"
23172
+ }
23198
23173
  },
23199
- "default": "html`\n ${foundationDialogTemplate}\n`"
23174
+ "parameters": [
23175
+ {
23176
+ "name": "context",
23177
+ "type": {
23178
+ "text": "ElementDefinitionContext"
23179
+ }
23180
+ },
23181
+ {
23182
+ "name": "definition",
23183
+ "type": {
23184
+ "text": "MenuItemOptions"
23185
+ }
23186
+ }
23187
+ ]
23200
23188
  }
23201
23189
  ],
23202
23190
  "exports": [
23203
23191
  {
23204
23192
  "kind": "js",
23205
- "name": "foundationModalTemplate",
23193
+ "name": "foundationMenuItemTemplate",
23206
23194
  "declaration": {
23207
- "name": "foundationModalTemplate",
23208
- "module": "src/modal/modal.template.ts"
23195
+ "name": "foundationMenuItemTemplate",
23196
+ "module": "src/menu-item/menu-item.template.ts"
23209
23197
  }
23210
23198
  }
23211
23199
  ]
23212
23200
  },
23213
23201
  {
23214
23202
  "kind": "javascript-module",
23215
- "path": "src/modal/modal.ts",
23203
+ "path": "src/menu-item/menu-item.ts",
23216
23204
  "declarations": [
23217
- {
23218
- "kind": "variable",
23219
- "name": "foundationModalShadowOptions",
23220
- "type": {
23221
- "text": "ShadowRootInit"
23222
- },
23223
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
23224
- },
23225
- {
23226
- "kind": "variable",
23227
- "name": "defaultModalConfig",
23228
- "type": {
23229
- "text": "object"
23230
- },
23231
- "default": "{}"
23232
- },
23233
23205
  {
23234
23206
  "kind": "class",
23235
23207
  "description": "",
23236
- "name": "Modal",
23237
- "members": [
23208
+ "name": "MenuItem",
23209
+ "superclass": {
23210
+ "name": "FASTMenuItem",
23211
+ "package": "@microsoft/fast-components"
23212
+ },
23213
+ "tagName": "%%prefix%%-menu-item",
23214
+ "customElement": true,
23215
+ "attributes": [
23238
23216
  {
23239
- "kind": "method",
23240
- "name": "show",
23241
- "return": {
23242
- "type": {
23243
- "text": "void"
23244
- }
23217
+ "type": {
23218
+ "text": "boolean"
23245
23219
  },
23246
- "description": "Show the HTMLDialogElement and its contents",
23220
+ "description": "The disabled state of the element.",
23221
+ "fieldName": "disabled",
23247
23222
  "inheritedFrom": {
23248
- "name": "<local>_DialogElement",
23249
- "module": "src/dialog/dialog.ts"
23223
+ "name": "MenuItem",
23224
+ "module": "src/menu-item/menu-item.ts"
23250
23225
  }
23251
23226
  },
23252
23227
  {
23253
- "kind": "field",
23254
- "name": "mainElement",
23228
+ "name": "role",
23255
23229
  "type": {
23256
- "text": "HTMLDialogElement"
23230
+ "text": "MenuItemRole"
23257
23231
  },
23258
- "description": "A reference to the dialog element\nin the component Shadow DOM.",
23232
+ "description": "The role of the element.",
23233
+ "fieldName": "role",
23259
23234
  "inheritedFrom": {
23260
- "name": "<local>_DialogElement",
23261
- "module": "src/dialog/dialog.ts"
23235
+ "name": "MenuItem",
23236
+ "module": "src/menu-item/menu-item.ts"
23262
23237
  }
23263
- },
23238
+ }
23239
+ ],
23240
+ "members": [
23264
23241
  {
23265
23242
  "kind": "field",
23266
- "name": "notification",
23243
+ "name": "disabled",
23267
23244
  "type": {
23268
- "text": "NotificationStructure"
23245
+ "text": "boolean"
23269
23246
  },
23247
+ "privacy": "public",
23248
+ "description": "The disabled state of the element.",
23270
23249
  "inheritedFrom": {
23271
- "name": "<local>_DialogElement",
23272
- "module": "src/dialog/dialog.ts"
23273
- }
23274
- },
23275
- {
23276
- "kind": "method",
23277
- "name": "notificationChanged",
23278
- "inheritedFrom": {
23279
- "name": "<local>_DialogElement",
23280
- "module": "src/dialog/dialog.ts"
23281
- }
23282
- },
23283
- {
23284
- "kind": "field",
23285
- "name": "position",
23286
- "type": {
23287
- "text": "'centre' | 'left' | 'right'"
23288
- },
23289
- "default": "'centre'",
23290
- "inheritedFrom": {
23291
- "name": "<local>_DialogElement",
23292
- "module": "src/dialog/dialog.ts"
23250
+ "name": "MenuItem",
23251
+ "module": "src/menu-item/menu-item.ts"
23293
23252
  }
23294
23253
  },
23295
23254
  {
23296
23255
  "kind": "field",
23297
- "name": "showCloseIcon",
23256
+ "name": "expanded",
23298
23257
  "type": {
23299
23258
  "text": "boolean"
23300
23259
  },
23301
- "default": "true",
23302
- "description": "Whether or not to show the close icon",
23260
+ "privacy": "public",
23261
+ "description": "The expanded state of the element.",
23303
23262
  "inheritedFrom": {
23304
- "name": "<local>_DialogElement",
23305
- "module": "src/dialog/dialog.ts"
23263
+ "name": "MenuItem",
23264
+ "module": "src/menu-item/menu-item.ts"
23306
23265
  }
23307
23266
  },
23308
23267
  {
23309
- "kind": "field",
23310
- "name": "onShowCallback",
23311
- "type": {
23312
- "text": "() => void"
23268
+ "kind": "method",
23269
+ "name": "expandedChanged",
23270
+ "privacy": "private",
23271
+ "return": {
23272
+ "type": {
23273
+ "text": "void"
23274
+ }
23313
23275
  },
23314
- "description": "Callback to run *before* HTMLDialogElement is shown",
23276
+ "parameters": [
23277
+ {
23278
+ "name": "oldValue",
23279
+ "type": {
23280
+ "text": "boolean"
23281
+ }
23282
+ }
23283
+ ],
23315
23284
  "inheritedFrom": {
23316
- "name": "<local>_DialogElement",
23317
- "module": "src/dialog/dialog.ts"
23285
+ "name": "MenuItem",
23286
+ "module": "src/menu-item/menu-item.ts"
23318
23287
  }
23319
23288
  },
23320
23289
  {
23321
23290
  "kind": "field",
23322
- "name": "onCloseCallback",
23291
+ "name": "role",
23323
23292
  "type": {
23324
- "text": "() => void"
23293
+ "text": "MenuItemRole"
23325
23294
  },
23326
- "description": "Callback to run *after* HTMLDialogElement is closed",
23295
+ "privacy": "public",
23296
+ "description": "The role of the element.",
23327
23297
  "inheritedFrom": {
23328
- "name": "<local>_DialogElement",
23329
- "module": "src/dialog/dialog.ts"
23298
+ "name": "MenuItem",
23299
+ "module": "src/menu-item/menu-item.ts"
23330
23300
  }
23331
23301
  },
23332
23302
  {
23333
23303
  "kind": "field",
23334
- "name": "open",
23304
+ "name": "checked",
23335
23305
  "type": {
23336
23306
  "text": "boolean"
23337
23307
  },
23338
- "description": "Determine if the dialog is showing or closed.",
23339
- "readonly": true,
23308
+ "privacy": "public",
23309
+ "description": "The checked value of the element.",
23340
23310
  "inheritedFrom": {
23341
- "name": "<local>_DialogElement",
23342
- "module": "src/dialog/dialog.ts"
23311
+ "name": "MenuItem",
23312
+ "module": "src/menu-item/menu-item.ts"
23343
23313
  }
23344
23314
  },
23345
23315
  {
23346
23316
  "kind": "method",
23347
- "name": "close",
23317
+ "name": "checkedChanged",
23318
+ "privacy": "private",
23348
23319
  "return": {
23349
23320
  "type": {
23350
23321
  "text": "void"
23351
23322
  }
23352
23323
  },
23353
- "description": "Remove the HTMLDialogElement from display",
23324
+ "parameters": [
23325
+ {
23326
+ "name": "oldValue",
23327
+ "type": {
23328
+ "text": "boolean"
23329
+ }
23330
+ },
23331
+ {
23332
+ "name": "newValue",
23333
+ "type": {
23334
+ "text": "boolean"
23335
+ }
23336
+ }
23337
+ ],
23354
23338
  "inheritedFrom": {
23355
- "name": "<local>_DialogElement",
23356
- "module": "src/dialog/dialog.ts"
23339
+ "name": "MenuItem",
23340
+ "module": "src/menu-item/menu-item.ts"
23357
23341
  }
23358
23342
  },
23359
23343
  {
23360
- "kind": "method",
23361
- "name": "dismiss",
23362
- "privacy": "public",
23363
- "description": "Dismiss the Dialog from display and calls the dismissing action.",
23344
+ "kind": "field",
23345
+ "name": "focusSubmenuOnLoad",
23346
+ "type": {
23347
+ "text": "boolean"
23348
+ },
23349
+ "privacy": "private",
23350
+ "default": "false",
23364
23351
  "inheritedFrom": {
23365
- "name": "<local>_DialogElement",
23366
- "module": "src/dialog/dialog.ts"
23352
+ "name": "MenuItem",
23353
+ "module": "src/menu-item/menu-item.ts"
23354
+ }
23355
+ },
23356
+ {
23357
+ "kind": "field",
23358
+ "name": "observer",
23359
+ "type": {
23360
+ "text": "MutationObserver | undefined"
23361
+ },
23362
+ "privacy": "private",
23363
+ "inheritedFrom": {
23364
+ "name": "MenuItem",
23365
+ "module": "src/menu-item/menu-item.ts"
23367
23366
  }
23368
23367
  },
23369
23368
  {
23370
23369
  "kind": "method",
23371
- "name": "closeDialog",
23372
- "privacy": "public",
23370
+ "name": "domChildren",
23371
+ "privacy": "private",
23373
23372
  "return": {
23374
23373
  "type": {
23375
- "text": "void"
23374
+ "text": "Element[]"
23376
23375
  }
23377
23376
  },
23378
- "description": "Dismiss the Dialog from display.",
23377
+ "description": "get an array of valid DOM children",
23379
23378
  "inheritedFrom": {
23380
- "name": "<local>_DialogElement",
23381
- "module": "src/dialog/dialog.ts"
23379
+ "name": "MenuItem",
23380
+ "module": "src/menu-item/menu-item.ts"
23382
23381
  }
23383
23382
  },
23384
23383
  {
@@ -23493,78 +23492,79 @@
23493
23492
  }
23494
23493
  }
23495
23494
  ],
23496
- "superclass": {
23497
- "name": "DialogElement",
23498
- "module": "/src/dialog"
23499
- },
23500
- "tagName": "%%prefix%%-modal",
23501
- "customElement": true,
23502
- "attributes": [
23495
+ "events": [
23503
23496
  {
23504
- "name": "position",
23505
- "type": {
23506
- "text": "'centre' | 'left' | 'right'"
23507
- },
23508
- "default": "'centre'",
23509
- "fieldName": "position",
23497
+ "description": "Fires a custom 'expanded-change' event when the expanded state changes",
23498
+ "name": "expanded-change",
23510
23499
  "inheritedFrom": {
23511
- "name": "<local>_DialogElement",
23512
- "module": "src/dialog/dialog.ts"
23500
+ "name": "MenuItem",
23501
+ "module": "src/menu-item/menu-item.ts"
23513
23502
  }
23514
23503
  },
23515
23504
  {
23516
- "name": "show-close-icon",
23517
- "type": {
23518
- "text": "boolean"
23519
- },
23520
- "default": "true",
23521
- "description": "Whether or not to show the close icon",
23522
- "fieldName": "showCloseIcon",
23505
+ "description": "Fires a custom 'change' event when a non-submenu item with a role of `menuitemcheckbox`, `menuitemradio`, or `menuitem` is invoked",
23506
+ "name": "change",
23523
23507
  "inheritedFrom": {
23524
- "name": "<local>_DialogElement",
23525
- "module": "src/dialog/dialog.ts"
23508
+ "name": "MenuItem",
23509
+ "module": "src/menu-item/menu-item.ts"
23526
23510
  }
23527
23511
  }
23528
23512
  ]
23529
23513
  },
23530
23514
  {
23531
23515
  "kind": "variable",
23532
- "name": "foundationModal",
23533
- "description": "The Foundation Modal",
23516
+ "name": "foundationMenuItemShadowOptions",
23517
+ "type": {
23518
+ "text": "ShadowRootInit"
23519
+ },
23520
+ "default": "undefined"
23521
+ },
23522
+ {
23523
+ "kind": "variable",
23524
+ "name": "defaultMenuItemConfig",
23525
+ "type": {
23526
+ "text": "object"
23527
+ },
23528
+ "default": "{\n expandCollapseGlyph: `\n <svg\n class=\"expand-collapse-glyph\"\n part=\"expand-collapse-glyph\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M4.023 15.273L11.29 8 4.023.727l.704-.704L12.71 8l-7.984 7.977-.704-.704z\"\n />\n </svg>\n `,\n}"
23529
+ },
23530
+ {
23531
+ "kind": "variable",
23532
+ "name": "foundationMenuItem",
23533
+ "description": "The Foundation Menu Item",
23534
23534
  "privacy": "public"
23535
23535
  }
23536
23536
  ],
23537
23537
  "exports": [
23538
23538
  {
23539
23539
  "kind": "js",
23540
- "name": "foundationModalShadowOptions",
23540
+ "name": "MenuItem",
23541
23541
  "declaration": {
23542
- "name": "foundationModalShadowOptions",
23543
- "module": "src/modal/modal.ts"
23542
+ "name": "MenuItem",
23543
+ "module": "src/menu-item/menu-item.ts"
23544
23544
  }
23545
23545
  },
23546
23546
  {
23547
23547
  "kind": "js",
23548
- "name": "defaultModalConfig",
23548
+ "name": "foundationMenuItemShadowOptions",
23549
23549
  "declaration": {
23550
- "name": "defaultModalConfig",
23551
- "module": "src/modal/modal.ts"
23550
+ "name": "foundationMenuItemShadowOptions",
23551
+ "module": "src/menu-item/menu-item.ts"
23552
23552
  }
23553
23553
  },
23554
23554
  {
23555
23555
  "kind": "js",
23556
- "name": "Modal",
23556
+ "name": "defaultMenuItemConfig",
23557
23557
  "declaration": {
23558
- "name": "Modal",
23559
- "module": "src/modal/modal.ts"
23558
+ "name": "defaultMenuItemConfig",
23559
+ "module": "src/menu-item/menu-item.ts"
23560
23560
  }
23561
23561
  },
23562
23562
  {
23563
23563
  "kind": "js",
23564
- "name": "foundationModal",
23564
+ "name": "foundationMenuItem",
23565
23565
  "declaration": {
23566
- "name": "foundationModal",
23567
- "module": "src/modal/modal.ts"
23566
+ "name": "foundationMenuItem",
23567
+ "module": "src/menu-item/menu-item.ts"
23568
23568
  }
23569
23569
  }
23570
23570
  ]
@@ -29334,7 +29334,7 @@
29334
29334
  },
29335
29335
  {
29336
29336
  "kind": "javascript-module",
29337
- "path": "src/search-bar/index.ts",
29337
+ "path": "src/segmented-control/index.ts",
29338
29338
  "declarations": [],
29339
29339
  "exports": [
29340
29340
  {
@@ -29342,39 +29342,7 @@
29342
29342
  "name": "*",
29343
29343
  "declaration": {
29344
29344
  "name": "*",
29345
- "package": "./search-bar"
29346
- }
29347
- },
29348
- {
29349
- "kind": "js",
29350
- "name": "*",
29351
- "declaration": {
29352
- "name": "*",
29353
- "package": "./search-bar.styles"
29354
- }
29355
- },
29356
- {
29357
- "kind": "js",
29358
- "name": "*",
29359
- "declaration": {
29360
- "name": "*",
29361
- "package": "./search-bar.template"
29362
- }
29363
- },
29364
- {
29365
- "kind": "js",
29366
- "name": "*",
29367
- "declaration": {
29368
- "name": "*",
29369
- "package": "./search-bar.types"
29370
- }
29371
- },
29372
- {
29373
- "kind": "js",
29374
- "name": "*",
29375
- "declaration": {
29376
- "name": "*",
29377
- "package": "./search-bar-combobox"
29345
+ "package": "./segmented-control.template"
29378
29346
  }
29379
29347
  },
29380
29348
  {
@@ -29382,7 +29350,7 @@
29382
29350
  "name": "*",
29383
29351
  "declaration": {
29384
29352
  "name": "*",
29385
- "package": "./search-bar-combobox.styles"
29353
+ "package": "./segmented-control.styles"
29386
29354
  }
29387
29355
  },
29388
29356
  {
@@ -29390,18 +29358,18 @@
29390
29358
  "name": "*",
29391
29359
  "declaration": {
29392
29360
  "name": "*",
29393
- "package": "./search-bar-combobox.template"
29361
+ "package": "./segmented-control"
29394
29362
  }
29395
29363
  }
29396
29364
  ]
29397
29365
  },
29398
29366
  {
29399
29367
  "kind": "javascript-module",
29400
- "path": "src/search-bar/search-bar-combobox.styles.ts",
29368
+ "path": "src/segmented-control/segmented-control.styles.ts",
29401
29369
  "declarations": [
29402
29370
  {
29403
29371
  "kind": "function",
29404
- "name": "foundationSearchBarComboboxStyles",
29372
+ "name": "foundationSegmentedControlStyles",
29405
29373
  "return": {
29406
29374
  "type": {
29407
29375
  "text": "ElementStyles"
@@ -29426,24 +29394,24 @@
29426
29394
  "exports": [
29427
29395
  {
29428
29396
  "kind": "js",
29429
- "name": "foundationSearchBarComboboxStyles",
29397
+ "name": "foundationSegmentedControlStyles",
29430
29398
  "declaration": {
29431
- "name": "foundationSearchBarComboboxStyles",
29432
- "module": "src/search-bar/search-bar-combobox.styles.ts"
29399
+ "name": "foundationSegmentedControlStyles",
29400
+ "module": "src/segmented-control/segmented-control.styles.ts"
29433
29401
  }
29434
29402
  }
29435
29403
  ]
29436
29404
  },
29437
29405
  {
29438
29406
  "kind": "javascript-module",
29439
- "path": "src/search-bar/search-bar-combobox.template.ts",
29407
+ "path": "src/segmented-control/segmented-control.template.ts",
29440
29408
  "declarations": [
29441
29409
  {
29442
29410
  "kind": "function",
29443
- "name": "foundationSearchBarComboboxTemplate",
29411
+ "name": "foundationSegmentedControlTemplate",
29444
29412
  "return": {
29445
29413
  "type": {
29446
- "text": "ViewTemplate<SearchBarCombobox>"
29414
+ "text": "ViewTemplate<SegmentedControl>"
29447
29415
  }
29448
29416
  },
29449
29417
  "parameters": [
@@ -29456,7 +29424,7 @@
29456
29424
  {
29457
29425
  "name": "definition",
29458
29426
  "type": {
29459
- "text": "ComboboxOptions"
29427
+ "text": "FoundationElementDefinition"
29460
29428
  }
29461
29429
  }
29462
29430
  ]
@@ -29465,415 +29433,733 @@
29465
29433
  "exports": [
29466
29434
  {
29467
29435
  "kind": "js",
29468
- "name": "foundationSearchBarComboboxTemplate",
29436
+ "name": "foundationSegmentedControlTemplate",
29469
29437
  "declaration": {
29470
- "name": "foundationSearchBarComboboxTemplate",
29471
- "module": "src/search-bar/search-bar-combobox.template.ts"
29438
+ "name": "foundationSegmentedControlTemplate",
29439
+ "module": "src/segmented-control/segmented-control.template.ts"
29472
29440
  }
29473
29441
  }
29474
29442
  ]
29475
29443
  },
29476
29444
  {
29477
29445
  "kind": "javascript-module",
29478
- "path": "src/search-bar/search-bar-combobox.ts",
29446
+ "path": "src/segmented-control/segmented-control.ts",
29479
29447
  "declarations": [
29480
29448
  {
29481
29449
  "kind": "class",
29482
29450
  "description": "",
29483
- "name": "SearchBarCombobox",
29451
+ "name": "SegmentedControl",
29484
29452
  "members": [
29485
29453
  {
29486
- "kind": "field",
29487
- "name": "minlength",
29454
+ "kind": "method",
29455
+ "name": "valueChanged",
29456
+ "privacy": "protected"
29457
+ }
29458
+ ],
29459
+ "superclass": {
29460
+ "name": "FASTRadioGroup",
29461
+ "package": "@microsoft/fast-foundation"
29462
+ },
29463
+ "tagName": "%%prefix%%-segmented-control",
29464
+ "customElement": true
29465
+ },
29466
+ {
29467
+ "kind": "variable",
29468
+ "name": "foundationSegmentedControlShadowOptions",
29469
+ "type": {
29470
+ "text": "ShadowRootInit"
29471
+ },
29472
+ "default": "undefined"
29473
+ },
29474
+ {
29475
+ "kind": "variable",
29476
+ "name": "defaultSegmentedControlConfig",
29477
+ "type": {
29478
+ "text": "object"
29479
+ },
29480
+ "default": "{}"
29481
+ },
29482
+ {
29483
+ "kind": "variable",
29484
+ "name": "foundationSegmentedControl",
29485
+ "description": "The Foundation Segmented Control",
29486
+ "privacy": "public"
29487
+ }
29488
+ ],
29489
+ "exports": [
29490
+ {
29491
+ "kind": "js",
29492
+ "name": "SegmentedControl",
29493
+ "declaration": {
29494
+ "name": "SegmentedControl",
29495
+ "module": "src/segmented-control/segmented-control.ts"
29496
+ }
29497
+ },
29498
+ {
29499
+ "kind": "js",
29500
+ "name": "foundationSegmentedControlShadowOptions",
29501
+ "declaration": {
29502
+ "name": "foundationSegmentedControlShadowOptions",
29503
+ "module": "src/segmented-control/segmented-control.ts"
29504
+ }
29505
+ },
29506
+ {
29507
+ "kind": "js",
29508
+ "name": "defaultSegmentedControlConfig",
29509
+ "declaration": {
29510
+ "name": "defaultSegmentedControlConfig",
29511
+ "module": "src/segmented-control/segmented-control.ts"
29512
+ }
29513
+ },
29514
+ {
29515
+ "kind": "js",
29516
+ "name": "foundationSegmentedControl",
29517
+ "declaration": {
29518
+ "name": "foundationSegmentedControl",
29519
+ "module": "src/segmented-control/segmented-control.ts"
29520
+ }
29521
+ }
29522
+ ]
29523
+ },
29524
+ {
29525
+ "kind": "javascript-module",
29526
+ "path": "src/segmented-item/index.ts",
29527
+ "declarations": [],
29528
+ "exports": [
29529
+ {
29530
+ "kind": "js",
29531
+ "name": "*",
29532
+ "declaration": {
29533
+ "name": "*",
29534
+ "package": "./segmented-item.template"
29535
+ }
29536
+ },
29537
+ {
29538
+ "kind": "js",
29539
+ "name": "*",
29540
+ "declaration": {
29541
+ "name": "*",
29542
+ "package": "./segmented-item.styles"
29543
+ }
29544
+ },
29545
+ {
29546
+ "kind": "js",
29547
+ "name": "*",
29548
+ "declaration": {
29549
+ "name": "*",
29550
+ "package": "./segmented-item"
29551
+ }
29552
+ }
29553
+ ]
29554
+ },
29555
+ {
29556
+ "kind": "javascript-module",
29557
+ "path": "src/segmented-item/segmented-item.styles.ts",
29558
+ "declarations": [
29559
+ {
29560
+ "kind": "function",
29561
+ "name": "foundationSegmentedItemStyles",
29562
+ "return": {
29563
+ "type": {
29564
+ "text": "ElementStyles"
29565
+ }
29566
+ },
29567
+ "parameters": [
29568
+ {
29569
+ "name": "context",
29488
29570
  "type": {
29489
- "text": "number"
29490
- },
29491
- "default": "COMBO_INPUT_MIN_LENGTH"
29571
+ "text": "ElementDefinitionContext"
29572
+ }
29492
29573
  },
29493
29574
  {
29494
- "kind": "field",
29495
- "name": "previousLength",
29575
+ "name": "definition",
29496
29576
  "type": {
29497
- "text": "number"
29498
- },
29499
- "privacy": "private",
29500
- "default": "-1"
29577
+ "text": "RadioOptions"
29578
+ }
29579
+ }
29580
+ ]
29581
+ }
29582
+ ],
29583
+ "exports": [
29584
+ {
29585
+ "kind": "js",
29586
+ "name": "foundationSegmentedItemStyles",
29587
+ "declaration": {
29588
+ "name": "foundationSegmentedItemStyles",
29589
+ "module": "src/segmented-item/segmented-item.styles.ts"
29590
+ }
29591
+ }
29592
+ ]
29593
+ },
29594
+ {
29595
+ "kind": "javascript-module",
29596
+ "path": "src/segmented-item/segmented-item.template.ts",
29597
+ "declarations": [
29598
+ {
29599
+ "kind": "function",
29600
+ "name": "foundationSegmentedItemTemplate",
29601
+ "parameters": [
29602
+ {
29603
+ "name": "context",
29604
+ "type": {
29605
+ "text": "ElementDefinitionContext"
29606
+ }
29501
29607
  },
29608
+ {
29609
+ "name": "definition",
29610
+ "type": {
29611
+ "text": "RadioOptions"
29612
+ }
29613
+ }
29614
+ ]
29615
+ }
29616
+ ],
29617
+ "exports": [
29618
+ {
29619
+ "kind": "js",
29620
+ "name": "foundationSegmentedItemTemplate",
29621
+ "declaration": {
29622
+ "name": "foundationSegmentedItemTemplate",
29623
+ "module": "src/segmented-item/segmented-item.template.ts"
29624
+ }
29625
+ }
29626
+ ]
29627
+ },
29628
+ {
29629
+ "kind": "javascript-module",
29630
+ "path": "src/segmented-item/segmented-item.ts",
29631
+ "declarations": [
29632
+ {
29633
+ "kind": "class",
29634
+ "description": "",
29635
+ "name": "SegmentedItem",
29636
+ "superclass": {
29637
+ "name": "FASTRadio",
29638
+ "package": "@microsoft/fast-components"
29639
+ },
29640
+ "tagName": "%%prefix%%-segmented-item",
29641
+ "customElement": true,
29642
+ "attributes": [
29643
+ {
29644
+ "name": "readonly",
29645
+ "type": {
29646
+ "text": "boolean"
29647
+ },
29648
+ "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.",
29649
+ "fieldName": "readOnly",
29650
+ "inheritedFrom": {
29651
+ "name": "Radio",
29652
+ "module": "src/radio/radio.ts"
29653
+ }
29654
+ }
29655
+ ],
29656
+ "members": [
29502
29657
  {
29503
29658
  "kind": "field",
29504
- "name": "changeListener",
29505
- "privacy": "private"
29659
+ "name": "readOnly",
29660
+ "type": {
29661
+ "text": "boolean"
29662
+ },
29663
+ "privacy": "public",
29664
+ "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.",
29665
+ "inheritedFrom": {
29666
+ "name": "Radio",
29667
+ "module": "src/radio/radio.ts"
29668
+ }
29506
29669
  },
29507
29670
  {
29508
29671
  "kind": "method",
29509
- "name": "clickHandler",
29672
+ "name": "readOnlyChanged",
29673
+ "privacy": "private",
29510
29674
  "return": {
29511
29675
  "type": {
29512
- "text": "boolean | void"
29676
+ "text": "void"
29513
29677
  }
29514
29678
  },
29515
- "parameters": [
29516
- {
29517
- "name": "e",
29518
- "type": {
29519
- "text": "any"
29520
- }
29521
- }
29522
- ]
29523
- },
29524
- {
29525
- "kind": "method",
29526
- "name": "keyupHandler",
29527
- "privacy": "public",
29528
- "parameters": [
29529
- {
29530
- "name": "e",
29531
- "type": {
29532
- "text": "KeyboardEvent"
29533
- }
29534
- }
29535
- ]
29536
- },
29537
- {
29538
- "kind": "method",
29539
- "name": "keydownHandler",
29540
- "privacy": "public",
29541
- "return": {
29542
- "type": {
29543
- "text": "boolean | void"
29544
- }
29545
- },
29546
- "parameters": [
29547
- {
29548
- "name": "e",
29549
- "type": {
29550
- "text": "Event & KeyboardEvent"
29551
- }
29552
- }
29553
- ]
29554
- },
29555
- {
29556
- "kind": "method",
29557
- "name": "inputHandler",
29558
- "return": {
29559
- "type": {
29560
- "text": "boolean | void"
29561
- }
29562
- },
29563
- "parameters": [
29564
- {
29565
- "name": "e",
29566
- "type": {
29567
- "text": "InputEvent"
29568
- }
29569
- }
29570
- ]
29571
- },
29572
- {
29573
- "kind": "method",
29574
- "name": "openChanged"
29575
- },
29576
- {
29577
- "kind": "field",
29578
- "name": "autocomplete",
29579
- "type": {
29580
- "text": "ComboboxAutocomplete | undefined"
29581
- },
29582
- "description": "The autocomplete attribute.",
29583
- "privacy": "public",
29584
- "inheritedFrom": {
29585
- "name": "Combobox",
29586
- "module": "src/combobox/combobox.ts"
29587
- }
29679
+ "inheritedFrom": {
29680
+ "name": "Radio",
29681
+ "module": "src/radio/radio.ts"
29682
+ }
29588
29683
  },
29589
29684
  {
29590
29685
  "kind": "field",
29591
- "name": "filteredOptions",
29686
+ "name": "name",
29592
29687
  "type": {
29593
- "text": "ListboxOption[]"
29688
+ "text": "string"
29594
29689
  },
29595
29690
  "privacy": "public",
29596
- "default": "[]",
29597
- "description": "The collection of currently filtered options.",
29691
+ "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.",
29598
29692
  "inheritedFrom": {
29599
- "name": "Combobox",
29600
- "module": "src/combobox/combobox.ts"
29693
+ "name": "Radio",
29694
+ "module": "src/radio/radio.ts"
29601
29695
  }
29602
29696
  },
29603
29697
  {
29604
29698
  "kind": "method",
29605
- "name": "validate",
29606
- "privacy": "public",
29699
+ "name": "isInsideRadioGroup",
29700
+ "privacy": "private",
29607
29701
  "return": {
29608
29702
  "type": {
29609
- "text": "void"
29703
+ "text": "boolean"
29610
29704
  }
29611
29705
  },
29612
- "description": "{@inheritDoc (FormAssociated:interface).validate}",
29613
- "inheritedFrom": {
29614
- "name": "Combobox",
29615
- "module": "src/combobox/combobox.ts"
29616
- }
29617
- },
29618
- {
29619
- "kind": "field",
29620
- "name": "isAutocompleteInline",
29621
- "type": {
29622
- "text": "boolean"
29623
- },
29624
- "privacy": "private",
29625
29706
  "inheritedFrom": {
29626
- "name": "Combobox",
29627
- "module": "src/combobox/combobox.ts"
29707
+ "name": "Radio",
29708
+ "module": "src/radio/radio.ts"
29628
29709
  }
29629
29710
  },
29630
29711
  {
29631
29712
  "kind": "field",
29632
- "name": "isAutocompleteList",
29633
- "type": {
29634
- "text": "boolean"
29635
- },
29636
- "privacy": "private",
29713
+ "name": "proxy",
29637
29714
  "inheritedFrom": {
29638
- "name": "Combobox",
29639
- "module": "src/combobox/combobox.ts"
29715
+ "name": "Radio",
29716
+ "module": "src/radio/radio.ts"
29640
29717
  }
29641
29718
  },
29642
29719
  {
29643
29720
  "kind": "field",
29644
- "name": "isAutocompleteBoth",
29721
+ "name": "_presentation",
29645
29722
  "type": {
29646
- "text": "boolean"
29723
+ "text": "ComponentPresentation | null | undefined"
29647
29724
  },
29648
29725
  "privacy": "private",
29726
+ "default": "void 0",
29649
29727
  "inheritedFrom": {
29650
- "name": "Combobox",
29651
- "module": "src/combobox/combobox.ts"
29652
- }
29653
- },
29654
- {
29655
- "kind": "field",
29656
- "name": "open",
29657
- "type": {
29658
- "text": "boolean"
29659
- },
29660
- "privacy": "public",
29661
- "default": "false",
29662
- "description": "The open attribute.",
29663
- "inheritedFrom": {
29664
- "name": "Combobox",
29665
- "module": "src/combobox/combobox.ts"
29666
- }
29667
- },
29668
- {
29669
- "kind": "field",
29670
- "name": "options",
29671
- "type": {
29672
- "text": "ListboxOption[]"
29673
- },
29674
- "privacy": "public",
29675
- "description": "The list of options.",
29676
- "inheritedFrom": {
29677
- "name": "Combobox",
29678
- "module": "src/combobox/combobox.ts"
29679
- }
29680
- },
29681
- {
29682
- "kind": "field",
29683
- "name": "placeholder",
29684
- "type": {
29685
- "text": "string"
29686
- },
29687
- "privacy": "public",
29688
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
29689
- "inheritedFrom": {
29690
- "name": "Combobox",
29691
- "module": "src/combobox/combobox.ts"
29728
+ "name": "Radio",
29729
+ "module": "src/radio/radio.ts"
29692
29730
  }
29693
29731
  },
29694
29732
  {
29695
29733
  "kind": "field",
29696
- "name": "positionAttribute",
29734
+ "name": "$presentation",
29697
29735
  "type": {
29698
- "text": "SelectPosition | undefined"
29736
+ "text": "ComponentPresentation | null"
29699
29737
  },
29700
29738
  "privacy": "public",
29701
- "description": "The placement for the listbox when the combobox is open.",
29739
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
29702
29740
  "inheritedFrom": {
29703
- "name": "Combobox",
29704
- "module": "src/combobox/combobox.ts"
29741
+ "name": "Radio",
29742
+ "module": "src/radio/radio.ts"
29705
29743
  }
29706
29744
  },
29707
29745
  {
29708
29746
  "kind": "field",
29709
- "name": "position",
29747
+ "name": "template",
29710
29748
  "type": {
29711
- "text": "SelectPosition | undefined"
29749
+ "text": "ElementViewTemplate | void | null"
29712
29750
  },
29713
29751
  "privacy": "public",
29714
- "description": "The current state of the calculated position of the listbox.",
29752
+ "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.",
29715
29753
  "inheritedFrom": {
29716
- "name": "Combobox",
29717
- "module": "src/combobox/combobox.ts"
29754
+ "name": "Radio",
29755
+ "module": "src/radio/radio.ts"
29718
29756
  }
29719
29757
  },
29720
29758
  {
29721
29759
  "kind": "method",
29722
- "name": "positionChanged",
29760
+ "name": "templateChanged",
29723
29761
  "privacy": "protected",
29724
29762
  "return": {
29725
29763
  "type": {
29726
29764
  "text": "void"
29727
29765
  }
29728
29766
  },
29729
- "parameters": [
29730
- {
29731
- "name": "prev",
29732
- "type": {
29733
- "text": "SelectPosition | undefined"
29734
- }
29735
- },
29736
- {
29737
- "name": "next",
29738
- "type": {
29739
- "text": "SelectPosition | undefined"
29740
- }
29741
- }
29742
- ],
29743
29767
  "inheritedFrom": {
29744
- "name": "Combobox",
29745
- "module": "src/combobox/combobox.ts"
29768
+ "name": "Radio",
29769
+ "module": "src/radio/radio.ts"
29746
29770
  }
29747
29771
  },
29748
29772
  {
29749
29773
  "kind": "field",
29750
- "name": "value",
29774
+ "name": "styles",
29775
+ "type": {
29776
+ "text": "ElementStyles | void | null"
29777
+ },
29751
29778
  "privacy": "public",
29752
- "description": "The value property.",
29779
+ "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.",
29753
29780
  "inheritedFrom": {
29754
- "name": "Combobox",
29755
- "module": "src/combobox/combobox.ts"
29781
+ "name": "Radio",
29782
+ "module": "src/radio/radio.ts"
29756
29783
  }
29757
29784
  },
29758
29785
  {
29759
29786
  "kind": "method",
29760
- "name": "filterOptions",
29761
- "privacy": "public",
29787
+ "name": "stylesChanged",
29788
+ "privacy": "protected",
29762
29789
  "return": {
29763
29790
  "type": {
29764
29791
  "text": "void"
29765
29792
  }
29766
29793
  },
29767
- "description": "Filter available options by text value.",
29768
29794
  "inheritedFrom": {
29769
- "name": "Combobox",
29770
- "module": "src/combobox/combobox.ts"
29795
+ "name": "Radio",
29796
+ "module": "src/radio/radio.ts"
29771
29797
  }
29772
29798
  },
29773
29799
  {
29774
29800
  "kind": "method",
29775
- "name": "setPositioning",
29801
+ "name": "compose",
29776
29802
  "privacy": "public",
29803
+ "static": true,
29777
29804
  "return": {
29778
29805
  "type": {
29779
- "text": "void"
29806
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
29780
29807
  }
29781
29808
  },
29782
- "description": "Calculate and apply listbox positioning based on available viewport space.",
29783
29809
  "parameters": [
29784
29810
  {
29785
- "description": "direction to force the listbox to display",
29786
- "name": "force"
29811
+ "name": "this",
29812
+ "type": {
29813
+ "text": "K"
29814
+ }
29815
+ },
29816
+ {
29817
+ "name": "elementDefinition",
29818
+ "type": {
29819
+ "text": "T"
29820
+ },
29821
+ "description": "The definition of the element to create the registry\nfunction for."
29787
29822
  }
29788
29823
  ],
29824
+ "description": "Defines an element registry function with a set of element definition defaults.",
29789
29825
  "inheritedFrom": {
29790
- "name": "Combobox",
29791
- "module": "src/combobox/combobox.ts"
29826
+ "name": "Radio",
29827
+ "module": "src/radio/radio.ts"
29792
29828
  }
29793
- },
29829
+ }
29830
+ ],
29831
+ "events": [
29794
29832
  {
29795
- "kind": "field",
29796
- "name": "proxy",
29833
+ "description": "Emits a custom change event when the checked state changes",
29834
+ "name": "change",
29797
29835
  "inheritedFrom": {
29798
- "name": "Combobox",
29799
- "module": "src/combobox/combobox.ts"
29836
+ "name": "Radio",
29837
+ "module": "src/radio/radio.ts"
29800
29838
  }
29801
- },
29802
- {
29803
- "kind": "field",
29804
- "name": "length",
29839
+ }
29840
+ ]
29841
+ },
29842
+ {
29843
+ "kind": "variable",
29844
+ "name": "foundationSegmentedItemShadowOptions",
29845
+ "type": {
29846
+ "text": "ShadowRootInit"
29847
+ },
29848
+ "default": "undefined"
29849
+ },
29850
+ {
29851
+ "kind": "variable",
29852
+ "name": "defaultSegmentedItemConfig",
29853
+ "type": {
29854
+ "text": "object"
29855
+ },
29856
+ "default": "{}"
29857
+ },
29858
+ {
29859
+ "kind": "variable",
29860
+ "name": "foundationSegmentedItem",
29861
+ "description": "The Foundation Segmented item",
29862
+ "privacy": "public"
29863
+ }
29864
+ ],
29865
+ "exports": [
29866
+ {
29867
+ "kind": "js",
29868
+ "name": "SegmentedItem",
29869
+ "declaration": {
29870
+ "name": "SegmentedItem",
29871
+ "module": "src/segmented-item/segmented-item.ts"
29872
+ }
29873
+ },
29874
+ {
29875
+ "kind": "js",
29876
+ "name": "foundationSegmentedItemShadowOptions",
29877
+ "declaration": {
29878
+ "name": "foundationSegmentedItemShadowOptions",
29879
+ "module": "src/segmented-item/segmented-item.ts"
29880
+ }
29881
+ },
29882
+ {
29883
+ "kind": "js",
29884
+ "name": "defaultSegmentedItemConfig",
29885
+ "declaration": {
29886
+ "name": "defaultSegmentedItemConfig",
29887
+ "module": "src/segmented-item/segmented-item.ts"
29888
+ }
29889
+ },
29890
+ {
29891
+ "kind": "js",
29892
+ "name": "foundationSegmentedItem",
29893
+ "declaration": {
29894
+ "name": "foundationSegmentedItem",
29895
+ "module": "src/segmented-item/segmented-item.ts"
29896
+ }
29897
+ }
29898
+ ]
29899
+ },
29900
+ {
29901
+ "kind": "javascript-module",
29902
+ "path": "src/search-bar/index.ts",
29903
+ "declarations": [],
29904
+ "exports": [
29905
+ {
29906
+ "kind": "js",
29907
+ "name": "*",
29908
+ "declaration": {
29909
+ "name": "*",
29910
+ "package": "./search-bar"
29911
+ }
29912
+ },
29913
+ {
29914
+ "kind": "js",
29915
+ "name": "*",
29916
+ "declaration": {
29917
+ "name": "*",
29918
+ "package": "./search-bar.styles"
29919
+ }
29920
+ },
29921
+ {
29922
+ "kind": "js",
29923
+ "name": "*",
29924
+ "declaration": {
29925
+ "name": "*",
29926
+ "package": "./search-bar.template"
29927
+ }
29928
+ },
29929
+ {
29930
+ "kind": "js",
29931
+ "name": "*",
29932
+ "declaration": {
29933
+ "name": "*",
29934
+ "package": "./search-bar.types"
29935
+ }
29936
+ },
29937
+ {
29938
+ "kind": "js",
29939
+ "name": "*",
29940
+ "declaration": {
29941
+ "name": "*",
29942
+ "package": "./search-bar-combobox"
29943
+ }
29944
+ },
29945
+ {
29946
+ "kind": "js",
29947
+ "name": "*",
29948
+ "declaration": {
29949
+ "name": "*",
29950
+ "package": "./search-bar-combobox.styles"
29951
+ }
29952
+ },
29953
+ {
29954
+ "kind": "js",
29955
+ "name": "*",
29956
+ "declaration": {
29957
+ "name": "*",
29958
+ "package": "./search-bar-combobox.template"
29959
+ }
29960
+ }
29961
+ ]
29962
+ },
29963
+ {
29964
+ "kind": "javascript-module",
29965
+ "path": "src/search-bar/search-bar-combobox.styles.ts",
29966
+ "declarations": [
29967
+ {
29968
+ "kind": "function",
29969
+ "name": "foundationSearchBarComboboxStyles",
29970
+ "return": {
29971
+ "type": {
29972
+ "text": "ElementStyles"
29973
+ }
29974
+ },
29975
+ "parameters": [
29976
+ {
29977
+ "name": "context",
29805
29978
  "type": {
29806
- "text": "number"
29807
- },
29808
- "privacy": "public",
29809
- "description": "The number of options.",
29810
- "inheritedFrom": {
29811
- "name": "Combobox",
29812
- "module": "src/combobox/combobox.ts"
29979
+ "text": "ElementDefinitionContext"
29813
29980
  }
29814
29981
  },
29815
29982
  {
29816
- "kind": "field",
29817
- "name": "typeAheadExpired",
29818
- "privacy": "protected",
29819
- "inheritedFrom": {
29820
- "name": "Combobox",
29821
- "module": "src/combobox/combobox.ts"
29983
+ "name": "definition",
29984
+ "type": {
29985
+ "text": "FoundationElementDefinition"
29822
29986
  }
29823
- },
29987
+ }
29988
+ ]
29989
+ }
29990
+ ],
29991
+ "exports": [
29992
+ {
29993
+ "kind": "js",
29994
+ "name": "foundationSearchBarComboboxStyles",
29995
+ "declaration": {
29996
+ "name": "foundationSearchBarComboboxStyles",
29997
+ "module": "src/search-bar/search-bar-combobox.styles.ts"
29998
+ }
29999
+ }
30000
+ ]
30001
+ },
30002
+ {
30003
+ "kind": "javascript-module",
30004
+ "path": "src/search-bar/search-bar-combobox.template.ts",
30005
+ "declarations": [
30006
+ {
30007
+ "kind": "function",
30008
+ "name": "foundationSearchBarComboboxTemplate",
30009
+ "return": {
30010
+ "type": {
30011
+ "text": "ViewTemplate<SearchBarCombobox>"
30012
+ }
30013
+ },
30014
+ "parameters": [
29824
30015
  {
29825
- "kind": "field",
29826
- "name": "disabled",
30016
+ "name": "context",
29827
30017
  "type": {
29828
- "text": "boolean"
29829
- },
29830
- "privacy": "public",
29831
- "description": "The disabled state of the listbox.",
29832
- "inheritedFrom": {
29833
- "name": "Combobox",
29834
- "module": "src/combobox/combobox.ts"
30018
+ "text": "ElementDefinitionContext"
29835
30019
  }
29836
30020
  },
30021
+ {
30022
+ "name": "definition",
30023
+ "type": {
30024
+ "text": "ComboboxOptions"
30025
+ }
30026
+ }
30027
+ ]
30028
+ }
30029
+ ],
30030
+ "exports": [
30031
+ {
30032
+ "kind": "js",
30033
+ "name": "foundationSearchBarComboboxTemplate",
30034
+ "declaration": {
30035
+ "name": "foundationSearchBarComboboxTemplate",
30036
+ "module": "src/search-bar/search-bar-combobox.template.ts"
30037
+ }
30038
+ }
30039
+ ]
30040
+ },
30041
+ {
30042
+ "kind": "javascript-module",
30043
+ "path": "src/search-bar/search-bar-combobox.ts",
30044
+ "declarations": [
30045
+ {
30046
+ "kind": "class",
30047
+ "description": "",
30048
+ "name": "SearchBarCombobox",
30049
+ "members": [
29837
30050
  {
29838
30051
  "kind": "field",
29839
- "name": "selectedIndex",
30052
+ "name": "minlength",
29840
30053
  "type": {
29841
30054
  "text": "number"
29842
30055
  },
29843
- "privacy": "public",
29844
- "default": "-1",
29845
- "description": "The index of the selected option.",
29846
- "inheritedFrom": {
29847
- "name": "Combobox",
29848
- "module": "src/combobox/combobox.ts"
29849
- }
30056
+ "default": "COMBO_INPUT_MIN_LENGTH"
29850
30057
  },
29851
30058
  {
29852
30059
  "kind": "field",
29853
- "name": "selectedOptions",
30060
+ "name": "previousLength",
29854
30061
  "type": {
29855
- "text": "ListboxOption[]"
30062
+ "text": "number"
29856
30063
  },
29857
- "privacy": "public",
29858
- "default": "[]",
29859
- "description": "A collection of the selected options.",
29860
- "inheritedFrom": {
29861
- "name": "Combobox",
29862
- "module": "src/combobox/combobox.ts"
29863
- }
30064
+ "privacy": "private",
30065
+ "default": "-1"
29864
30066
  },
29865
30067
  {
29866
30068
  "kind": "field",
29867
- "name": "slottedOptionFilter",
29868
- "privacy": "public",
29869
- "static": true,
29870
- "description": "A static filter to include only selectable options.",
29871
- "parameters": [
29872
- {
29873
- "description": "element to filter",
29874
- "name": "n"
30069
+ "name": "changeListener",
30070
+ "privacy": "private"
30071
+ },
30072
+ {
30073
+ "kind": "method",
30074
+ "name": "clickHandler",
30075
+ "return": {
30076
+ "type": {
30077
+ "text": "boolean | void"
29875
30078
  }
29876
- ],
30079
+ },
30080
+ "parameters": [
30081
+ {
30082
+ "name": "e",
30083
+ "type": {
30084
+ "text": "any"
30085
+ }
30086
+ }
30087
+ ]
30088
+ },
30089
+ {
30090
+ "kind": "method",
30091
+ "name": "keyupHandler",
30092
+ "privacy": "public",
30093
+ "parameters": [
30094
+ {
30095
+ "name": "e",
30096
+ "type": {
30097
+ "text": "KeyboardEvent"
30098
+ }
30099
+ }
30100
+ ]
30101
+ },
30102
+ {
30103
+ "kind": "method",
30104
+ "name": "keydownHandler",
30105
+ "privacy": "public",
30106
+ "return": {
30107
+ "type": {
30108
+ "text": "boolean | void"
30109
+ }
30110
+ },
30111
+ "parameters": [
30112
+ {
30113
+ "name": "e",
30114
+ "type": {
30115
+ "text": "Event & KeyboardEvent"
30116
+ }
30117
+ }
30118
+ ]
30119
+ },
30120
+ {
30121
+ "kind": "method",
30122
+ "name": "inputHandler",
30123
+ "return": {
30124
+ "type": {
30125
+ "text": "boolean | void"
30126
+ }
30127
+ },
30128
+ "parameters": [
30129
+ {
30130
+ "name": "e",
30131
+ "type": {
30132
+ "text": "InputEvent"
30133
+ }
30134
+ }
30135
+ ]
30136
+ },
30137
+ {
30138
+ "kind": "method",
30139
+ "name": "openChanged"
30140
+ },
30141
+ {
30142
+ "kind": "field",
30143
+ "name": "autocomplete",
30144
+ "type": {
30145
+ "text": "ComboboxAutocomplete | undefined"
30146
+ },
30147
+ "description": "The autocomplete attribute.",
30148
+ "privacy": "public",
30149
+ "inheritedFrom": {
30150
+ "name": "Combobox",
30151
+ "module": "src/combobox/combobox.ts"
30152
+ }
30153
+ },
30154
+ {
30155
+ "kind": "field",
30156
+ "name": "filteredOptions",
30157
+ "type": {
30158
+ "text": "ListboxOption[]"
30159
+ },
30160
+ "privacy": "public",
30161
+ "default": "[]",
30162
+ "description": "The collection of currently filtered options.",
29877
30163
  "inheritedFrom": {
29878
30164
  "name": "Combobox",
29879
30165
  "module": "src/combobox/combobox.ts"
@@ -29881,24 +30167,26 @@
29881
30167
  },
29882
30168
  {
29883
30169
  "kind": "method",
29884
- "name": "selectFirstOption",
30170
+ "name": "validate",
29885
30171
  "privacy": "public",
29886
30172
  "return": {
29887
30173
  "type": {
29888
30174
  "text": "void"
29889
30175
  }
29890
30176
  },
29891
- "description": "Moves focus to the first selectable option.",
30177
+ "description": "{@inheritDoc (FormAssociated:interface).validate}",
29892
30178
  "inheritedFrom": {
29893
30179
  "name": "Combobox",
29894
30180
  "module": "src/combobox/combobox.ts"
29895
30181
  }
29896
30182
  },
29897
30183
  {
29898
- "kind": "method",
29899
- "name": "setSelectedOptions",
29900
- "privacy": "public",
29901
- "description": "Sets an option as selected and gives it focus.",
30184
+ "kind": "field",
30185
+ "name": "isAutocompleteInline",
30186
+ "type": {
30187
+ "text": "boolean"
30188
+ },
30189
+ "privacy": "private",
29902
30190
  "inheritedFrom": {
29903
30191
  "name": "Combobox",
29904
30192
  "module": "src/combobox/combobox.ts"
@@ -29906,12 +30194,11 @@
29906
30194
  },
29907
30195
  {
29908
30196
  "kind": "field",
29909
- "name": "_presentation",
30197
+ "name": "isAutocompleteList",
29910
30198
  "type": {
29911
- "text": "ComponentPresentation | null | undefined"
30199
+ "text": "boolean"
29912
30200
  },
29913
30201
  "privacy": "private",
29914
- "default": "void 0",
29915
30202
  "inheritedFrom": {
29916
30203
  "name": "Combobox",
29917
30204
  "module": "src/combobox/combobox.ts"
@@ -29919,12 +30206,25 @@
29919
30206
  },
29920
30207
  {
29921
30208
  "kind": "field",
29922
- "name": "$presentation",
30209
+ "name": "isAutocompleteBoth",
29923
30210
  "type": {
29924
- "text": "ComponentPresentation | null"
30211
+ "text": "boolean"
30212
+ },
30213
+ "privacy": "private",
30214
+ "inheritedFrom": {
30215
+ "name": "Combobox",
30216
+ "module": "src/combobox/combobox.ts"
30217
+ }
30218
+ },
30219
+ {
30220
+ "kind": "field",
30221
+ "name": "open",
30222
+ "type": {
30223
+ "text": "boolean"
29925
30224
  },
29926
30225
  "privacy": "public",
29927
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
30226
+ "default": "false",
30227
+ "description": "The open attribute.",
29928
30228
  "inheritedFrom": {
29929
30229
  "name": "Combobox",
29930
30230
  "module": "src/combobox/combobox.ts"
@@ -29932,26 +30232,25 @@
29932
30232
  },
29933
30233
  {
29934
30234
  "kind": "field",
29935
- "name": "template",
30235
+ "name": "options",
29936
30236
  "type": {
29937
- "text": "ElementViewTemplate | void | null"
30237
+ "text": "ListboxOption[]"
29938
30238
  },
29939
30239
  "privacy": "public",
29940
- "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.",
30240
+ "description": "The list of options.",
29941
30241
  "inheritedFrom": {
29942
30242
  "name": "Combobox",
29943
30243
  "module": "src/combobox/combobox.ts"
29944
30244
  }
29945
30245
  },
29946
30246
  {
29947
- "kind": "method",
29948
- "name": "templateChanged",
29949
- "privacy": "protected",
29950
- "return": {
29951
- "type": {
29952
- "text": "void"
29953
- }
30247
+ "kind": "field",
30248
+ "name": "placeholder",
30249
+ "type": {
30250
+ "text": "string"
29954
30251
  },
30252
+ "privacy": "public",
30253
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
29955
30254
  "inheritedFrom": {
29956
30255
  "name": "Combobox",
29957
30256
  "module": "src/combobox/combobox.ts"
@@ -29959,26 +30258,25 @@
29959
30258
  },
29960
30259
  {
29961
30260
  "kind": "field",
29962
- "name": "styles",
30261
+ "name": "positionAttribute",
29963
30262
  "type": {
29964
- "text": "ElementStyles | void | null"
30263
+ "text": "SelectPosition | undefined"
29965
30264
  },
29966
30265
  "privacy": "public",
29967
- "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.",
30266
+ "description": "The placement for the listbox when the combobox is open.",
29968
30267
  "inheritedFrom": {
29969
30268
  "name": "Combobox",
29970
30269
  "module": "src/combobox/combobox.ts"
29971
30270
  }
29972
30271
  },
29973
30272
  {
29974
- "kind": "method",
29975
- "name": "stylesChanged",
29976
- "privacy": "protected",
29977
- "return": {
29978
- "type": {
29979
- "text": "void"
29980
- }
30273
+ "kind": "field",
30274
+ "name": "position",
30275
+ "type": {
30276
+ "text": "SelectPosition | undefined"
29981
30277
  },
30278
+ "privacy": "public",
30279
+ "description": "The current state of the calculated position of the listbox.",
29982
30280
  "inheritedFrom": {
29983
30281
  "name": "Combobox",
29984
30282
  "module": "src/combobox/combobox.ts"
@@ -29986,470 +30284,190 @@
29986
30284
  },
29987
30285
  {
29988
30286
  "kind": "method",
29989
- "name": "compose",
29990
- "privacy": "public",
29991
- "static": true,
30287
+ "name": "positionChanged",
30288
+ "privacy": "protected",
29992
30289
  "return": {
29993
30290
  "type": {
29994
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
30291
+ "text": "void"
29995
30292
  }
29996
30293
  },
29997
30294
  "parameters": [
29998
30295
  {
29999
- "name": "this",
30296
+ "name": "prev",
30000
30297
  "type": {
30001
- "text": "K"
30298
+ "text": "SelectPosition | undefined"
30002
30299
  }
30003
30300
  },
30004
30301
  {
30005
- "name": "elementDefinition",
30302
+ "name": "next",
30006
30303
  "type": {
30007
- "text": "T"
30008
- },
30009
- "description": "The definition of the element to create the registry\nfunction for."
30304
+ "text": "SelectPosition | undefined"
30305
+ }
30010
30306
  }
30011
30307
  ],
30012
- "description": "Defines an element registry function with a set of element definition defaults.",
30013
30308
  "inheritedFrom": {
30014
30309
  "name": "Combobox",
30015
30310
  "module": "src/combobox/combobox.ts"
30016
30311
  }
30017
- }
30018
- ],
30019
- "attributes": [
30020
- {
30021
- "name": "minlength",
30022
- "type": {
30023
- "text": "number"
30024
- },
30025
- "default": "COMBO_INPUT_MIN_LENGTH",
30026
- "resolveInitializer": {
30027
- "module": "/src/search-bar/search-bar.types"
30028
- },
30029
- "fieldName": "minlength"
30030
30312
  },
30031
30313
  {
30032
- "name": "autocomplete",
30033
- "type": {
30034
- "text": "ComboboxAutocomplete | undefined"
30035
- },
30036
- "description": "The autocomplete attribute.",
30037
- "fieldName": "autocomplete",
30314
+ "kind": "field",
30315
+ "name": "value",
30316
+ "privacy": "public",
30317
+ "description": "The value property.",
30038
30318
  "inheritedFrom": {
30039
30319
  "name": "Combobox",
30040
30320
  "module": "src/combobox/combobox.ts"
30041
30321
  }
30042
30322
  },
30043
30323
  {
30044
- "name": "open",
30045
- "type": {
30046
- "text": "boolean"
30324
+ "kind": "method",
30325
+ "name": "filterOptions",
30326
+ "privacy": "public",
30327
+ "return": {
30328
+ "type": {
30329
+ "text": "void"
30330
+ }
30047
30331
  },
30048
- "default": "false",
30049
- "description": "The open attribute.",
30050
- "fieldName": "open",
30332
+ "description": "Filter available options by text value.",
30051
30333
  "inheritedFrom": {
30052
30334
  "name": "Combobox",
30053
30335
  "module": "src/combobox/combobox.ts"
30054
30336
  }
30055
30337
  },
30056
30338
  {
30057
- "name": "placeholder",
30058
- "type": {
30059
- "text": "string"
30339
+ "kind": "method",
30340
+ "name": "setPositioning",
30341
+ "privacy": "public",
30342
+ "return": {
30343
+ "type": {
30344
+ "text": "void"
30345
+ }
30060
30346
  },
30061
- "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
30062
- "fieldName": "placeholder",
30347
+ "description": "Calculate and apply listbox positioning based on available viewport space.",
30348
+ "parameters": [
30349
+ {
30350
+ "description": "direction to force the listbox to display",
30351
+ "name": "force"
30352
+ }
30353
+ ],
30063
30354
  "inheritedFrom": {
30064
30355
  "name": "Combobox",
30065
30356
  "module": "src/combobox/combobox.ts"
30066
30357
  }
30067
30358
  },
30068
30359
  {
30069
- "name": "position",
30070
- "type": {
30071
- "text": "SelectPosition | undefined"
30072
- },
30073
- "description": "The placement for the listbox when the combobox is open.",
30074
- "fieldName": "positionAttribute",
30360
+ "kind": "field",
30361
+ "name": "proxy",
30075
30362
  "inheritedFrom": {
30076
30363
  "name": "Combobox",
30077
30364
  "module": "src/combobox/combobox.ts"
30078
30365
  }
30079
30366
  },
30080
30367
  {
30081
- "type": {
30082
- "text": "boolean"
30368
+ "kind": "field",
30369
+ "name": "length",
30370
+ "type": {
30371
+ "text": "number"
30083
30372
  },
30084
- "description": "The disabled state of the listbox.",
30085
- "fieldName": "disabled",
30373
+ "privacy": "public",
30374
+ "description": "The number of options.",
30086
30375
  "inheritedFrom": {
30087
30376
  "name": "Combobox",
30088
30377
  "module": "src/combobox/combobox.ts"
30089
30378
  }
30090
- }
30091
- ],
30092
- "superclass": {
30093
- "name": "Combobox",
30094
- "package": "@microsoft/fast-components"
30095
- },
30096
- "tagName": "%%prefix%%-search-bar-combobox",
30097
- "customElement": true,
30098
- "events": [
30379
+ },
30099
30380
  {
30100
- "description": "Fires a custom 'change' event when the value updates",
30101
- "name": "change",
30381
+ "kind": "field",
30382
+ "name": "typeAheadExpired",
30383
+ "privacy": "protected",
30102
30384
  "inheritedFrom": {
30103
30385
  "name": "Combobox",
30104
30386
  "module": "src/combobox/combobox.ts"
30105
30387
  }
30106
- }
30107
- ]
30108
- },
30109
- {
30110
- "kind": "variable",
30111
- "name": "foundationSearchBarComboboxShadowOptions",
30112
- "type": {
30113
- "text": "ShadowRootInit"
30114
- },
30115
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
30116
- },
30117
- {
30118
- "kind": "variable",
30119
- "name": "defaultSearchBarComboboxConfig",
30120
- "type": {
30121
- "text": "object"
30122
- },
30123
- "default": "{}"
30124
- },
30125
- {
30126
- "kind": "variable",
30127
- "name": "foundationSearchBarCombobox",
30128
- "description": "The Foundation Search Bar Combobox",
30129
- "privacy": "public"
30130
- }
30131
- ],
30132
- "exports": [
30133
- {
30134
- "kind": "js",
30135
- "name": "SearchBarCombobox",
30136
- "declaration": {
30137
- "name": "SearchBarCombobox",
30138
- "module": "src/search-bar/search-bar-combobox.ts"
30139
- }
30140
- },
30141
- {
30142
- "kind": "js",
30143
- "name": "foundationSearchBarComboboxShadowOptions",
30144
- "declaration": {
30145
- "name": "foundationSearchBarComboboxShadowOptions",
30146
- "module": "src/search-bar/search-bar-combobox.ts"
30147
- }
30148
- },
30149
- {
30150
- "kind": "js",
30151
- "name": "defaultSearchBarComboboxConfig",
30152
- "declaration": {
30153
- "name": "defaultSearchBarComboboxConfig",
30154
- "module": "src/search-bar/search-bar-combobox.ts"
30155
- }
30156
- },
30157
- {
30158
- "kind": "js",
30159
- "name": "foundationSearchBarCombobox",
30160
- "declaration": {
30161
- "name": "foundationSearchBarCombobox",
30162
- "module": "src/search-bar/search-bar-combobox.ts"
30163
- }
30164
- }
30165
- ]
30166
- },
30167
- {
30168
- "kind": "javascript-module",
30169
- "path": "src/search-bar/search-bar.styles.ts",
30170
- "declarations": [
30171
- {
30172
- "kind": "variable",
30173
- "name": "foundationSearchBarStyles",
30174
- "default": "css`\n .search-bar-combobox {\n width: 100%;\n min-width: auto;\n }\n\n .padding {\n padding-left: calc(${designUnit} * 1px);\n }\n\n .selected-options {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: calc(${designUnit} * 1px);\n padding-right: calc(${designUnit} * 1px);\n }\n\n .selected-options:hover {\n overflow-x: overlay;\n }\n\n .selected-options::-webkit-scrollbar {\n height: 7px;\n }\n\n .selected-options::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);\n background-color: #484848;\n border: 1px solid #7e7e7e;\n }\n\n .selected-options-divider {\n border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);\n }\n\n .options-button {\n height: fit-content;\n min-width: fit-content;\n }\n\n .label {\n display: block;\n font-size: var(--type-ramp-base-font-size);\n margin: calc(${designUnit} * 2px) 2px;\n }\n\n .label-hidden {\n display: none;\n }\n\n .search-clear-button {\n min-width: 28px;\n min-height: 28px;\n height: 28px;\n margin: 0;\n }\n\n .search-clear-button svg {\n rotate: 45deg;\n }\n\n .search-clear-button::part(control) {\n padding: 0;\n }\n\n .search-clear-button .svg-container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .tooltip {\n position: absolute;\n z-index: 999;\n }\n\n .tooltip::part(tooltip) {\n background-color: rgb(18 18 18 / 100%);\n border: 1px solid #2e3339;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 4px 10px rgb(0 0 0 / 25%);\n font-size: 10px;\n color: #f1f1f1;\n height: 26px;\n }\n\n .close-icon {\n color: var(--accent-fill-rest);\n }\n`"
30175
- }
30176
- ],
30177
- "exports": [
30178
- {
30179
- "kind": "js",
30180
- "name": "foundationSearchBarStyles",
30181
- "declaration": {
30182
- "name": "foundationSearchBarStyles",
30183
- "module": "src/search-bar/search-bar.styles.ts"
30184
- }
30185
- }
30186
- ]
30187
- },
30188
- {
30189
- "kind": "javascript-module",
30190
- "path": "src/search-bar/search-bar.template.ts",
30191
- "declarations": [
30192
- {
30193
- "kind": "function",
30194
- "name": "crossIcon",
30195
- "parameters": [
30196
- {
30197
- "name": "slot",
30198
- "default": "'start'"
30199
- }
30200
- ]
30201
- },
30202
- {
30203
- "kind": "function",
30204
- "name": "plusIcon"
30205
- },
30206
- {
30207
- "kind": "function",
30208
- "name": "getPrefixedSearchBar",
30209
- "parameters": [
30210
- {
30211
- "name": "prefix",
30212
- "type": {
30213
- "text": "string"
30214
- }
30215
- }
30216
- ]
30217
- },
30218
- {
30219
- "kind": "variable",
30220
- "name": "foundationSearchBarTemplate",
30221
- "default": "html<SearchBar>`\n ${(x) => getPrefixedSearchBar(getPrefix(x))}\n`"
30222
- }
30223
- ],
30224
- "exports": [
30225
- {
30226
- "kind": "js",
30227
- "name": "crossIcon",
30228
- "declaration": {
30229
- "name": "crossIcon",
30230
- "module": "src/search-bar/search-bar.template.ts"
30231
- }
30232
- },
30233
- {
30234
- "kind": "js",
30235
- "name": "plusIcon",
30236
- "declaration": {
30237
- "name": "plusIcon",
30238
- "module": "src/search-bar/search-bar.template.ts"
30239
- }
30240
- },
30241
- {
30242
- "kind": "js",
30243
- "name": "getPrefixedSearchBar",
30244
- "declaration": {
30245
- "name": "getPrefixedSearchBar",
30246
- "module": "src/search-bar/search-bar.template.ts"
30247
- }
30248
- },
30249
- {
30250
- "kind": "js",
30251
- "name": "foundationSearchBarTemplate",
30252
- "declaration": {
30253
- "name": "foundationSearchBarTemplate",
30254
- "module": "src/search-bar/search-bar.template.ts"
30255
- }
30256
- }
30257
- ]
30258
- },
30259
- {
30260
- "kind": "javascript-module",
30261
- "path": "src/search-bar/search-bar.ts",
30262
- "declarations": [
30263
- {
30264
- "kind": "class",
30265
- "description": "",
30266
- "name": "SearchBar",
30267
- "members": [
30268
- {
30269
- "kind": "field",
30270
- "name": "combobox",
30271
- "type": {
30272
- "text": "SearchBarCombobox"
30273
- },
30274
- "privacy": "public"
30275
- },
30276
- {
30277
- "kind": "field",
30278
- "name": "defaultSlottedNodes"
30279
- },
30280
- {
30281
- "kind": "field",
30282
- "name": "options",
30283
- "type": {
30284
- "text": "AvailableOption[]"
30285
- }
30286
- },
30287
- {
30288
- "kind": "field",
30289
- "name": "searchTerm",
30290
- "type": {
30291
- "text": "string"
30292
- },
30293
- "default": "''"
30294
30388
  },
30295
30389
  {
30296
30390
  "kind": "field",
30297
- "name": "appearance",
30391
+ "name": "disabled",
30298
30392
  "type": {
30299
- "text": "string"
30393
+ "text": "boolean"
30300
30394
  },
30301
- "default": "'neutral'"
30395
+ "privacy": "public",
30396
+ "description": "The disabled state of the listbox.",
30397
+ "inheritedFrom": {
30398
+ "name": "Combobox",
30399
+ "module": "src/combobox/combobox.ts"
30400
+ }
30302
30401
  },
30303
30402
  {
30304
30403
  "kind": "field",
30305
- "name": "minlength",
30404
+ "name": "selectedIndex",
30306
30405
  "type": {
30307
30406
  "text": "number"
30308
30407
  },
30309
- "default": "INPUT_MIN_LENGTH"
30408
+ "privacy": "public",
30409
+ "default": "-1",
30410
+ "description": "The index of the selected option.",
30411
+ "inheritedFrom": {
30412
+ "name": "Combobox",
30413
+ "module": "src/combobox/combobox.ts"
30414
+ }
30310
30415
  },
30311
30416
  {
30312
30417
  "kind": "field",
30313
- "name": "placeholder",
30418
+ "name": "selectedOptions",
30314
30419
  "type": {
30315
- "text": "string"
30420
+ "text": "ListboxOption[]"
30316
30421
  },
30317
- "default": "'Start typing to search'"
30318
- },
30319
- {
30320
- "kind": "field",
30321
- "name": "disabled",
30322
- "type": {
30323
- "text": "boolean"
30422
+ "privacy": "public",
30423
+ "default": "[]",
30424
+ "description": "A collection of the selected options.",
30425
+ "inheritedFrom": {
30426
+ "name": "Combobox",
30427
+ "module": "src/combobox/combobox.ts"
30324
30428
  }
30325
30429
  },
30326
30430
  {
30327
30431
  "kind": "field",
30328
- "name": "loading",
30329
- "type": {
30330
- "text": "boolean"
30331
- }
30332
- },
30333
- {
30334
- "kind": "field",
30335
- "name": "selectedOptions",
30336
- "type": {
30337
- "text": "SelectedOption[]"
30338
- },
30339
- "default": "[]"
30340
- },
30341
- {
30342
- "kind": "field",
30343
- "name": "filteredOptions",
30344
- "type": {
30345
- "text": "AvailableOption[]"
30432
+ "name": "slottedOptionFilter",
30433
+ "privacy": "public",
30434
+ "static": true,
30435
+ "description": "A static filter to include only selectable options.",
30436
+ "parameters": [
30437
+ {
30438
+ "description": "element to filter",
30439
+ "name": "n"
30440
+ }
30441
+ ],
30442
+ "inheritedFrom": {
30443
+ "name": "Combobox",
30444
+ "module": "src/combobox/combobox.ts"
30346
30445
  }
30347
30446
  },
30348
- {
30349
- "kind": "field",
30350
- "name": "selectedOptionsDiv",
30351
- "type": {
30352
- "text": "HTMLDivElement"
30353
- },
30354
- "privacy": "public"
30355
- },
30356
- {
30357
- "kind": "method",
30358
- "name": "clear",
30359
- "privacy": "public"
30360
- },
30361
30447
  {
30362
30448
  "kind": "method",
30363
- "name": "clearSearch",
30449
+ "name": "selectFirstOption",
30364
30450
  "privacy": "public",
30365
30451
  "return": {
30366
30452
  "type": {
30367
30453
  "text": "void"
30368
30454
  }
30455
+ },
30456
+ "description": "Moves focus to the first selectable option.",
30457
+ "inheritedFrom": {
30458
+ "name": "Combobox",
30459
+ "module": "src/combobox/combobox.ts"
30369
30460
  }
30370
30461
  },
30371
30462
  {
30372
30463
  "kind": "method",
30373
- "name": "inputdeleted",
30374
- "privacy": "public"
30375
- },
30376
- {
30377
- "kind": "method",
30378
- "name": "changeHandler",
30379
- "privacy": "public"
30380
- },
30381
- {
30382
- "kind": "method",
30383
- "name": "pasteHandler",
30384
- "privacy": "public",
30385
- "parameters": [
30386
- {
30387
- "name": "event",
30388
- "type": {
30389
- "text": "ClipboardEvent"
30390
- }
30391
- }
30392
- ]
30393
- },
30394
- {
30395
- "kind": "method",
30396
- "name": "hasSelectedOption",
30397
- "privacy": "public",
30398
- "parameters": [
30399
- {
30400
- "name": "term",
30401
- "type": {
30402
- "text": "string"
30403
- }
30404
- },
30405
- {
30406
- "name": "field",
30407
- "type": {
30408
- "text": "string"
30409
- }
30410
- }
30411
- ]
30412
- },
30413
- {
30414
- "kind": "method",
30415
- "name": "unselectOption",
30464
+ "name": "setSelectedOptions",
30416
30465
  "privacy": "public",
30417
- "parameters": [
30418
- {
30419
- "name": "option",
30420
- "type": {
30421
- "text": "any"
30422
- }
30423
- }
30424
- ]
30425
- },
30426
- {
30427
- "kind": "method",
30428
- "name": "inputHandler",
30429
- "privacy": "public"
30430
- },
30431
- {
30432
- "kind": "method",
30433
- "name": "filterSelectedOptions",
30434
- "privacy": "private",
30435
- "parameters": [
30436
- {
30437
- "name": "term",
30438
- "type": {
30439
- "text": "string"
30440
- }
30441
- }
30442
- ]
30443
- },
30444
- {
30445
- "kind": "field",
30446
- "name": "normalizeDelimiter",
30447
- "privacy": "private"
30448
- },
30449
- {
30450
- "kind": "field",
30451
- "name": "addOrReplaceSelectedText",
30452
- "privacy": "private"
30466
+ "description": "Sets an option as selected and gives it focus.",
30467
+ "inheritedFrom": {
30468
+ "name": "Combobox",
30469
+ "module": "src/combobox/combobox.ts"
30470
+ }
30453
30471
  },
30454
30472
  {
30455
30473
  "kind": "field",
@@ -30460,8 +30478,8 @@
30460
30478
  "privacy": "private",
30461
30479
  "default": "void 0",
30462
30480
  "inheritedFrom": {
30463
- "name": "FoundationElement",
30464
- "module": "src/foundation-element/foundation-element.ts"
30481
+ "name": "Combobox",
30482
+ "module": "src/combobox/combobox.ts"
30465
30483
  }
30466
30484
  },
30467
30485
  {
@@ -30473,8 +30491,8 @@
30473
30491
  "privacy": "public",
30474
30492
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
30475
30493
  "inheritedFrom": {
30476
- "name": "FoundationElement",
30477
- "module": "src/foundation-element/foundation-element.ts"
30494
+ "name": "Combobox",
30495
+ "module": "src/combobox/combobox.ts"
30478
30496
  }
30479
30497
  },
30480
30498
  {
@@ -30486,8 +30504,8 @@
30486
30504
  "privacy": "public",
30487
30505
  "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.",
30488
30506
  "inheritedFrom": {
30489
- "name": "FoundationElement",
30490
- "module": "src/foundation-element/foundation-element.ts"
30507
+ "name": "Combobox",
30508
+ "module": "src/combobox/combobox.ts"
30491
30509
  }
30492
30510
  },
30493
30511
  {
@@ -30497,391 +30515,173 @@
30497
30515
  "return": {
30498
30516
  "type": {
30499
30517
  "text": "void"
30500
- }
30501
- },
30502
- "inheritedFrom": {
30503
- "name": "FoundationElement",
30504
- "module": "src/foundation-element/foundation-element.ts"
30505
- }
30506
- },
30507
- {
30508
- "kind": "field",
30509
- "name": "styles",
30510
- "type": {
30511
- "text": "ElementStyles | void | null"
30512
- },
30513
- "privacy": "public",
30514
- "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.",
30515
- "inheritedFrom": {
30516
- "name": "FoundationElement",
30517
- "module": "src/foundation-element/foundation-element.ts"
30518
- }
30519
- },
30520
- {
30521
- "kind": "method",
30522
- "name": "stylesChanged",
30523
- "privacy": "protected",
30524
- "return": {
30525
- "type": {
30526
- "text": "void"
30527
- }
30528
- },
30529
- "inheritedFrom": {
30530
- "name": "FoundationElement",
30531
- "module": "src/foundation-element/foundation-element.ts"
30532
- }
30533
- },
30534
- {
30535
- "kind": "method",
30536
- "name": "compose",
30537
- "privacy": "public",
30538
- "static": true,
30539
- "return": {
30540
- "type": {
30541
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
30542
- }
30543
- },
30544
- "parameters": [
30545
- {
30546
- "name": "this",
30547
- "type": {
30548
- "text": "K"
30549
- }
30550
- },
30551
- {
30552
- "name": "elementDefinition",
30553
- "type": {
30554
- "text": "T"
30555
- },
30556
- "description": "The definition of the element to create the registry\nfunction for."
30557
- }
30558
- ],
30559
- "description": "Defines an element registry function with a set of element definition defaults.",
30560
- "inheritedFrom": {
30561
- "name": "FoundationElement",
30562
- "module": "src/foundation-element/foundation-element.ts"
30563
- }
30564
- }
30565
- ],
30566
- "attributes": [
30567
- {
30568
- "name": "appearance",
30569
- "type": {
30570
- "text": "string"
30571
- },
30572
- "default": "'neutral'",
30573
- "fieldName": "appearance"
30574
- },
30575
- {
30576
- "name": "minlength",
30577
- "type": {
30578
- "text": "number"
30579
- },
30580
- "default": "INPUT_MIN_LENGTH",
30581
- "resolveInitializer": {
30582
- "module": "/src/search-bar/search-bar.types"
30583
- },
30584
- "fieldName": "minlength"
30585
- },
30586
- {
30587
- "name": "placeholder",
30588
- "type": {
30589
- "text": "string"
30590
- },
30591
- "default": "'Start typing to search'",
30592
- "fieldName": "placeholder"
30593
- },
30594
- {
30595
- "name": "disabled",
30596
- "type": {
30597
- "text": "boolean"
30598
- },
30599
- "fieldName": "disabled"
30600
- }
30601
- ],
30602
- "superclass": {
30603
- "name": "FoundationElement",
30604
- "package": "@microsoft/fast-foundation"
30605
- },
30606
- "tagName": "%%prefix%%-search-bar",
30607
- "customElement": true
30608
- },
30609
- {
30610
- "kind": "variable",
30611
- "name": "foundationSearchBarShadowOptions",
30612
- "type": {
30613
- "text": "ShadowRootInit"
30614
- },
30615
- "default": "undefined"
30616
- },
30617
- {
30618
- "kind": "variable",
30619
- "name": "defaultSearchBarConfig",
30620
- "type": {
30621
- "text": "object"
30622
- },
30623
- "default": "{}"
30624
- },
30625
- {
30626
- "kind": "variable",
30627
- "name": "foundationSearchBar",
30628
- "description": "The Foundation Search Bar",
30629
- "privacy": "public"
30630
- }
30631
- ],
30632
- "exports": [
30633
- {
30634
- "kind": "js",
30635
- "name": "SearchBar",
30636
- "declaration": {
30637
- "name": "SearchBar",
30638
- "module": "src/search-bar/search-bar.ts"
30639
- }
30640
- },
30641
- {
30642
- "kind": "js",
30643
- "name": "foundationSearchBarShadowOptions",
30644
- "declaration": {
30645
- "name": "foundationSearchBarShadowOptions",
30646
- "module": "src/search-bar/search-bar.ts"
30647
- }
30648
- },
30649
- {
30650
- "kind": "js",
30651
- "name": "defaultSearchBarConfig",
30652
- "declaration": {
30653
- "name": "defaultSearchBarConfig",
30654
- "module": "src/search-bar/search-bar.ts"
30655
- }
30656
- },
30657
- {
30658
- "kind": "js",
30659
- "name": "foundationSearchBar",
30660
- "declaration": {
30661
- "name": "foundationSearchBar",
30662
- "module": "src/search-bar/search-bar.ts"
30663
- }
30664
- }
30665
- ]
30666
- },
30667
- {
30668
- "kind": "javascript-module",
30669
- "path": "src/search-bar/search-bar.types.ts",
30670
- "declarations": [
30671
- {
30672
- "kind": "variable",
30673
- "name": "SCROLL_TIMEOUT",
30674
- "type": {
30675
- "text": "number"
30676
- },
30677
- "default": "10"
30678
- },
30679
- {
30680
- "kind": "variable",
30681
- "name": "INPUT_MIN_LENGTH",
30682
- "type": {
30683
- "text": "number"
30684
- },
30685
- "default": "3"
30686
- },
30687
- {
30688
- "kind": "variable",
30689
- "name": "COMBO_INPUT_MIN_LENGTH",
30690
- "type": {
30691
- "text": "number"
30692
- },
30693
- "default": "1"
30694
- },
30695
- {
30696
- "kind": "function",
30697
- "name": "getCriteriaBuilder",
30698
- "parameters": [
30699
- {
30700
- "name": "field"
30701
- },
30702
- {
30703
- "name": "term"
30704
- }
30705
- ]
30706
- }
30707
- ],
30708
- "exports": [
30709
- {
30710
- "kind": "js",
30711
- "name": "SCROLL_TIMEOUT",
30712
- "declaration": {
30713
- "name": "SCROLL_TIMEOUT",
30714
- "module": "src/search-bar/search-bar.types.ts"
30715
- }
30716
- },
30717
- {
30718
- "kind": "js",
30719
- "name": "INPUT_MIN_LENGTH",
30720
- "declaration": {
30721
- "name": "INPUT_MIN_LENGTH",
30722
- "module": "src/search-bar/search-bar.types.ts"
30723
- }
30724
- },
30725
- {
30726
- "kind": "js",
30727
- "name": "COMBO_INPUT_MIN_LENGTH",
30728
- "declaration": {
30729
- "name": "COMBO_INPUT_MIN_LENGTH",
30730
- "module": "src/search-bar/search-bar.types.ts"
30731
- }
30732
- },
30733
- {
30734
- "kind": "js",
30735
- "name": "getCriteriaBuilder",
30736
- "declaration": {
30737
- "name": "getCriteriaBuilder",
30738
- "module": "src/search-bar/search-bar.types.ts"
30739
- }
30740
- }
30741
- ]
30742
- },
30743
- {
30744
- "kind": "javascript-module",
30745
- "path": "src/segmented-control/index.ts",
30746
- "declarations": [],
30747
- "exports": [
30748
- {
30749
- "kind": "js",
30750
- "name": "*",
30751
- "declaration": {
30752
- "name": "*",
30753
- "package": "./segmented-control.template"
30754
- }
30755
- },
30756
- {
30757
- "kind": "js",
30758
- "name": "*",
30759
- "declaration": {
30760
- "name": "*",
30761
- "package": "./segmented-control.styles"
30762
- }
30763
- },
30764
- {
30765
- "kind": "js",
30766
- "name": "*",
30767
- "declaration": {
30768
- "name": "*",
30769
- "package": "./segmented-control"
30770
- }
30771
- }
30772
- ]
30773
- },
30774
- {
30775
- "kind": "javascript-module",
30776
- "path": "src/segmented-control/segmented-control.styles.ts",
30777
- "declarations": [
30778
- {
30779
- "kind": "function",
30780
- "name": "foundationSegmentedControlStyles",
30781
- "return": {
30782
- "type": {
30783
- "text": "ElementStyles"
30518
+ }
30519
+ },
30520
+ "inheritedFrom": {
30521
+ "name": "Combobox",
30522
+ "module": "src/combobox/combobox.ts"
30523
+ }
30524
+ },
30525
+ {
30526
+ "kind": "field",
30527
+ "name": "styles",
30528
+ "type": {
30529
+ "text": "ElementStyles | void | null"
30530
+ },
30531
+ "privacy": "public",
30532
+ "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.",
30533
+ "inheritedFrom": {
30534
+ "name": "Combobox",
30535
+ "module": "src/combobox/combobox.ts"
30536
+ }
30537
+ },
30538
+ {
30539
+ "kind": "method",
30540
+ "name": "stylesChanged",
30541
+ "privacy": "protected",
30542
+ "return": {
30543
+ "type": {
30544
+ "text": "void"
30545
+ }
30546
+ },
30547
+ "inheritedFrom": {
30548
+ "name": "Combobox",
30549
+ "module": "src/combobox/combobox.ts"
30550
+ }
30551
+ },
30552
+ {
30553
+ "kind": "method",
30554
+ "name": "compose",
30555
+ "privacy": "public",
30556
+ "static": true,
30557
+ "return": {
30558
+ "type": {
30559
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
30560
+ }
30561
+ },
30562
+ "parameters": [
30563
+ {
30564
+ "name": "this",
30565
+ "type": {
30566
+ "text": "K"
30567
+ }
30568
+ },
30569
+ {
30570
+ "name": "elementDefinition",
30571
+ "type": {
30572
+ "text": "T"
30573
+ },
30574
+ "description": "The definition of the element to create the registry\nfunction for."
30575
+ }
30576
+ ],
30577
+ "description": "Defines an element registry function with a set of element definition defaults.",
30578
+ "inheritedFrom": {
30579
+ "name": "Combobox",
30580
+ "module": "src/combobox/combobox.ts"
30581
+ }
30784
30582
  }
30785
- },
30786
- "parameters": [
30583
+ ],
30584
+ "attributes": [
30787
30585
  {
30788
- "name": "context",
30586
+ "name": "minlength",
30789
30587
  "type": {
30790
- "text": "ElementDefinitionContext"
30588
+ "text": "number"
30589
+ },
30590
+ "default": "COMBO_INPUT_MIN_LENGTH",
30591
+ "resolveInitializer": {
30592
+ "module": "/src/search-bar/search-bar.types"
30593
+ },
30594
+ "fieldName": "minlength"
30595
+ },
30596
+ {
30597
+ "name": "autocomplete",
30598
+ "type": {
30599
+ "text": "ComboboxAutocomplete | undefined"
30600
+ },
30601
+ "description": "The autocomplete attribute.",
30602
+ "fieldName": "autocomplete",
30603
+ "inheritedFrom": {
30604
+ "name": "Combobox",
30605
+ "module": "src/combobox/combobox.ts"
30791
30606
  }
30792
30607
  },
30793
30608
  {
30794
- "name": "definition",
30609
+ "name": "open",
30795
30610
  "type": {
30796
- "text": "FoundationElementDefinition"
30611
+ "text": "boolean"
30612
+ },
30613
+ "default": "false",
30614
+ "description": "The open attribute.",
30615
+ "fieldName": "open",
30616
+ "inheritedFrom": {
30617
+ "name": "Combobox",
30618
+ "module": "src/combobox/combobox.ts"
30797
30619
  }
30798
- }
30799
- ]
30800
- }
30801
- ],
30802
- "exports": [
30803
- {
30804
- "kind": "js",
30805
- "name": "foundationSegmentedControlStyles",
30806
- "declaration": {
30807
- "name": "foundationSegmentedControlStyles",
30808
- "module": "src/segmented-control/segmented-control.styles.ts"
30809
- }
30810
- }
30811
- ]
30812
- },
30813
- {
30814
- "kind": "javascript-module",
30815
- "path": "src/segmented-control/segmented-control.template.ts",
30816
- "declarations": [
30817
- {
30818
- "kind": "function",
30819
- "name": "foundationSegmentedControlTemplate",
30820
- "return": {
30821
- "type": {
30822
- "text": "ViewTemplate<SegmentedControl>"
30823
- }
30824
- },
30825
- "parameters": [
30620
+ },
30826
30621
  {
30827
- "name": "context",
30622
+ "name": "placeholder",
30828
30623
  "type": {
30829
- "text": "ElementDefinitionContext"
30624
+ "text": "string"
30625
+ },
30626
+ "description": "Sets the placeholder value of the element, generally used to provide a hint to the user.",
30627
+ "fieldName": "placeholder",
30628
+ "inheritedFrom": {
30629
+ "name": "Combobox",
30630
+ "module": "src/combobox/combobox.ts"
30830
30631
  }
30831
30632
  },
30832
30633
  {
30833
- "name": "definition",
30634
+ "name": "position",
30834
30635
  "type": {
30835
- "text": "FoundationElementDefinition"
30636
+ "text": "SelectPosition | undefined"
30637
+ },
30638
+ "description": "The placement for the listbox when the combobox is open.",
30639
+ "fieldName": "positionAttribute",
30640
+ "inheritedFrom": {
30641
+ "name": "Combobox",
30642
+ "module": "src/combobox/combobox.ts"
30836
30643
  }
30837
- }
30838
- ]
30839
- }
30840
- ],
30841
- "exports": [
30842
- {
30843
- "kind": "js",
30844
- "name": "foundationSegmentedControlTemplate",
30845
- "declaration": {
30846
- "name": "foundationSegmentedControlTemplate",
30847
- "module": "src/segmented-control/segmented-control.template.ts"
30848
- }
30849
- }
30850
- ]
30851
- },
30852
- {
30853
- "kind": "javascript-module",
30854
- "path": "src/segmented-control/segmented-control.ts",
30855
- "declarations": [
30856
- {
30857
- "kind": "class",
30858
- "description": "",
30859
- "name": "SegmentedControl",
30860
- "members": [
30644
+ },
30861
30645
  {
30862
- "kind": "method",
30863
- "name": "valueChanged",
30864
- "privacy": "protected"
30646
+ "type": {
30647
+ "text": "boolean"
30648
+ },
30649
+ "description": "The disabled state of the listbox.",
30650
+ "fieldName": "disabled",
30651
+ "inheritedFrom": {
30652
+ "name": "Combobox",
30653
+ "module": "src/combobox/combobox.ts"
30654
+ }
30865
30655
  }
30866
30656
  ],
30867
30657
  "superclass": {
30868
- "name": "FASTRadioGroup",
30869
- "package": "@microsoft/fast-foundation"
30658
+ "name": "Combobox",
30659
+ "package": "@microsoft/fast-components"
30870
30660
  },
30871
- "tagName": "%%prefix%%-segmented-control",
30872
- "customElement": true
30661
+ "tagName": "%%prefix%%-search-bar-combobox",
30662
+ "customElement": true,
30663
+ "events": [
30664
+ {
30665
+ "description": "Fires a custom 'change' event when the value updates",
30666
+ "name": "change",
30667
+ "inheritedFrom": {
30668
+ "name": "Combobox",
30669
+ "module": "src/combobox/combobox.ts"
30670
+ }
30671
+ }
30672
+ ]
30873
30673
  },
30874
30674
  {
30875
30675
  "kind": "variable",
30876
- "name": "foundationSegmentedControlShadowOptions",
30676
+ "name": "foundationSearchBarComboboxShadowOptions",
30877
30677
  "type": {
30878
30678
  "text": "ShadowRootInit"
30879
30679
  },
30880
- "default": "undefined"
30680
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
30881
30681
  },
30882
30682
  {
30883
30683
  "kind": "variable",
30884
- "name": "defaultSegmentedControlConfig",
30684
+ "name": "defaultSearchBarComboboxConfig",
30885
30685
  "type": {
30886
30686
  "text": "object"
30887
30687
  },
@@ -30889,240 +30689,332 @@
30889
30689
  },
30890
30690
  {
30891
30691
  "kind": "variable",
30892
- "name": "foundationSegmentedControl",
30893
- "description": "The Foundation Segmented Control",
30692
+ "name": "foundationSearchBarCombobox",
30693
+ "description": "The Foundation Search Bar Combobox",
30894
30694
  "privacy": "public"
30895
30695
  }
30896
30696
  ],
30897
30697
  "exports": [
30898
30698
  {
30899
30699
  "kind": "js",
30900
- "name": "SegmentedControl",
30901
- "declaration": {
30902
- "name": "SegmentedControl",
30903
- "module": "src/segmented-control/segmented-control.ts"
30904
- }
30905
- },
30906
- {
30907
- "kind": "js",
30908
- "name": "foundationSegmentedControlShadowOptions",
30909
- "declaration": {
30910
- "name": "foundationSegmentedControlShadowOptions",
30911
- "module": "src/segmented-control/segmented-control.ts"
30912
- }
30913
- },
30914
- {
30915
- "kind": "js",
30916
- "name": "defaultSegmentedControlConfig",
30700
+ "name": "SearchBarCombobox",
30917
30701
  "declaration": {
30918
- "name": "defaultSegmentedControlConfig",
30919
- "module": "src/segmented-control/segmented-control.ts"
30702
+ "name": "SearchBarCombobox",
30703
+ "module": "src/search-bar/search-bar-combobox.ts"
30920
30704
  }
30921
30705
  },
30922
30706
  {
30923
30707
  "kind": "js",
30924
- "name": "foundationSegmentedControl",
30925
- "declaration": {
30926
- "name": "foundationSegmentedControl",
30927
- "module": "src/segmented-control/segmented-control.ts"
30928
- }
30929
- }
30930
- ]
30931
- },
30932
- {
30933
- "kind": "javascript-module",
30934
- "path": "src/segmented-item/index.ts",
30935
- "declarations": [],
30936
- "exports": [
30937
- {
30938
- "kind": "js",
30939
- "name": "*",
30708
+ "name": "foundationSearchBarComboboxShadowOptions",
30940
30709
  "declaration": {
30941
- "name": "*",
30942
- "package": "./segmented-item.template"
30710
+ "name": "foundationSearchBarComboboxShadowOptions",
30711
+ "module": "src/search-bar/search-bar-combobox.ts"
30943
30712
  }
30944
30713
  },
30945
30714
  {
30946
30715
  "kind": "js",
30947
- "name": "*",
30716
+ "name": "defaultSearchBarComboboxConfig",
30948
30717
  "declaration": {
30949
- "name": "*",
30950
- "package": "./segmented-item.styles"
30718
+ "name": "defaultSearchBarComboboxConfig",
30719
+ "module": "src/search-bar/search-bar-combobox.ts"
30951
30720
  }
30952
30721
  },
30953
30722
  {
30954
30723
  "kind": "js",
30955
- "name": "*",
30724
+ "name": "foundationSearchBarCombobox",
30956
30725
  "declaration": {
30957
- "name": "*",
30958
- "package": "./segmented-item"
30726
+ "name": "foundationSearchBarCombobox",
30727
+ "module": "src/search-bar/search-bar-combobox.ts"
30959
30728
  }
30960
30729
  }
30961
30730
  ]
30962
30731
  },
30963
30732
  {
30964
30733
  "kind": "javascript-module",
30965
- "path": "src/segmented-item/segmented-item.styles.ts",
30734
+ "path": "src/search-bar/search-bar.styles.ts",
30966
30735
  "declarations": [
30967
30736
  {
30968
- "kind": "function",
30969
- "name": "foundationSegmentedItemStyles",
30970
- "return": {
30971
- "type": {
30972
- "text": "ElementStyles"
30973
- }
30974
- },
30975
- "parameters": [
30976
- {
30977
- "name": "context",
30978
- "type": {
30979
- "text": "ElementDefinitionContext"
30980
- }
30981
- },
30982
- {
30983
- "name": "definition",
30984
- "type": {
30985
- "text": "RadioOptions"
30986
- }
30987
- }
30988
- ]
30737
+ "kind": "variable",
30738
+ "name": "foundationSearchBarStyles",
30739
+ "default": "css`\n .search-bar-combobox {\n width: 100%;\n min-width: auto;\n }\n\n .padding {\n padding-left: calc(${designUnit} * 1px);\n }\n\n .selected-options {\n display: flex;\n align-items: center;\n overflow: hidden;\n gap: calc(${designUnit} * 1px);\n padding-right: calc(${designUnit} * 1px);\n }\n\n .selected-options:hover {\n overflow-x: overlay;\n }\n\n .selected-options::-webkit-scrollbar {\n height: 7px;\n }\n\n .selected-options::-webkit-scrollbar-thumb {\n border-radius: 10px;\n box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);\n background-color: #484848;\n border: 1px solid #7e7e7e;\n }\n\n .selected-options-divider {\n border-right: calc(var(--stroke-width) * 1px) solid var(--neutral-fill-rest);\n }\n\n .options-button {\n height: fit-content;\n min-width: fit-content;\n }\n\n .label {\n display: block;\n font-size: var(--type-ramp-base-font-size);\n margin: calc(${designUnit} * 2px) 2px;\n }\n\n .label-hidden {\n display: none;\n }\n\n .search-clear-button {\n min-width: 28px;\n min-height: 28px;\n height: 28px;\n margin: 0;\n }\n\n .search-clear-button svg {\n rotate: 45deg;\n }\n\n .search-clear-button::part(control) {\n padding: 0;\n }\n\n .search-clear-button .svg-container {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .tooltip {\n position: absolute;\n z-index: 999;\n }\n\n .tooltip::part(tooltip) {\n background-color: rgb(18 18 18 / 100%);\n border: 1px solid #2e3339;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 4px 10px rgb(0 0 0 / 25%);\n font-size: 10px;\n color: #f1f1f1;\n height: 26px;\n }\n\n .close-icon {\n color: var(--accent-fill-rest);\n }\n`"
30989
30740
  }
30990
30741
  ],
30991
30742
  "exports": [
30992
30743
  {
30993
30744
  "kind": "js",
30994
- "name": "foundationSegmentedItemStyles",
30745
+ "name": "foundationSearchBarStyles",
30995
30746
  "declaration": {
30996
- "name": "foundationSegmentedItemStyles",
30997
- "module": "src/segmented-item/segmented-item.styles.ts"
30747
+ "name": "foundationSearchBarStyles",
30748
+ "module": "src/search-bar/search-bar.styles.ts"
30998
30749
  }
30999
30750
  }
31000
30751
  ]
31001
30752
  },
31002
30753
  {
31003
30754
  "kind": "javascript-module",
31004
- "path": "src/segmented-item/segmented-item.template.ts",
30755
+ "path": "src/search-bar/search-bar.template.ts",
31005
30756
  "declarations": [
31006
30757
  {
31007
30758
  "kind": "function",
31008
- "name": "foundationSegmentedItemTemplate",
30759
+ "name": "crossIcon",
31009
30760
  "parameters": [
31010
30761
  {
31011
- "name": "context",
31012
- "type": {
31013
- "text": "ElementDefinitionContext"
31014
- }
31015
- },
30762
+ "name": "slot",
30763
+ "default": "'start'"
30764
+ }
30765
+ ]
30766
+ },
30767
+ {
30768
+ "kind": "function",
30769
+ "name": "plusIcon"
30770
+ },
30771
+ {
30772
+ "kind": "function",
30773
+ "name": "getPrefixedSearchBar",
30774
+ "parameters": [
31016
30775
  {
31017
- "name": "definition",
30776
+ "name": "prefix",
31018
30777
  "type": {
31019
- "text": "RadioOptions"
30778
+ "text": "string"
31020
30779
  }
31021
30780
  }
31022
30781
  ]
30782
+ },
30783
+ {
30784
+ "kind": "variable",
30785
+ "name": "foundationSearchBarTemplate",
30786
+ "default": "html<SearchBar>`\n ${(x) => getPrefixedSearchBar(getPrefix(x))}\n`"
31023
30787
  }
31024
30788
  ],
31025
30789
  "exports": [
31026
30790
  {
31027
30791
  "kind": "js",
31028
- "name": "foundationSegmentedItemTemplate",
30792
+ "name": "crossIcon",
31029
30793
  "declaration": {
31030
- "name": "foundationSegmentedItemTemplate",
31031
- "module": "src/segmented-item/segmented-item.template.ts"
30794
+ "name": "crossIcon",
30795
+ "module": "src/search-bar/search-bar.template.ts"
30796
+ }
30797
+ },
30798
+ {
30799
+ "kind": "js",
30800
+ "name": "plusIcon",
30801
+ "declaration": {
30802
+ "name": "plusIcon",
30803
+ "module": "src/search-bar/search-bar.template.ts"
30804
+ }
30805
+ },
30806
+ {
30807
+ "kind": "js",
30808
+ "name": "getPrefixedSearchBar",
30809
+ "declaration": {
30810
+ "name": "getPrefixedSearchBar",
30811
+ "module": "src/search-bar/search-bar.template.ts"
30812
+ }
30813
+ },
30814
+ {
30815
+ "kind": "js",
30816
+ "name": "foundationSearchBarTemplate",
30817
+ "declaration": {
30818
+ "name": "foundationSearchBarTemplate",
30819
+ "module": "src/search-bar/search-bar.template.ts"
31032
30820
  }
31033
30821
  }
31034
30822
  ]
31035
30823
  },
31036
30824
  {
31037
30825
  "kind": "javascript-module",
31038
- "path": "src/segmented-item/segmented-item.ts",
30826
+ "path": "src/search-bar/search-bar.ts",
31039
30827
  "declarations": [
31040
30828
  {
31041
30829
  "kind": "class",
31042
30830
  "description": "",
31043
- "name": "SegmentedItem",
31044
- "superclass": {
31045
- "name": "FASTRadio",
31046
- "package": "@microsoft/fast-components"
31047
- },
31048
- "tagName": "%%prefix%%-segmented-item",
31049
- "customElement": true,
31050
- "attributes": [
30831
+ "name": "SearchBar",
30832
+ "members": [
31051
30833
  {
31052
- "name": "readonly",
30834
+ "kind": "field",
30835
+ "name": "combobox",
31053
30836
  "type": {
31054
- "text": "boolean"
30837
+ "text": "SearchBarCombobox"
31055
30838
  },
31056
- "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.",
31057
- "fieldName": "readOnly",
31058
- "inheritedFrom": {
31059
- "name": "Radio",
31060
- "module": "src/radio/radio.ts"
30839
+ "privacy": "public"
30840
+ },
30841
+ {
30842
+ "kind": "field",
30843
+ "name": "defaultSlottedNodes"
30844
+ },
30845
+ {
30846
+ "kind": "field",
30847
+ "name": "options",
30848
+ "type": {
30849
+ "text": "AvailableOption[]"
31061
30850
  }
31062
- }
31063
- ],
31064
- "members": [
30851
+ },
31065
30852
  {
31066
30853
  "kind": "field",
31067
- "name": "readOnly",
30854
+ "name": "searchTerm",
30855
+ "type": {
30856
+ "text": "string"
30857
+ },
30858
+ "default": "''"
30859
+ },
30860
+ {
30861
+ "kind": "field",
30862
+ "name": "appearance",
30863
+ "type": {
30864
+ "text": "string"
30865
+ },
30866
+ "default": "'neutral'"
30867
+ },
30868
+ {
30869
+ "kind": "field",
30870
+ "name": "minlength",
30871
+ "type": {
30872
+ "text": "number"
30873
+ },
30874
+ "default": "INPUT_MIN_LENGTH"
30875
+ },
30876
+ {
30877
+ "kind": "field",
30878
+ "name": "placeholder",
30879
+ "type": {
30880
+ "text": "string"
30881
+ },
30882
+ "default": "'Start typing to search'"
30883
+ },
30884
+ {
30885
+ "kind": "field",
30886
+ "name": "disabled",
30887
+ "type": {
30888
+ "text": "boolean"
30889
+ }
30890
+ },
30891
+ {
30892
+ "kind": "field",
30893
+ "name": "loading",
31068
30894
  "type": {
31069
30895
  "text": "boolean"
30896
+ }
30897
+ },
30898
+ {
30899
+ "kind": "field",
30900
+ "name": "selectedOptions",
30901
+ "type": {
30902
+ "text": "SelectedOption[]"
30903
+ },
30904
+ "default": "[]"
30905
+ },
30906
+ {
30907
+ "kind": "field",
30908
+ "name": "filteredOptions",
30909
+ "type": {
30910
+ "text": "AvailableOption[]"
30911
+ }
30912
+ },
30913
+ {
30914
+ "kind": "field",
30915
+ "name": "selectedOptionsDiv",
30916
+ "type": {
30917
+ "text": "HTMLDivElement"
31070
30918
  },
30919
+ "privacy": "public"
30920
+ },
30921
+ {
30922
+ "kind": "method",
30923
+ "name": "clear",
30924
+ "privacy": "public"
30925
+ },
30926
+ {
30927
+ "kind": "method",
30928
+ "name": "clearSearch",
31071
30929
  "privacy": "public",
31072
- "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.",
31073
- "inheritedFrom": {
31074
- "name": "Radio",
31075
- "module": "src/radio/radio.ts"
30930
+ "return": {
30931
+ "type": {
30932
+ "text": "void"
30933
+ }
31076
30934
  }
31077
30935
  },
31078
30936
  {
31079
30937
  "kind": "method",
31080
- "name": "readOnlyChanged",
31081
- "privacy": "private",
31082
- "return": {
31083
- "type": {
31084
- "text": "void"
30938
+ "name": "inputdeleted",
30939
+ "privacy": "public"
30940
+ },
30941
+ {
30942
+ "kind": "method",
30943
+ "name": "changeHandler",
30944
+ "privacy": "public"
30945
+ },
30946
+ {
30947
+ "kind": "method",
30948
+ "name": "pasteHandler",
30949
+ "privacy": "public",
30950
+ "parameters": [
30951
+ {
30952
+ "name": "event",
30953
+ "type": {
30954
+ "text": "ClipboardEvent"
30955
+ }
30956
+ }
30957
+ ]
30958
+ },
30959
+ {
30960
+ "kind": "method",
30961
+ "name": "hasSelectedOption",
30962
+ "privacy": "public",
30963
+ "parameters": [
30964
+ {
30965
+ "name": "term",
30966
+ "type": {
30967
+ "text": "string"
30968
+ }
30969
+ },
30970
+ {
30971
+ "name": "field",
30972
+ "type": {
30973
+ "text": "string"
30974
+ }
30975
+ }
30976
+ ]
30977
+ },
30978
+ {
30979
+ "kind": "method",
30980
+ "name": "unselectOption",
30981
+ "privacy": "public",
30982
+ "parameters": [
30983
+ {
30984
+ "name": "option",
30985
+ "type": {
30986
+ "text": "any"
30987
+ }
31085
30988
  }
31086
- },
31087
- "inheritedFrom": {
31088
- "name": "Radio",
31089
- "module": "src/radio/radio.ts"
31090
- }
30989
+ ]
31091
30990
  },
31092
30991
  {
31093
- "kind": "field",
31094
- "name": "name",
31095
- "type": {
31096
- "text": "string"
31097
- },
31098
- "privacy": "public",
31099
- "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.",
31100
- "inheritedFrom": {
31101
- "name": "Radio",
31102
- "module": "src/radio/radio.ts"
31103
- }
30992
+ "kind": "method",
30993
+ "name": "inputHandler",
30994
+ "privacy": "public"
31104
30995
  },
31105
30996
  {
31106
30997
  "kind": "method",
31107
- "name": "isInsideRadioGroup",
30998
+ "name": "filterSelectedOptions",
31108
30999
  "privacy": "private",
31109
- "return": {
31110
- "type": {
31111
- "text": "boolean"
31000
+ "parameters": [
31001
+ {
31002
+ "name": "term",
31003
+ "type": {
31004
+ "text": "string"
31005
+ }
31112
31006
  }
31113
- },
31114
- "inheritedFrom": {
31115
- "name": "Radio",
31116
- "module": "src/radio/radio.ts"
31117
- }
31007
+ ]
31118
31008
  },
31119
31009
  {
31120
31010
  "kind": "field",
31121
- "name": "proxy",
31122
- "inheritedFrom": {
31123
- "name": "Radio",
31124
- "module": "src/radio/radio.ts"
31125
- }
31011
+ "name": "normalizeDelimiter",
31012
+ "privacy": "private"
31013
+ },
31014
+ {
31015
+ "kind": "field",
31016
+ "name": "addOrReplaceSelectedText",
31017
+ "privacy": "private"
31126
31018
  },
31127
31019
  {
31128
31020
  "kind": "field",
@@ -31133,8 +31025,8 @@
31133
31025
  "privacy": "private",
31134
31026
  "default": "void 0",
31135
31027
  "inheritedFrom": {
31136
- "name": "Radio",
31137
- "module": "src/radio/radio.ts"
31028
+ "name": "FoundationElement",
31029
+ "module": "src/foundation-element/foundation-element.ts"
31138
31030
  }
31139
31031
  },
31140
31032
  {
@@ -31146,8 +31038,8 @@
31146
31038
  "privacy": "public",
31147
31039
  "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
31148
31040
  "inheritedFrom": {
31149
- "name": "Radio",
31150
- "module": "src/radio/radio.ts"
31041
+ "name": "FoundationElement",
31042
+ "module": "src/foundation-element/foundation-element.ts"
31151
31043
  }
31152
31044
  },
31153
31045
  {
@@ -31159,8 +31051,8 @@
31159
31051
  "privacy": "public",
31160
31052
  "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.",
31161
31053
  "inheritedFrom": {
31162
- "name": "Radio",
31163
- "module": "src/radio/radio.ts"
31054
+ "name": "FoundationElement",
31055
+ "module": "src/foundation-element/foundation-element.ts"
31164
31056
  }
31165
31057
  },
31166
31058
  {
@@ -31173,8 +31065,8 @@
31173
31065
  }
31174
31066
  },
31175
31067
  "inheritedFrom": {
31176
- "name": "Radio",
31177
- "module": "src/radio/radio.ts"
31068
+ "name": "FoundationElement",
31069
+ "module": "src/foundation-element/foundation-element.ts"
31178
31070
  }
31179
31071
  },
31180
31072
  {
@@ -31186,8 +31078,8 @@
31186
31078
  "privacy": "public",
31187
31079
  "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.",
31188
31080
  "inheritedFrom": {
31189
- "name": "Radio",
31190
- "module": "src/radio/radio.ts"
31081
+ "name": "FoundationElement",
31082
+ "module": "src/foundation-element/foundation-element.ts"
31191
31083
  }
31192
31084
  },
31193
31085
  {
@@ -31200,8 +31092,8 @@
31200
31092
  }
31201
31093
  },
31202
31094
  "inheritedFrom": {
31203
- "name": "Radio",
31204
- "module": "src/radio/radio.ts"
31095
+ "name": "FoundationElement",
31096
+ "module": "src/foundation-element/foundation-element.ts"
31205
31097
  }
31206
31098
  },
31207
31099
  {
@@ -31231,25 +31123,57 @@
31231
31123
  ],
31232
31124
  "description": "Defines an element registry function with a set of element definition defaults.",
31233
31125
  "inheritedFrom": {
31234
- "name": "Radio",
31235
- "module": "src/radio/radio.ts"
31126
+ "name": "FoundationElement",
31127
+ "module": "src/foundation-element/foundation-element.ts"
31236
31128
  }
31237
31129
  }
31238
31130
  ],
31239
- "events": [
31131
+ "attributes": [
31240
31132
  {
31241
- "description": "Emits a custom change event when the checked state changes",
31242
- "name": "change",
31243
- "inheritedFrom": {
31244
- "name": "Radio",
31245
- "module": "src/radio/radio.ts"
31246
- }
31133
+ "name": "appearance",
31134
+ "type": {
31135
+ "text": "string"
31136
+ },
31137
+ "default": "'neutral'",
31138
+ "fieldName": "appearance"
31139
+ },
31140
+ {
31141
+ "name": "minlength",
31142
+ "type": {
31143
+ "text": "number"
31144
+ },
31145
+ "default": "INPUT_MIN_LENGTH",
31146
+ "resolveInitializer": {
31147
+ "module": "/src/search-bar/search-bar.types"
31148
+ },
31149
+ "fieldName": "minlength"
31150
+ },
31151
+ {
31152
+ "name": "placeholder",
31153
+ "type": {
31154
+ "text": "string"
31155
+ },
31156
+ "default": "'Start typing to search'",
31157
+ "fieldName": "placeholder"
31158
+ },
31159
+ {
31160
+ "name": "disabled",
31161
+ "type": {
31162
+ "text": "boolean"
31163
+ },
31164
+ "fieldName": "disabled"
31247
31165
  }
31248
- ]
31166
+ ],
31167
+ "superclass": {
31168
+ "name": "FoundationElement",
31169
+ "package": "@microsoft/fast-foundation"
31170
+ },
31171
+ "tagName": "%%prefix%%-search-bar",
31172
+ "customElement": true
31249
31173
  },
31250
31174
  {
31251
31175
  "kind": "variable",
31252
- "name": "foundationSegmentedItemShadowOptions",
31176
+ "name": "foundationSearchBarShadowOptions",
31253
31177
  "type": {
31254
31178
  "text": "ShadowRootInit"
31255
31179
  },
@@ -31257,7 +31181,7 @@
31257
31181
  },
31258
31182
  {
31259
31183
  "kind": "variable",
31260
- "name": "defaultSegmentedItemConfig",
31184
+ "name": "defaultSearchBarConfig",
31261
31185
  "type": {
31262
31186
  "text": "object"
31263
31187
  },
@@ -31265,42 +31189,118 @@
31265
31189
  },
31266
31190
  {
31267
31191
  "kind": "variable",
31268
- "name": "foundationSegmentedItem",
31269
- "description": "The Foundation Segmented item",
31192
+ "name": "foundationSearchBar",
31193
+ "description": "The Foundation Search Bar",
31270
31194
  "privacy": "public"
31271
31195
  }
31272
31196
  ],
31273
31197
  "exports": [
31274
31198
  {
31275
31199
  "kind": "js",
31276
- "name": "SegmentedItem",
31200
+ "name": "SearchBar",
31277
31201
  "declaration": {
31278
- "name": "SegmentedItem",
31279
- "module": "src/segmented-item/segmented-item.ts"
31202
+ "name": "SearchBar",
31203
+ "module": "src/search-bar/search-bar.ts"
31280
31204
  }
31281
31205
  },
31282
31206
  {
31283
31207
  "kind": "js",
31284
- "name": "foundationSegmentedItemShadowOptions",
31208
+ "name": "foundationSearchBarShadowOptions",
31285
31209
  "declaration": {
31286
- "name": "foundationSegmentedItemShadowOptions",
31287
- "module": "src/segmented-item/segmented-item.ts"
31210
+ "name": "foundationSearchBarShadowOptions",
31211
+ "module": "src/search-bar/search-bar.ts"
31288
31212
  }
31289
31213
  },
31290
31214
  {
31291
31215
  "kind": "js",
31292
- "name": "defaultSegmentedItemConfig",
31216
+ "name": "defaultSearchBarConfig",
31293
31217
  "declaration": {
31294
- "name": "defaultSegmentedItemConfig",
31295
- "module": "src/segmented-item/segmented-item.ts"
31218
+ "name": "defaultSearchBarConfig",
31219
+ "module": "src/search-bar/search-bar.ts"
31296
31220
  }
31297
31221
  },
31298
31222
  {
31299
31223
  "kind": "js",
31300
- "name": "foundationSegmentedItem",
31224
+ "name": "foundationSearchBar",
31301
31225
  "declaration": {
31302
- "name": "foundationSegmentedItem",
31303
- "module": "src/segmented-item/segmented-item.ts"
31226
+ "name": "foundationSearchBar",
31227
+ "module": "src/search-bar/search-bar.ts"
31228
+ }
31229
+ }
31230
+ ]
31231
+ },
31232
+ {
31233
+ "kind": "javascript-module",
31234
+ "path": "src/search-bar/search-bar.types.ts",
31235
+ "declarations": [
31236
+ {
31237
+ "kind": "variable",
31238
+ "name": "SCROLL_TIMEOUT",
31239
+ "type": {
31240
+ "text": "number"
31241
+ },
31242
+ "default": "10"
31243
+ },
31244
+ {
31245
+ "kind": "variable",
31246
+ "name": "INPUT_MIN_LENGTH",
31247
+ "type": {
31248
+ "text": "number"
31249
+ },
31250
+ "default": "3"
31251
+ },
31252
+ {
31253
+ "kind": "variable",
31254
+ "name": "COMBO_INPUT_MIN_LENGTH",
31255
+ "type": {
31256
+ "text": "number"
31257
+ },
31258
+ "default": "1"
31259
+ },
31260
+ {
31261
+ "kind": "function",
31262
+ "name": "getCriteriaBuilder",
31263
+ "parameters": [
31264
+ {
31265
+ "name": "field"
31266
+ },
31267
+ {
31268
+ "name": "term"
31269
+ }
31270
+ ]
31271
+ }
31272
+ ],
31273
+ "exports": [
31274
+ {
31275
+ "kind": "js",
31276
+ "name": "SCROLL_TIMEOUT",
31277
+ "declaration": {
31278
+ "name": "SCROLL_TIMEOUT",
31279
+ "module": "src/search-bar/search-bar.types.ts"
31280
+ }
31281
+ },
31282
+ {
31283
+ "kind": "js",
31284
+ "name": "INPUT_MIN_LENGTH",
31285
+ "declaration": {
31286
+ "name": "INPUT_MIN_LENGTH",
31287
+ "module": "src/search-bar/search-bar.types.ts"
31288
+ }
31289
+ },
31290
+ {
31291
+ "kind": "js",
31292
+ "name": "COMBO_INPUT_MIN_LENGTH",
31293
+ "declaration": {
31294
+ "name": "COMBO_INPUT_MIN_LENGTH",
31295
+ "module": "src/search-bar/search-bar.types.ts"
31296
+ }
31297
+ },
31298
+ {
31299
+ "kind": "js",
31300
+ "name": "getCriteriaBuilder",
31301
+ "declaration": {
31302
+ "name": "getCriteriaBuilder",
31303
+ "module": "src/search-bar/search-bar.types.ts"
31304
31304
  }
31305
31305
  }
31306
31306
  ]