@genesislcap/foundation-ui 14.251.5 → 14.252.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/custom-elements.json +726 -726
  2. package/package.json +18 -18
@@ -837,7 +837,37 @@
837
837
  },
838
838
  {
839
839
  "kind": "javascript-module",
840
- "path": "src/_config/index.ts",
840
+ "path": "src/_common/icons.ts",
841
+ "declarations": [
842
+ {
843
+ "kind": "function",
844
+ "name": "closeIcon",
845
+ "parameters": [
846
+ {
847
+ "name": "slot",
848
+ "default": "'start'"
849
+ },
850
+ {
851
+ "name": "fill",
852
+ "default": "'#879ba6'"
853
+ }
854
+ ]
855
+ }
856
+ ],
857
+ "exports": [
858
+ {
859
+ "kind": "js",
860
+ "name": "closeIcon",
861
+ "declaration": {
862
+ "name": "closeIcon",
863
+ "module": "src/_common/icons.ts"
864
+ }
865
+ }
866
+ ]
867
+ },
868
+ {
869
+ "kind": "javascript-module",
870
+ "path": "src/_common/index.ts",
841
871
  "declarations": [],
842
872
  "exports": [
843
873
  {
@@ -845,15 +875,173 @@
845
875
  "name": "*",
846
876
  "declaration": {
847
877
  "name": "*",
848
- "package": "./styles"
878
+ "package": "./icons"
879
+ }
880
+ }
881
+ ]
882
+ },
883
+ {
884
+ "kind": "javascript-module",
885
+ "path": "src/accordion/accordion.styles.ts",
886
+ "declarations": [
887
+ {
888
+ "kind": "function",
889
+ "name": "foundationAccordionStyles",
890
+ "return": {
891
+ "type": {
892
+ "text": "ElementStyles"
893
+ }
894
+ },
895
+ "parameters": [
896
+ {
897
+ "name": "context",
898
+ "type": {
899
+ "text": "ElementDefinitionContext"
900
+ }
901
+ },
902
+ {
903
+ "name": "definition",
904
+ "type": {
905
+ "text": "FoundationElementDefinition"
906
+ }
907
+ }
908
+ ]
909
+ }
910
+ ],
911
+ "exports": [
912
+ {
913
+ "kind": "js",
914
+ "name": "foundationAccordionStyles",
915
+ "declaration": {
916
+ "name": "foundationAccordionStyles",
917
+ "module": "src/accordion/accordion.styles.ts"
918
+ }
919
+ }
920
+ ]
921
+ },
922
+ {
923
+ "kind": "javascript-module",
924
+ "path": "src/accordion/accordion.template.ts",
925
+ "declarations": [
926
+ {
927
+ "kind": "function",
928
+ "name": "foundationAccordionTemplate",
929
+ "return": {
930
+ "type": {
931
+ "text": "ViewTemplate<Accordion>"
932
+ }
933
+ },
934
+ "parameters": [
935
+ {
936
+ "name": "context",
937
+ "type": {
938
+ "text": "ElementDefinitionContext"
939
+ }
940
+ },
941
+ {
942
+ "name": "definition",
943
+ "type": {
944
+ "text": "FoundationElementDefinition"
945
+ }
946
+ }
947
+ ]
948
+ }
949
+ ],
950
+ "exports": [
951
+ {
952
+ "kind": "js",
953
+ "name": "foundationAccordionTemplate",
954
+ "declaration": {
955
+ "name": "foundationAccordionTemplate",
956
+ "module": "src/accordion/accordion.template.ts"
849
957
  }
958
+ }
959
+ ]
960
+ },
961
+ {
962
+ "kind": "javascript-module",
963
+ "path": "src/accordion/accordion.ts",
964
+ "declarations": [
965
+ {
966
+ "kind": "class",
967
+ "description": "",
968
+ "name": "Accordion",
969
+ "superclass": {
970
+ "name": "FASTAccordion",
971
+ "package": "@microsoft/fast-foundation"
972
+ },
973
+ "tagName": "%%prefix%%-accordion",
974
+ "customElement": true
975
+ },
976
+ {
977
+ "kind": "variable",
978
+ "name": "foundationAccordionShadowOptions",
979
+ "type": {
980
+ "text": "ShadowRootInit"
981
+ },
982
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
983
+ },
984
+ {
985
+ "kind": "variable",
986
+ "name": "defaultAccordionConfig",
987
+ "type": {
988
+ "text": "object"
989
+ },
990
+ "default": "{}"
850
991
  },
992
+ {
993
+ "kind": "variable",
994
+ "name": "foundationAccordion",
995
+ "description": "The Foundation Accordion",
996
+ "privacy": "public"
997
+ }
998
+ ],
999
+ "exports": [
1000
+ {
1001
+ "kind": "js",
1002
+ "name": "Accordion",
1003
+ "declaration": {
1004
+ "name": "Accordion",
1005
+ "module": "src/accordion/accordion.ts"
1006
+ }
1007
+ },
1008
+ {
1009
+ "kind": "js",
1010
+ "name": "foundationAccordionShadowOptions",
1011
+ "declaration": {
1012
+ "name": "foundationAccordionShadowOptions",
1013
+ "module": "src/accordion/accordion.ts"
1014
+ }
1015
+ },
1016
+ {
1017
+ "kind": "js",
1018
+ "name": "defaultAccordionConfig",
1019
+ "declaration": {
1020
+ "name": "defaultAccordionConfig",
1021
+ "module": "src/accordion/accordion.ts"
1022
+ }
1023
+ },
1024
+ {
1025
+ "kind": "js",
1026
+ "name": "foundationAccordion",
1027
+ "declaration": {
1028
+ "name": "foundationAccordion",
1029
+ "module": "src/accordion/accordion.ts"
1030
+ }
1031
+ }
1032
+ ]
1033
+ },
1034
+ {
1035
+ "kind": "javascript-module",
1036
+ "path": "src/accordion/index.ts",
1037
+ "declarations": [],
1038
+ "exports": [
851
1039
  {
852
1040
  "kind": "js",
853
1041
  "name": "*",
854
1042
  "declaration": {
855
1043
  "name": "*",
856
- "package": "./tokens"
1044
+ "package": "./accordion.template"
857
1045
  }
858
1046
  },
859
1047
  {
@@ -861,7 +1049,15 @@
861
1049
  "name": "*",
862
1050
  "declaration": {
863
1051
  "name": "*",
864
- "package": "./values"
1052
+ "package": "./accordion.styles"
1053
+ }
1054
+ },
1055
+ {
1056
+ "kind": "js",
1057
+ "name": "*",
1058
+ "declaration": {
1059
+ "name": "*",
1060
+ "package": "./accordion"
865
1061
  }
866
1062
  }
867
1063
  ]
@@ -1260,6 +1456,37 @@
1260
1456
  }
1261
1457
  ]
1262
1458
  },
1459
+ {
1460
+ "kind": "javascript-module",
1461
+ "path": "src/_config/index.ts",
1462
+ "declarations": [],
1463
+ "exports": [
1464
+ {
1465
+ "kind": "js",
1466
+ "name": "*",
1467
+ "declaration": {
1468
+ "name": "*",
1469
+ "package": "./styles"
1470
+ }
1471
+ },
1472
+ {
1473
+ "kind": "js",
1474
+ "name": "*",
1475
+ "declaration": {
1476
+ "name": "*",
1477
+ "package": "./tokens"
1478
+ }
1479
+ },
1480
+ {
1481
+ "kind": "js",
1482
+ "name": "*",
1483
+ "declaration": {
1484
+ "name": "*",
1485
+ "package": "./values"
1486
+ }
1487
+ }
1488
+ ]
1489
+ },
1263
1490
  {
1264
1491
  "kind": "javascript-module",
1265
1492
  "path": "src/actions-menu/actions-menu.styles.ts",
@@ -3929,233 +4156,6 @@
3929
4156
  }
3930
4157
  ]
3931
4158
  },
3932
- {
3933
- "kind": "javascript-module",
3934
- "path": "src/accordion/accordion.styles.ts",
3935
- "declarations": [
3936
- {
3937
- "kind": "function",
3938
- "name": "foundationAccordionStyles",
3939
- "return": {
3940
- "type": {
3941
- "text": "ElementStyles"
3942
- }
3943
- },
3944
- "parameters": [
3945
- {
3946
- "name": "context",
3947
- "type": {
3948
- "text": "ElementDefinitionContext"
3949
- }
3950
- },
3951
- {
3952
- "name": "definition",
3953
- "type": {
3954
- "text": "FoundationElementDefinition"
3955
- }
3956
- }
3957
- ]
3958
- }
3959
- ],
3960
- "exports": [
3961
- {
3962
- "kind": "js",
3963
- "name": "foundationAccordionStyles",
3964
- "declaration": {
3965
- "name": "foundationAccordionStyles",
3966
- "module": "src/accordion/accordion.styles.ts"
3967
- }
3968
- }
3969
- ]
3970
- },
3971
- {
3972
- "kind": "javascript-module",
3973
- "path": "src/accordion/accordion.template.ts",
3974
- "declarations": [
3975
- {
3976
- "kind": "function",
3977
- "name": "foundationAccordionTemplate",
3978
- "return": {
3979
- "type": {
3980
- "text": "ViewTemplate<Accordion>"
3981
- }
3982
- },
3983
- "parameters": [
3984
- {
3985
- "name": "context",
3986
- "type": {
3987
- "text": "ElementDefinitionContext"
3988
- }
3989
- },
3990
- {
3991
- "name": "definition",
3992
- "type": {
3993
- "text": "FoundationElementDefinition"
3994
- }
3995
- }
3996
- ]
3997
- }
3998
- ],
3999
- "exports": [
4000
- {
4001
- "kind": "js",
4002
- "name": "foundationAccordionTemplate",
4003
- "declaration": {
4004
- "name": "foundationAccordionTemplate",
4005
- "module": "src/accordion/accordion.template.ts"
4006
- }
4007
- }
4008
- ]
4009
- },
4010
- {
4011
- "kind": "javascript-module",
4012
- "path": "src/accordion/accordion.ts",
4013
- "declarations": [
4014
- {
4015
- "kind": "class",
4016
- "description": "",
4017
- "name": "Accordion",
4018
- "superclass": {
4019
- "name": "FASTAccordion",
4020
- "package": "@microsoft/fast-foundation"
4021
- },
4022
- "tagName": "%%prefix%%-accordion",
4023
- "customElement": true
4024
- },
4025
- {
4026
- "kind": "variable",
4027
- "name": "foundationAccordionShadowOptions",
4028
- "type": {
4029
- "text": "ShadowRootInit"
4030
- },
4031
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4032
- },
4033
- {
4034
- "kind": "variable",
4035
- "name": "defaultAccordionConfig",
4036
- "type": {
4037
- "text": "object"
4038
- },
4039
- "default": "{}"
4040
- },
4041
- {
4042
- "kind": "variable",
4043
- "name": "foundationAccordion",
4044
- "description": "The Foundation Accordion",
4045
- "privacy": "public"
4046
- }
4047
- ],
4048
- "exports": [
4049
- {
4050
- "kind": "js",
4051
- "name": "Accordion",
4052
- "declaration": {
4053
- "name": "Accordion",
4054
- "module": "src/accordion/accordion.ts"
4055
- }
4056
- },
4057
- {
4058
- "kind": "js",
4059
- "name": "foundationAccordionShadowOptions",
4060
- "declaration": {
4061
- "name": "foundationAccordionShadowOptions",
4062
- "module": "src/accordion/accordion.ts"
4063
- }
4064
- },
4065
- {
4066
- "kind": "js",
4067
- "name": "defaultAccordionConfig",
4068
- "declaration": {
4069
- "name": "defaultAccordionConfig",
4070
- "module": "src/accordion/accordion.ts"
4071
- }
4072
- },
4073
- {
4074
- "kind": "js",
4075
- "name": "foundationAccordion",
4076
- "declaration": {
4077
- "name": "foundationAccordion",
4078
- "module": "src/accordion/accordion.ts"
4079
- }
4080
- }
4081
- ]
4082
- },
4083
- {
4084
- "kind": "javascript-module",
4085
- "path": "src/accordion/index.ts",
4086
- "declarations": [],
4087
- "exports": [
4088
- {
4089
- "kind": "js",
4090
- "name": "*",
4091
- "declaration": {
4092
- "name": "*",
4093
- "package": "./accordion.template"
4094
- }
4095
- },
4096
- {
4097
- "kind": "js",
4098
- "name": "*",
4099
- "declaration": {
4100
- "name": "*",
4101
- "package": "./accordion.styles"
4102
- }
4103
- },
4104
- {
4105
- "kind": "js",
4106
- "name": "*",
4107
- "declaration": {
4108
- "name": "*",
4109
- "package": "./accordion"
4110
- }
4111
- }
4112
- ]
4113
- },
4114
- {
4115
- "kind": "javascript-module",
4116
- "path": "src/_common/icons.ts",
4117
- "declarations": [
4118
- {
4119
- "kind": "function",
4120
- "name": "closeIcon",
4121
- "parameters": [
4122
- {
4123
- "name": "slot",
4124
- "default": "'start'"
4125
- },
4126
- {
4127
- "name": "fill",
4128
- "default": "'#879ba6'"
4129
- }
4130
- ]
4131
- }
4132
- ],
4133
- "exports": [
4134
- {
4135
- "kind": "js",
4136
- "name": "closeIcon",
4137
- "declaration": {
4138
- "name": "closeIcon",
4139
- "module": "src/_common/icons.ts"
4140
- }
4141
- }
4142
- ]
4143
- },
4144
- {
4145
- "kind": "javascript-module",
4146
- "path": "src/_common/index.ts",
4147
- "declarations": [],
4148
- "exports": [
4149
- {
4150
- "kind": "js",
4151
- "name": "*",
4152
- "declaration": {
4153
- "name": "*",
4154
- "package": "./icons"
4155
- }
4156
- }
4157
- ]
4158
- },
4159
4159
  {
4160
4160
  "kind": "javascript-module",
4161
4161
  "path": "src/avatar/avatar.styles.ts",
@@ -4946,312 +4946,6 @@
4946
4946
  }
4947
4947
  ]
4948
4948
  },
4949
- {
4950
- "kind": "javascript-module",
4951
- "path": "src/banner/banner.styles.ts",
4952
- "declarations": [
4953
- {
4954
- "kind": "variable",
4955
- "name": "foundationBannerStyles",
4956
- "type": {
4957
- "text": "ElementStyles"
4958
- },
4959
- "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
4960
- }
4961
- ],
4962
- "exports": [
4963
- {
4964
- "kind": "js",
4965
- "name": "foundationBannerStyles",
4966
- "declaration": {
4967
- "name": "foundationBannerStyles",
4968
- "module": "src/banner/banner.styles.ts"
4969
- }
4970
- }
4971
- ]
4972
- },
4973
- {
4974
- "kind": "javascript-module",
4975
- "path": "src/banner/banner.template.ts",
4976
- "declarations": [
4977
- {
4978
- "kind": "function",
4979
- "name": "getBannerTemplate",
4980
- "parameters": [
4981
- {
4982
- "name": "prefix",
4983
- "type": {
4984
- "text": "string"
4985
- }
4986
- }
4987
- ]
4988
- },
4989
- {
4990
- "kind": "variable",
4991
- "name": "foundationBannerTemplate",
4992
- "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
4993
- }
4994
- ],
4995
- "exports": [
4996
- {
4997
- "kind": "js",
4998
- "name": "getBannerTemplate",
4999
- "declaration": {
5000
- "name": "getBannerTemplate",
5001
- "module": "src/banner/banner.template.ts"
5002
- }
5003
- },
5004
- {
5005
- "kind": "js",
5006
- "name": "foundationBannerTemplate",
5007
- "declaration": {
5008
- "name": "foundationBannerTemplate",
5009
- "module": "src/banner/banner.template.ts"
5010
- }
5011
- }
5012
- ]
5013
- },
5014
- {
5015
- "kind": "javascript-module",
5016
- "path": "src/banner/banner.ts",
5017
- "declarations": [
5018
- {
5019
- "kind": "variable",
5020
- "name": "foundationBannerShadowOptions",
5021
- "type": {
5022
- "text": "ShadowRootInit"
5023
- },
5024
- "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
5025
- },
5026
- {
5027
- "kind": "class",
5028
- "description": "",
5029
- "name": "Banner",
5030
- "members": [
5031
- {
5032
- "kind": "field",
5033
- "name": "banner",
5034
- "type": {
5035
- "text": "HTMLElement"
5036
- },
5037
- "privacy": "public"
5038
- },
5039
- {
5040
- "kind": "field",
5041
- "name": "dismissAnimation",
5042
- "type": {
5043
- "text": "'banner-delete' | ''"
5044
- },
5045
- "default": "''"
5046
- },
5047
- {
5048
- "kind": "field",
5049
- "name": "notification",
5050
- "type": {
5051
- "text": "NotificationStructure"
5052
- }
5053
- },
5054
- {
5055
- "kind": "method",
5056
- "name": "dismiss",
5057
- "privacy": "public",
5058
- "return": {
5059
- "type": {
5060
- "text": "Promise<void>"
5061
- }
5062
- },
5063
- "description": "Dismiss the Banner from display."
5064
- },
5065
- {
5066
- "kind": "method",
5067
- "name": "dismissNotification",
5068
- "privacy": "public",
5069
- "description": "Dismiss the Banner (NotificationStructure) from display."
5070
- },
5071
- {
5072
- "kind": "field",
5073
- "name": "_presentation",
5074
- "type": {
5075
- "text": "ComponentPresentation | null | undefined"
5076
- },
5077
- "privacy": "private",
5078
- "default": "void 0",
5079
- "inheritedFrom": {
5080
- "name": "FoundationElement",
5081
- "module": "src/foundation-element/foundation-element.ts"
5082
- }
5083
- },
5084
- {
5085
- "kind": "field",
5086
- "name": "$presentation",
5087
- "type": {
5088
- "text": "ComponentPresentation | null"
5089
- },
5090
- "privacy": "public",
5091
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
5092
- "inheritedFrom": {
5093
- "name": "FoundationElement",
5094
- "module": "src/foundation-element/foundation-element.ts"
5095
- }
5096
- },
5097
- {
5098
- "kind": "field",
5099
- "name": "template",
5100
- "type": {
5101
- "text": "ElementViewTemplate | void | null"
5102
- },
5103
- "privacy": "public",
5104
- "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.",
5105
- "inheritedFrom": {
5106
- "name": "FoundationElement",
5107
- "module": "src/foundation-element/foundation-element.ts"
5108
- }
5109
- },
5110
- {
5111
- "kind": "method",
5112
- "name": "templateChanged",
5113
- "privacy": "protected",
5114
- "return": {
5115
- "type": {
5116
- "text": "void"
5117
- }
5118
- },
5119
- "inheritedFrom": {
5120
- "name": "FoundationElement",
5121
- "module": "src/foundation-element/foundation-element.ts"
5122
- }
5123
- },
5124
- {
5125
- "kind": "field",
5126
- "name": "styles",
5127
- "type": {
5128
- "text": "ElementStyles | void | null"
5129
- },
5130
- "privacy": "public",
5131
- "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.",
5132
- "inheritedFrom": {
5133
- "name": "FoundationElement",
5134
- "module": "src/foundation-element/foundation-element.ts"
5135
- }
5136
- },
5137
- {
5138
- "kind": "method",
5139
- "name": "stylesChanged",
5140
- "privacy": "protected",
5141
- "return": {
5142
- "type": {
5143
- "text": "void"
5144
- }
5145
- },
5146
- "inheritedFrom": {
5147
- "name": "FoundationElement",
5148
- "module": "src/foundation-element/foundation-element.ts"
5149
- }
5150
- },
5151
- {
5152
- "kind": "method",
5153
- "name": "compose",
5154
- "privacy": "public",
5155
- "static": true,
5156
- "return": {
5157
- "type": {
5158
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
5159
- }
5160
- },
5161
- "parameters": [
5162
- {
5163
- "name": "this",
5164
- "type": {
5165
- "text": "K"
5166
- }
5167
- },
5168
- {
5169
- "name": "elementDefinition",
5170
- "type": {
5171
- "text": "T"
5172
- },
5173
- "description": "The definition of the element to create the registry\nfunction for."
5174
- }
5175
- ],
5176
- "description": "Defines an element registry function with a set of element definition defaults.",
5177
- "inheritedFrom": {
5178
- "name": "FoundationElement",
5179
- "module": "src/foundation-element/foundation-element.ts"
5180
- }
5181
- }
5182
- ],
5183
- "superclass": {
5184
- "name": "FoundationElement",
5185
- "package": "@microsoft/fast-foundation"
5186
- },
5187
- "tagName": "%%prefix%%-banner",
5188
- "customElement": true
5189
- },
5190
- {
5191
- "kind": "variable",
5192
- "name": "foundationBanner",
5193
- "description": "The Foundation Banner",
5194
- "privacy": "public"
5195
- }
5196
- ],
5197
- "exports": [
5198
- {
5199
- "kind": "js",
5200
- "name": "foundationBannerShadowOptions",
5201
- "declaration": {
5202
- "name": "foundationBannerShadowOptions",
5203
- "module": "src/banner/banner.ts"
5204
- }
5205
- },
5206
- {
5207
- "kind": "js",
5208
- "name": "Banner",
5209
- "declaration": {
5210
- "name": "Banner",
5211
- "module": "src/banner/banner.ts"
5212
- }
5213
- },
5214
- {
5215
- "kind": "js",
5216
- "name": "foundationBanner",
5217
- "declaration": {
5218
- "name": "foundationBanner",
5219
- "module": "src/banner/banner.ts"
5220
- }
5221
- }
5222
- ]
5223
- },
5224
- {
5225
- "kind": "javascript-module",
5226
- "path": "src/banner/index.ts",
5227
- "declarations": [],
5228
- "exports": [
5229
- {
5230
- "kind": "js",
5231
- "name": "*",
5232
- "declaration": {
5233
- "name": "*",
5234
- "package": "./banner.styles"
5235
- }
5236
- },
5237
- {
5238
- "kind": "js",
5239
- "name": "*",
5240
- "declaration": {
5241
- "name": "*",
5242
- "package": "./banner.template"
5243
- }
5244
- },
5245
- {
5246
- "kind": "js",
5247
- "name": "*",
5248
- "declaration": {
5249
- "name": "*",
5250
- "package": "./banner"
5251
- }
5252
- }
5253
- ]
5254
- },
5255
4949
  {
5256
4950
  "kind": "javascript-module",
5257
4951
  "path": "src/breadcrumb/breadcrumb.styles.ts",
@@ -7963,6 +7657,312 @@
7963
7657
  }
7964
7658
  ]
7965
7659
  },
7660
+ {
7661
+ "kind": "javascript-module",
7662
+ "path": "src/banner/banner.styles.ts",
7663
+ "declarations": [
7664
+ {
7665
+ "kind": "variable",
7666
+ "name": "foundationBannerStyles",
7667
+ "type": {
7668
+ "text": "ElementStyles"
7669
+ },
7670
+ "default": "css`\n @keyframes delete-animate {\n from {\n height: 100px;\n opacity: 100%;\n }\n\n to {\n height: 0;\n opacity: 0%;\n }\n }\n\n @keyframes append-animate {\n from {\n height: 0;\n opacity: 0%;\n }\n\n to {\n height: var(--banner-height);\n opacity: 100%;\n }\n }\n\n :host {\n --banner-width: 100%;\n --banner-height: 65px;\n --flow: row;\n }\n\n @media screen and (max-width: 640px) {\n :host {\n --flow: column;\n --banner-height: 100px;\n }\n }\n\n .banner {\n animation: append-animate 0.3s linear;\n width: var(--banner-width);\n height: var(--banner-height);\n background-color: var(--fill-color);\n display: flex;\n flex-direction: var(--flow);\n padding: 5px 8px;\n box-sizing: border-box;\n overflow: hidden;\n }\n\n .banner-delete {\n animation: delete-animate 0.3s linear;\n opacity: 0%;\n }\n\n .content {\n display: flex;\n align-items: center;\n flex: 2;\n font-size: 12px;\n overflow: hidden;\n }\n\n .action {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n gap: 10px;\n flex: 1;\n overflow: hidden;\n }\n`"
7671
+ }
7672
+ ],
7673
+ "exports": [
7674
+ {
7675
+ "kind": "js",
7676
+ "name": "foundationBannerStyles",
7677
+ "declaration": {
7678
+ "name": "foundationBannerStyles",
7679
+ "module": "src/banner/banner.styles.ts"
7680
+ }
7681
+ }
7682
+ ]
7683
+ },
7684
+ {
7685
+ "kind": "javascript-module",
7686
+ "path": "src/banner/banner.template.ts",
7687
+ "declarations": [
7688
+ {
7689
+ "kind": "function",
7690
+ "name": "getBannerTemplate",
7691
+ "parameters": [
7692
+ {
7693
+ "name": "prefix",
7694
+ "type": {
7695
+ "text": "string"
7696
+ }
7697
+ }
7698
+ ]
7699
+ },
7700
+ {
7701
+ "kind": "variable",
7702
+ "name": "foundationBannerTemplate",
7703
+ "default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
7704
+ }
7705
+ ],
7706
+ "exports": [
7707
+ {
7708
+ "kind": "js",
7709
+ "name": "getBannerTemplate",
7710
+ "declaration": {
7711
+ "name": "getBannerTemplate",
7712
+ "module": "src/banner/banner.template.ts"
7713
+ }
7714
+ },
7715
+ {
7716
+ "kind": "js",
7717
+ "name": "foundationBannerTemplate",
7718
+ "declaration": {
7719
+ "name": "foundationBannerTemplate",
7720
+ "module": "src/banner/banner.template.ts"
7721
+ }
7722
+ }
7723
+ ]
7724
+ },
7725
+ {
7726
+ "kind": "javascript-module",
7727
+ "path": "src/banner/banner.ts",
7728
+ "declarations": [
7729
+ {
7730
+ "kind": "variable",
7731
+ "name": "foundationBannerShadowOptions",
7732
+ "type": {
7733
+ "text": "ShadowRootInit"
7734
+ },
7735
+ "default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
7736
+ },
7737
+ {
7738
+ "kind": "class",
7739
+ "description": "",
7740
+ "name": "Banner",
7741
+ "members": [
7742
+ {
7743
+ "kind": "field",
7744
+ "name": "banner",
7745
+ "type": {
7746
+ "text": "HTMLElement"
7747
+ },
7748
+ "privacy": "public"
7749
+ },
7750
+ {
7751
+ "kind": "field",
7752
+ "name": "dismissAnimation",
7753
+ "type": {
7754
+ "text": "'banner-delete' | ''"
7755
+ },
7756
+ "default": "''"
7757
+ },
7758
+ {
7759
+ "kind": "field",
7760
+ "name": "notification",
7761
+ "type": {
7762
+ "text": "NotificationStructure"
7763
+ }
7764
+ },
7765
+ {
7766
+ "kind": "method",
7767
+ "name": "dismiss",
7768
+ "privacy": "public",
7769
+ "return": {
7770
+ "type": {
7771
+ "text": "Promise<void>"
7772
+ }
7773
+ },
7774
+ "description": "Dismiss the Banner from display."
7775
+ },
7776
+ {
7777
+ "kind": "method",
7778
+ "name": "dismissNotification",
7779
+ "privacy": "public",
7780
+ "description": "Dismiss the Banner (NotificationStructure) from display."
7781
+ },
7782
+ {
7783
+ "kind": "field",
7784
+ "name": "_presentation",
7785
+ "type": {
7786
+ "text": "ComponentPresentation | null | undefined"
7787
+ },
7788
+ "privacy": "private",
7789
+ "default": "void 0",
7790
+ "inheritedFrom": {
7791
+ "name": "FoundationElement",
7792
+ "module": "src/foundation-element/foundation-element.ts"
7793
+ }
7794
+ },
7795
+ {
7796
+ "kind": "field",
7797
+ "name": "$presentation",
7798
+ "type": {
7799
+ "text": "ComponentPresentation | null"
7800
+ },
7801
+ "privacy": "public",
7802
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
7803
+ "inheritedFrom": {
7804
+ "name": "FoundationElement",
7805
+ "module": "src/foundation-element/foundation-element.ts"
7806
+ }
7807
+ },
7808
+ {
7809
+ "kind": "field",
7810
+ "name": "template",
7811
+ "type": {
7812
+ "text": "ElementViewTemplate | void | null"
7813
+ },
7814
+ "privacy": "public",
7815
+ "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.",
7816
+ "inheritedFrom": {
7817
+ "name": "FoundationElement",
7818
+ "module": "src/foundation-element/foundation-element.ts"
7819
+ }
7820
+ },
7821
+ {
7822
+ "kind": "method",
7823
+ "name": "templateChanged",
7824
+ "privacy": "protected",
7825
+ "return": {
7826
+ "type": {
7827
+ "text": "void"
7828
+ }
7829
+ },
7830
+ "inheritedFrom": {
7831
+ "name": "FoundationElement",
7832
+ "module": "src/foundation-element/foundation-element.ts"
7833
+ }
7834
+ },
7835
+ {
7836
+ "kind": "field",
7837
+ "name": "styles",
7838
+ "type": {
7839
+ "text": "ElementStyles | void | null"
7840
+ },
7841
+ "privacy": "public",
7842
+ "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.",
7843
+ "inheritedFrom": {
7844
+ "name": "FoundationElement",
7845
+ "module": "src/foundation-element/foundation-element.ts"
7846
+ }
7847
+ },
7848
+ {
7849
+ "kind": "method",
7850
+ "name": "stylesChanged",
7851
+ "privacy": "protected",
7852
+ "return": {
7853
+ "type": {
7854
+ "text": "void"
7855
+ }
7856
+ },
7857
+ "inheritedFrom": {
7858
+ "name": "FoundationElement",
7859
+ "module": "src/foundation-element/foundation-element.ts"
7860
+ }
7861
+ },
7862
+ {
7863
+ "kind": "method",
7864
+ "name": "compose",
7865
+ "privacy": "public",
7866
+ "static": true,
7867
+ "return": {
7868
+ "type": {
7869
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
7870
+ }
7871
+ },
7872
+ "parameters": [
7873
+ {
7874
+ "name": "this",
7875
+ "type": {
7876
+ "text": "K"
7877
+ }
7878
+ },
7879
+ {
7880
+ "name": "elementDefinition",
7881
+ "type": {
7882
+ "text": "T"
7883
+ },
7884
+ "description": "The definition of the element to create the registry\nfunction for."
7885
+ }
7886
+ ],
7887
+ "description": "Defines an element registry function with a set of element definition defaults.",
7888
+ "inheritedFrom": {
7889
+ "name": "FoundationElement",
7890
+ "module": "src/foundation-element/foundation-element.ts"
7891
+ }
7892
+ }
7893
+ ],
7894
+ "superclass": {
7895
+ "name": "FoundationElement",
7896
+ "package": "@microsoft/fast-foundation"
7897
+ },
7898
+ "tagName": "%%prefix%%-banner",
7899
+ "customElement": true
7900
+ },
7901
+ {
7902
+ "kind": "variable",
7903
+ "name": "foundationBanner",
7904
+ "description": "The Foundation Banner",
7905
+ "privacy": "public"
7906
+ }
7907
+ ],
7908
+ "exports": [
7909
+ {
7910
+ "kind": "js",
7911
+ "name": "foundationBannerShadowOptions",
7912
+ "declaration": {
7913
+ "name": "foundationBannerShadowOptions",
7914
+ "module": "src/banner/banner.ts"
7915
+ }
7916
+ },
7917
+ {
7918
+ "kind": "js",
7919
+ "name": "Banner",
7920
+ "declaration": {
7921
+ "name": "Banner",
7922
+ "module": "src/banner/banner.ts"
7923
+ }
7924
+ },
7925
+ {
7926
+ "kind": "js",
7927
+ "name": "foundationBanner",
7928
+ "declaration": {
7929
+ "name": "foundationBanner",
7930
+ "module": "src/banner/banner.ts"
7931
+ }
7932
+ }
7933
+ ]
7934
+ },
7935
+ {
7936
+ "kind": "javascript-module",
7937
+ "path": "src/banner/index.ts",
7938
+ "declarations": [],
7939
+ "exports": [
7940
+ {
7941
+ "kind": "js",
7942
+ "name": "*",
7943
+ "declaration": {
7944
+ "name": "*",
7945
+ "package": "./banner.styles"
7946
+ }
7947
+ },
7948
+ {
7949
+ "kind": "js",
7950
+ "name": "*",
7951
+ "declaration": {
7952
+ "name": "*",
7953
+ "package": "./banner.template"
7954
+ }
7955
+ },
7956
+ {
7957
+ "kind": "js",
7958
+ "name": "*",
7959
+ "declaration": {
7960
+ "name": "*",
7961
+ "package": "./banner"
7962
+ }
7963
+ }
7964
+ ]
7965
+ },
7966
7966
  {
7967
7967
  "kind": "javascript-module",
7968
7968
  "path": "src/categorized-multiselect/categorized-multiselect.styles.ts",
@@ -32138,6 +32138,195 @@
32138
32138
  }
32139
32139
  ]
32140
32140
  },
32141
+ {
32142
+ "kind": "javascript-module",
32143
+ "path": "src/segmented-control/index.ts",
32144
+ "declarations": [],
32145
+ "exports": [
32146
+ {
32147
+ "kind": "js",
32148
+ "name": "*",
32149
+ "declaration": {
32150
+ "name": "*",
32151
+ "package": "./segmented-control.template"
32152
+ }
32153
+ },
32154
+ {
32155
+ "kind": "js",
32156
+ "name": "*",
32157
+ "declaration": {
32158
+ "name": "*",
32159
+ "package": "./segmented-control.styles"
32160
+ }
32161
+ },
32162
+ {
32163
+ "kind": "js",
32164
+ "name": "*",
32165
+ "declaration": {
32166
+ "name": "*",
32167
+ "package": "./segmented-control"
32168
+ }
32169
+ }
32170
+ ]
32171
+ },
32172
+ {
32173
+ "kind": "javascript-module",
32174
+ "path": "src/segmented-control/segmented-control.styles.ts",
32175
+ "declarations": [
32176
+ {
32177
+ "kind": "function",
32178
+ "name": "foundationSegmentedControlStyles",
32179
+ "return": {
32180
+ "type": {
32181
+ "text": "ElementStyles"
32182
+ }
32183
+ },
32184
+ "parameters": [
32185
+ {
32186
+ "name": "context",
32187
+ "type": {
32188
+ "text": "ElementDefinitionContext"
32189
+ }
32190
+ },
32191
+ {
32192
+ "name": "definition",
32193
+ "type": {
32194
+ "text": "FoundationElementDefinition"
32195
+ }
32196
+ }
32197
+ ]
32198
+ }
32199
+ ],
32200
+ "exports": [
32201
+ {
32202
+ "kind": "js",
32203
+ "name": "foundationSegmentedControlStyles",
32204
+ "declaration": {
32205
+ "name": "foundationSegmentedControlStyles",
32206
+ "module": "src/segmented-control/segmented-control.styles.ts"
32207
+ }
32208
+ }
32209
+ ]
32210
+ },
32211
+ {
32212
+ "kind": "javascript-module",
32213
+ "path": "src/segmented-control/segmented-control.template.ts",
32214
+ "declarations": [
32215
+ {
32216
+ "kind": "function",
32217
+ "name": "foundationSegmentedControlTemplate",
32218
+ "return": {
32219
+ "type": {
32220
+ "text": "ViewTemplate<SegmentedControl>"
32221
+ }
32222
+ },
32223
+ "parameters": [
32224
+ {
32225
+ "name": "context",
32226
+ "type": {
32227
+ "text": "ElementDefinitionContext"
32228
+ }
32229
+ },
32230
+ {
32231
+ "name": "definition",
32232
+ "type": {
32233
+ "text": "FoundationElementDefinition"
32234
+ }
32235
+ }
32236
+ ]
32237
+ }
32238
+ ],
32239
+ "exports": [
32240
+ {
32241
+ "kind": "js",
32242
+ "name": "foundationSegmentedControlTemplate",
32243
+ "declaration": {
32244
+ "name": "foundationSegmentedControlTemplate",
32245
+ "module": "src/segmented-control/segmented-control.template.ts"
32246
+ }
32247
+ }
32248
+ ]
32249
+ },
32250
+ {
32251
+ "kind": "javascript-module",
32252
+ "path": "src/segmented-control/segmented-control.ts",
32253
+ "declarations": [
32254
+ {
32255
+ "kind": "class",
32256
+ "description": "",
32257
+ "name": "SegmentedControl",
32258
+ "members": [
32259
+ {
32260
+ "kind": "method",
32261
+ "name": "valueChanged",
32262
+ "privacy": "protected"
32263
+ }
32264
+ ],
32265
+ "superclass": {
32266
+ "name": "FASTRadioGroup",
32267
+ "package": "@microsoft/fast-foundation"
32268
+ },
32269
+ "tagName": "%%prefix%%-segmented-control",
32270
+ "customElement": true
32271
+ },
32272
+ {
32273
+ "kind": "variable",
32274
+ "name": "foundationSegmentedControlShadowOptions",
32275
+ "type": {
32276
+ "text": "ShadowRootInit"
32277
+ },
32278
+ "default": "undefined"
32279
+ },
32280
+ {
32281
+ "kind": "variable",
32282
+ "name": "defaultSegmentedControlConfig",
32283
+ "type": {
32284
+ "text": "object"
32285
+ },
32286
+ "default": "{}"
32287
+ },
32288
+ {
32289
+ "kind": "variable",
32290
+ "name": "foundationSegmentedControl",
32291
+ "description": "The Foundation Segmented Control",
32292
+ "privacy": "public"
32293
+ }
32294
+ ],
32295
+ "exports": [
32296
+ {
32297
+ "kind": "js",
32298
+ "name": "SegmentedControl",
32299
+ "declaration": {
32300
+ "name": "SegmentedControl",
32301
+ "module": "src/segmented-control/segmented-control.ts"
32302
+ }
32303
+ },
32304
+ {
32305
+ "kind": "js",
32306
+ "name": "foundationSegmentedControlShadowOptions",
32307
+ "declaration": {
32308
+ "name": "foundationSegmentedControlShadowOptions",
32309
+ "module": "src/segmented-control/segmented-control.ts"
32310
+ }
32311
+ },
32312
+ {
32313
+ "kind": "js",
32314
+ "name": "defaultSegmentedControlConfig",
32315
+ "declaration": {
32316
+ "name": "defaultSegmentedControlConfig",
32317
+ "module": "src/segmented-control/segmented-control.ts"
32318
+ }
32319
+ },
32320
+ {
32321
+ "kind": "js",
32322
+ "name": "foundationSegmentedControl",
32323
+ "declaration": {
32324
+ "name": "foundationSegmentedControl",
32325
+ "module": "src/segmented-control/segmented-control.ts"
32326
+ }
32327
+ }
32328
+ ]
32329
+ },
32141
32330
  {
32142
32331
  "kind": "javascript-module",
32143
32332
  "path": "src/search-bar/index.ts",
@@ -33560,195 +33749,6 @@
33560
33749
  }
33561
33750
  ]
33562
33751
  },
33563
- {
33564
- "kind": "javascript-module",
33565
- "path": "src/segmented-control/index.ts",
33566
- "declarations": [],
33567
- "exports": [
33568
- {
33569
- "kind": "js",
33570
- "name": "*",
33571
- "declaration": {
33572
- "name": "*",
33573
- "package": "./segmented-control.template"
33574
- }
33575
- },
33576
- {
33577
- "kind": "js",
33578
- "name": "*",
33579
- "declaration": {
33580
- "name": "*",
33581
- "package": "./segmented-control.styles"
33582
- }
33583
- },
33584
- {
33585
- "kind": "js",
33586
- "name": "*",
33587
- "declaration": {
33588
- "name": "*",
33589
- "package": "./segmented-control"
33590
- }
33591
- }
33592
- ]
33593
- },
33594
- {
33595
- "kind": "javascript-module",
33596
- "path": "src/segmented-control/segmented-control.styles.ts",
33597
- "declarations": [
33598
- {
33599
- "kind": "function",
33600
- "name": "foundationSegmentedControlStyles",
33601
- "return": {
33602
- "type": {
33603
- "text": "ElementStyles"
33604
- }
33605
- },
33606
- "parameters": [
33607
- {
33608
- "name": "context",
33609
- "type": {
33610
- "text": "ElementDefinitionContext"
33611
- }
33612
- },
33613
- {
33614
- "name": "definition",
33615
- "type": {
33616
- "text": "FoundationElementDefinition"
33617
- }
33618
- }
33619
- ]
33620
- }
33621
- ],
33622
- "exports": [
33623
- {
33624
- "kind": "js",
33625
- "name": "foundationSegmentedControlStyles",
33626
- "declaration": {
33627
- "name": "foundationSegmentedControlStyles",
33628
- "module": "src/segmented-control/segmented-control.styles.ts"
33629
- }
33630
- }
33631
- ]
33632
- },
33633
- {
33634
- "kind": "javascript-module",
33635
- "path": "src/segmented-control/segmented-control.template.ts",
33636
- "declarations": [
33637
- {
33638
- "kind": "function",
33639
- "name": "foundationSegmentedControlTemplate",
33640
- "return": {
33641
- "type": {
33642
- "text": "ViewTemplate<SegmentedControl>"
33643
- }
33644
- },
33645
- "parameters": [
33646
- {
33647
- "name": "context",
33648
- "type": {
33649
- "text": "ElementDefinitionContext"
33650
- }
33651
- },
33652
- {
33653
- "name": "definition",
33654
- "type": {
33655
- "text": "FoundationElementDefinition"
33656
- }
33657
- }
33658
- ]
33659
- }
33660
- ],
33661
- "exports": [
33662
- {
33663
- "kind": "js",
33664
- "name": "foundationSegmentedControlTemplate",
33665
- "declaration": {
33666
- "name": "foundationSegmentedControlTemplate",
33667
- "module": "src/segmented-control/segmented-control.template.ts"
33668
- }
33669
- }
33670
- ]
33671
- },
33672
- {
33673
- "kind": "javascript-module",
33674
- "path": "src/segmented-control/segmented-control.ts",
33675
- "declarations": [
33676
- {
33677
- "kind": "class",
33678
- "description": "",
33679
- "name": "SegmentedControl",
33680
- "members": [
33681
- {
33682
- "kind": "method",
33683
- "name": "valueChanged",
33684
- "privacy": "protected"
33685
- }
33686
- ],
33687
- "superclass": {
33688
- "name": "FASTRadioGroup",
33689
- "package": "@microsoft/fast-foundation"
33690
- },
33691
- "tagName": "%%prefix%%-segmented-control",
33692
- "customElement": true
33693
- },
33694
- {
33695
- "kind": "variable",
33696
- "name": "foundationSegmentedControlShadowOptions",
33697
- "type": {
33698
- "text": "ShadowRootInit"
33699
- },
33700
- "default": "undefined"
33701
- },
33702
- {
33703
- "kind": "variable",
33704
- "name": "defaultSegmentedControlConfig",
33705
- "type": {
33706
- "text": "object"
33707
- },
33708
- "default": "{}"
33709
- },
33710
- {
33711
- "kind": "variable",
33712
- "name": "foundationSegmentedControl",
33713
- "description": "The Foundation Segmented Control",
33714
- "privacy": "public"
33715
- }
33716
- ],
33717
- "exports": [
33718
- {
33719
- "kind": "js",
33720
- "name": "SegmentedControl",
33721
- "declaration": {
33722
- "name": "SegmentedControl",
33723
- "module": "src/segmented-control/segmented-control.ts"
33724
- }
33725
- },
33726
- {
33727
- "kind": "js",
33728
- "name": "foundationSegmentedControlShadowOptions",
33729
- "declaration": {
33730
- "name": "foundationSegmentedControlShadowOptions",
33731
- "module": "src/segmented-control/segmented-control.ts"
33732
- }
33733
- },
33734
- {
33735
- "kind": "js",
33736
- "name": "defaultSegmentedControlConfig",
33737
- "declaration": {
33738
- "name": "defaultSegmentedControlConfig",
33739
- "module": "src/segmented-control/segmented-control.ts"
33740
- }
33741
- },
33742
- {
33743
- "kind": "js",
33744
- "name": "foundationSegmentedControl",
33745
- "declaration": {
33746
- "name": "foundationSegmentedControl",
33747
- "module": "src/segmented-control/segmented-control.ts"
33748
- }
33749
- }
33750
- ]
33751
- },
33752
33752
  {
33753
33753
  "kind": "javascript-module",
33754
33754
  "path": "src/segmented-item/index.ts",