@genesislcap/foundation-ui 14.148.0 → 14.148.1-alpha-4b4abd1.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.
- package/dist/custom-elements.json +304 -304
- package/package.json +15 -15
|
@@ -785,47 +785,6 @@
|
|
|
785
785
|
}
|
|
786
786
|
]
|
|
787
787
|
},
|
|
788
|
-
{
|
|
789
|
-
"kind": "javascript-module",
|
|
790
|
-
"path": "src/_common/icons.ts",
|
|
791
|
-
"declarations": [
|
|
792
|
-
{
|
|
793
|
-
"kind": "function",
|
|
794
|
-
"name": "closeIcon",
|
|
795
|
-
"parameters": [
|
|
796
|
-
{
|
|
797
|
-
"name": "slot",
|
|
798
|
-
"default": "'start'"
|
|
799
|
-
}
|
|
800
|
-
]
|
|
801
|
-
}
|
|
802
|
-
],
|
|
803
|
-
"exports": [
|
|
804
|
-
{
|
|
805
|
-
"kind": "js",
|
|
806
|
-
"name": "closeIcon",
|
|
807
|
-
"declaration": {
|
|
808
|
-
"name": "closeIcon",
|
|
809
|
-
"module": "src/_common/icons.ts"
|
|
810
|
-
}
|
|
811
|
-
}
|
|
812
|
-
]
|
|
813
|
-
},
|
|
814
|
-
{
|
|
815
|
-
"kind": "javascript-module",
|
|
816
|
-
"path": "src/_common/index.ts",
|
|
817
|
-
"declarations": [],
|
|
818
|
-
"exports": [
|
|
819
|
-
{
|
|
820
|
-
"kind": "js",
|
|
821
|
-
"name": "*",
|
|
822
|
-
"declaration": {
|
|
823
|
-
"name": "*",
|
|
824
|
-
"package": "./icons"
|
|
825
|
-
}
|
|
826
|
-
}
|
|
827
|
-
]
|
|
828
|
-
},
|
|
829
788
|
{
|
|
830
789
|
"kind": "javascript-module",
|
|
831
790
|
"path": "src/_config/index.ts",
|
|
@@ -1433,6 +1392,47 @@
|
|
|
1433
1392
|
}
|
|
1434
1393
|
]
|
|
1435
1394
|
},
|
|
1395
|
+
{
|
|
1396
|
+
"kind": "javascript-module",
|
|
1397
|
+
"path": "src/_common/icons.ts",
|
|
1398
|
+
"declarations": [
|
|
1399
|
+
{
|
|
1400
|
+
"kind": "function",
|
|
1401
|
+
"name": "closeIcon",
|
|
1402
|
+
"parameters": [
|
|
1403
|
+
{
|
|
1404
|
+
"name": "slot",
|
|
1405
|
+
"default": "'start'"
|
|
1406
|
+
}
|
|
1407
|
+
]
|
|
1408
|
+
}
|
|
1409
|
+
],
|
|
1410
|
+
"exports": [
|
|
1411
|
+
{
|
|
1412
|
+
"kind": "js",
|
|
1413
|
+
"name": "closeIcon",
|
|
1414
|
+
"declaration": {
|
|
1415
|
+
"name": "closeIcon",
|
|
1416
|
+
"module": "src/_common/icons.ts"
|
|
1417
|
+
}
|
|
1418
|
+
}
|
|
1419
|
+
]
|
|
1420
|
+
},
|
|
1421
|
+
{
|
|
1422
|
+
"kind": "javascript-module",
|
|
1423
|
+
"path": "src/_common/index.ts",
|
|
1424
|
+
"declarations": [],
|
|
1425
|
+
"exports": [
|
|
1426
|
+
{
|
|
1427
|
+
"kind": "js",
|
|
1428
|
+
"name": "*",
|
|
1429
|
+
"declaration": {
|
|
1430
|
+
"name": "*",
|
|
1431
|
+
"package": "./icons"
|
|
1432
|
+
}
|
|
1433
|
+
}
|
|
1434
|
+
]
|
|
1435
|
+
},
|
|
1436
1436
|
{
|
|
1437
1437
|
"kind": "javascript-module",
|
|
1438
1438
|
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
@@ -4894,144 +4894,204 @@
|
|
|
4894
4894
|
},
|
|
4895
4895
|
{
|
|
4896
4896
|
"kind": "javascript-module",
|
|
4897
|
-
"path": "src/
|
|
4897
|
+
"path": "src/breadcrumb/breadcrumb.styles.ts",
|
|
4898
4898
|
"declarations": [
|
|
4899
4899
|
{
|
|
4900
|
-
"kind": "
|
|
4901
|
-
"name": "
|
|
4902
|
-
"
|
|
4903
|
-
"
|
|
4900
|
+
"kind": "function",
|
|
4901
|
+
"name": "foundationBreadcrumbStyles",
|
|
4902
|
+
"return": {
|
|
4903
|
+
"type": {
|
|
4904
|
+
"text": "ElementStyles"
|
|
4905
|
+
}
|
|
4904
4906
|
},
|
|
4905
|
-
"
|
|
4907
|
+
"parameters": [
|
|
4908
|
+
{
|
|
4909
|
+
"name": "context",
|
|
4910
|
+
"type": {
|
|
4911
|
+
"text": "ElementDefinitionContext"
|
|
4912
|
+
}
|
|
4913
|
+
},
|
|
4914
|
+
{
|
|
4915
|
+
"name": "definition",
|
|
4916
|
+
"type": {
|
|
4917
|
+
"text": "FoundationElementDefinition"
|
|
4918
|
+
}
|
|
4919
|
+
}
|
|
4920
|
+
]
|
|
4906
4921
|
}
|
|
4907
4922
|
],
|
|
4908
4923
|
"exports": [
|
|
4909
4924
|
{
|
|
4910
4925
|
"kind": "js",
|
|
4911
|
-
"name": "
|
|
4926
|
+
"name": "foundationBreadcrumbStyles",
|
|
4912
4927
|
"declaration": {
|
|
4913
|
-
"name": "
|
|
4914
|
-
"module": "src/
|
|
4928
|
+
"name": "foundationBreadcrumbStyles",
|
|
4929
|
+
"module": "src/breadcrumb/breadcrumb.styles.ts"
|
|
4915
4930
|
}
|
|
4916
4931
|
}
|
|
4917
4932
|
]
|
|
4918
4933
|
},
|
|
4919
4934
|
{
|
|
4920
4935
|
"kind": "javascript-module",
|
|
4921
|
-
"path": "src/
|
|
4936
|
+
"path": "src/breadcrumb/breadcrumb.template.ts",
|
|
4922
4937
|
"declarations": [
|
|
4923
4938
|
{
|
|
4924
4939
|
"kind": "function",
|
|
4925
|
-
"name": "
|
|
4940
|
+
"name": "foundationBreadcrumbTemplate",
|
|
4941
|
+
"return": {
|
|
4942
|
+
"type": {
|
|
4943
|
+
"text": "ViewTemplate<Breadcrumb>"
|
|
4944
|
+
}
|
|
4945
|
+
},
|
|
4926
4946
|
"parameters": [
|
|
4927
4947
|
{
|
|
4928
|
-
"name": "
|
|
4948
|
+
"name": "context",
|
|
4929
4949
|
"type": {
|
|
4930
|
-
"text": "
|
|
4950
|
+
"text": "ElementDefinitionContext"
|
|
4951
|
+
}
|
|
4952
|
+
},
|
|
4953
|
+
{
|
|
4954
|
+
"name": "definition",
|
|
4955
|
+
"type": {
|
|
4956
|
+
"text": "FoundationElementDefinition"
|
|
4931
4957
|
}
|
|
4932
4958
|
}
|
|
4933
4959
|
]
|
|
4934
|
-
},
|
|
4935
|
-
{
|
|
4936
|
-
"kind": "variable",
|
|
4937
|
-
"name": "foundationBannerTemplate",
|
|
4938
|
-
"default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
|
|
4939
4960
|
}
|
|
4940
4961
|
],
|
|
4941
4962
|
"exports": [
|
|
4942
4963
|
{
|
|
4943
4964
|
"kind": "js",
|
|
4944
|
-
"name": "
|
|
4945
|
-
"declaration": {
|
|
4946
|
-
"name": "getBannerTemplate",
|
|
4947
|
-
"module": "src/banner/banner.template.ts"
|
|
4948
|
-
}
|
|
4949
|
-
},
|
|
4950
|
-
{
|
|
4951
|
-
"kind": "js",
|
|
4952
|
-
"name": "foundationBannerTemplate",
|
|
4965
|
+
"name": "foundationBreadcrumbTemplate",
|
|
4953
4966
|
"declaration": {
|
|
4954
|
-
"name": "
|
|
4955
|
-
"module": "src/
|
|
4967
|
+
"name": "foundationBreadcrumbTemplate",
|
|
4968
|
+
"module": "src/breadcrumb/breadcrumb.template.ts"
|
|
4956
4969
|
}
|
|
4957
4970
|
}
|
|
4958
4971
|
]
|
|
4959
4972
|
},
|
|
4960
4973
|
{
|
|
4961
4974
|
"kind": "javascript-module",
|
|
4962
|
-
"path": "src/
|
|
4975
|
+
"path": "src/breadcrumb/breadcrumb.ts",
|
|
4963
4976
|
"declarations": [
|
|
4964
|
-
{
|
|
4965
|
-
"kind": "variable",
|
|
4966
|
-
"name": "foundationBannerShadowOptions",
|
|
4967
|
-
"type": {
|
|
4968
|
-
"text": "ShadowRootInit"
|
|
4969
|
-
},
|
|
4970
|
-
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
4971
|
-
},
|
|
4972
4977
|
{
|
|
4973
4978
|
"kind": "class",
|
|
4974
4979
|
"description": "",
|
|
4975
|
-
"name": "
|
|
4980
|
+
"name": "Breadcrumb",
|
|
4981
|
+
"superclass": {
|
|
4982
|
+
"name": "FASTBreadcrumb",
|
|
4983
|
+
"package": "@microsoft/fast-components"
|
|
4984
|
+
},
|
|
4985
|
+
"tagName": "%%prefix%%-breadcrumb",
|
|
4986
|
+
"customElement": true,
|
|
4976
4987
|
"members": [
|
|
4977
4988
|
{
|
|
4978
|
-
"kind": "
|
|
4979
|
-
"name": "
|
|
4980
|
-
"
|
|
4981
|
-
|
|
4982
|
-
|
|
4983
|
-
|
|
4984
|
-
},
|
|
4985
|
-
{
|
|
4986
|
-
"kind": "field",
|
|
4987
|
-
"name": "dismissAnimation",
|
|
4988
|
-
"type": {
|
|
4989
|
-
"text": "'banner-delete' | ''"
|
|
4990
|
-
},
|
|
4991
|
-
"default": "''"
|
|
4992
|
-
},
|
|
4993
|
-
{
|
|
4994
|
-
"kind": "field",
|
|
4995
|
-
"name": "notification",
|
|
4996
|
-
"type": {
|
|
4997
|
-
"text": "NotificationStructure"
|
|
4989
|
+
"kind": "method",
|
|
4990
|
+
"name": "slottedBreadcrumbItemsChanged",
|
|
4991
|
+
"privacy": "public",
|
|
4992
|
+
"inheritedFrom": {
|
|
4993
|
+
"name": "Breadcrumb",
|
|
4994
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
4998
4995
|
}
|
|
4999
4996
|
},
|
|
5000
4997
|
{
|
|
5001
4998
|
"kind": "method",
|
|
5002
|
-
"name": "
|
|
5003
|
-
"privacy": "
|
|
4999
|
+
"name": "setItemSeparator",
|
|
5000
|
+
"privacy": "private",
|
|
5004
5001
|
"return": {
|
|
5005
5002
|
"type": {
|
|
5006
|
-
"text": "
|
|
5003
|
+
"text": "void"
|
|
5007
5004
|
}
|
|
5008
5005
|
},
|
|
5009
|
-
"
|
|
5006
|
+
"parameters": [
|
|
5007
|
+
{
|
|
5008
|
+
"name": "item",
|
|
5009
|
+
"type": {
|
|
5010
|
+
"text": "HTMLElement"
|
|
5011
|
+
}
|
|
5012
|
+
},
|
|
5013
|
+
{
|
|
5014
|
+
"name": "isLastNode",
|
|
5015
|
+
"type": {
|
|
5016
|
+
"text": "boolean"
|
|
5017
|
+
}
|
|
5018
|
+
}
|
|
5019
|
+
],
|
|
5020
|
+
"inheritedFrom": {
|
|
5021
|
+
"name": "Breadcrumb",
|
|
5022
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5023
|
+
}
|
|
5010
5024
|
},
|
|
5011
5025
|
{
|
|
5012
5026
|
"kind": "method",
|
|
5013
|
-
"name": "
|
|
5014
|
-
"privacy": "public",
|
|
5015
|
-
"description": "Dismiss the Banner (NotificationStructure) from display."
|
|
5016
|
-
},
|
|
5017
|
-
{
|
|
5018
|
-
"kind": "field",
|
|
5019
|
-
"name": "_presentation",
|
|
5020
|
-
"type": {
|
|
5021
|
-
"text": "ComponentPresentation | null | undefined"
|
|
5022
|
-
},
|
|
5027
|
+
"name": "findChildWithHref",
|
|
5023
5028
|
"privacy": "private",
|
|
5024
|
-
"
|
|
5029
|
+
"return": {
|
|
5030
|
+
"type": {
|
|
5031
|
+
"text": "HTMLElement | null"
|
|
5032
|
+
}
|
|
5033
|
+
},
|
|
5034
|
+
"parameters": [
|
|
5035
|
+
{
|
|
5036
|
+
"name": "node",
|
|
5037
|
+
"type": {
|
|
5038
|
+
"text": "HTMLElement"
|
|
5039
|
+
}
|
|
5040
|
+
}
|
|
5041
|
+
],
|
|
5042
|
+
"description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
|
|
5025
5043
|
"inheritedFrom": {
|
|
5026
|
-
"name": "
|
|
5027
|
-
"module": "src/
|
|
5044
|
+
"name": "Breadcrumb",
|
|
5045
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5028
5046
|
}
|
|
5029
5047
|
},
|
|
5030
5048
|
{
|
|
5031
|
-
"kind": "
|
|
5032
|
-
"name": "
|
|
5033
|
-
"
|
|
5034
|
-
|
|
5049
|
+
"kind": "method",
|
|
5050
|
+
"name": "setAriaCurrent",
|
|
5051
|
+
"privacy": "private",
|
|
5052
|
+
"return": {
|
|
5053
|
+
"type": {
|
|
5054
|
+
"text": "void"
|
|
5055
|
+
}
|
|
5056
|
+
},
|
|
5057
|
+
"parameters": [
|
|
5058
|
+
{
|
|
5059
|
+
"name": "item",
|
|
5060
|
+
"type": {
|
|
5061
|
+
"text": "HTMLElement"
|
|
5062
|
+
}
|
|
5063
|
+
},
|
|
5064
|
+
{
|
|
5065
|
+
"name": "isLastNode",
|
|
5066
|
+
"type": {
|
|
5067
|
+
"text": "boolean"
|
|
5068
|
+
}
|
|
5069
|
+
}
|
|
5070
|
+
],
|
|
5071
|
+
"description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
|
|
5072
|
+
"inheritedFrom": {
|
|
5073
|
+
"name": "Breadcrumb",
|
|
5074
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5075
|
+
}
|
|
5076
|
+
},
|
|
5077
|
+
{
|
|
5078
|
+
"kind": "field",
|
|
5079
|
+
"name": "_presentation",
|
|
5080
|
+
"type": {
|
|
5081
|
+
"text": "ComponentPresentation | null | undefined"
|
|
5082
|
+
},
|
|
5083
|
+
"privacy": "private",
|
|
5084
|
+
"default": "void 0",
|
|
5085
|
+
"inheritedFrom": {
|
|
5086
|
+
"name": "FoundationElement",
|
|
5087
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
5088
|
+
}
|
|
5089
|
+
},
|
|
5090
|
+
{
|
|
5091
|
+
"kind": "field",
|
|
5092
|
+
"name": "$presentation",
|
|
5093
|
+
"type": {
|
|
5094
|
+
"text": "ComponentPresentation | null"
|
|
5035
5095
|
},
|
|
5036
5096
|
"privacy": "public",
|
|
5037
5097
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
@@ -5125,51 +5185,69 @@
|
|
|
5125
5185
|
"module": "src/foundation-element/foundation-element.ts"
|
|
5126
5186
|
}
|
|
5127
5187
|
}
|
|
5128
|
-
]
|
|
5129
|
-
|
|
5130
|
-
|
|
5131
|
-
|
|
5188
|
+
]
|
|
5189
|
+
},
|
|
5190
|
+
{
|
|
5191
|
+
"kind": "variable",
|
|
5192
|
+
"name": "foundationBreadcrumbShadowOptions",
|
|
5193
|
+
"type": {
|
|
5194
|
+
"text": "ShadowRootInit"
|
|
5132
5195
|
},
|
|
5133
|
-
"
|
|
5134
|
-
"customElement": true
|
|
5196
|
+
"default": "undefined"
|
|
5135
5197
|
},
|
|
5136
5198
|
{
|
|
5137
5199
|
"kind": "variable",
|
|
5138
|
-
"name": "
|
|
5139
|
-
"
|
|
5200
|
+
"name": "defaultBreadcrumbConfig",
|
|
5201
|
+
"type": {
|
|
5202
|
+
"text": "object"
|
|
5203
|
+
},
|
|
5204
|
+
"default": "{}"
|
|
5205
|
+
},
|
|
5206
|
+
{
|
|
5207
|
+
"kind": "variable",
|
|
5208
|
+
"name": "foundationBreadcrumb",
|
|
5209
|
+
"description": "The Foundation Breadcrumb",
|
|
5140
5210
|
"privacy": "public"
|
|
5141
5211
|
}
|
|
5142
5212
|
],
|
|
5143
5213
|
"exports": [
|
|
5144
5214
|
{
|
|
5145
5215
|
"kind": "js",
|
|
5146
|
-
"name": "
|
|
5216
|
+
"name": "Breadcrumb",
|
|
5147
5217
|
"declaration": {
|
|
5148
|
-
"name": "
|
|
5149
|
-
"module": "src/
|
|
5218
|
+
"name": "Breadcrumb",
|
|
5219
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5150
5220
|
}
|
|
5151
5221
|
},
|
|
5152
5222
|
{
|
|
5153
5223
|
"kind": "js",
|
|
5154
|
-
"name": "
|
|
5224
|
+
"name": "foundationBreadcrumbShadowOptions",
|
|
5155
5225
|
"declaration": {
|
|
5156
|
-
"name": "
|
|
5157
|
-
"module": "src/
|
|
5226
|
+
"name": "foundationBreadcrumbShadowOptions",
|
|
5227
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5158
5228
|
}
|
|
5159
5229
|
},
|
|
5160
5230
|
{
|
|
5161
5231
|
"kind": "js",
|
|
5162
|
-
"name": "
|
|
5232
|
+
"name": "defaultBreadcrumbConfig",
|
|
5163
5233
|
"declaration": {
|
|
5164
|
-
"name": "
|
|
5165
|
-
"module": "src/
|
|
5234
|
+
"name": "defaultBreadcrumbConfig",
|
|
5235
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5236
|
+
}
|
|
5237
|
+
},
|
|
5238
|
+
{
|
|
5239
|
+
"kind": "js",
|
|
5240
|
+
"name": "foundationBreadcrumb",
|
|
5241
|
+
"declaration": {
|
|
5242
|
+
"name": "foundationBreadcrumb",
|
|
5243
|
+
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5166
5244
|
}
|
|
5167
5245
|
}
|
|
5168
5246
|
]
|
|
5169
5247
|
},
|
|
5170
5248
|
{
|
|
5171
5249
|
"kind": "javascript-module",
|
|
5172
|
-
"path": "src/
|
|
5250
|
+
"path": "src/breadcrumb/index.ts",
|
|
5173
5251
|
"declarations": [],
|
|
5174
5252
|
"exports": [
|
|
5175
5253
|
{
|
|
@@ -5177,7 +5255,7 @@
|
|
|
5177
5255
|
"name": "*",
|
|
5178
5256
|
"declaration": {
|
|
5179
5257
|
"name": "*",
|
|
5180
|
-
"package": "./
|
|
5258
|
+
"package": "./breadcrumb.template"
|
|
5181
5259
|
}
|
|
5182
5260
|
},
|
|
5183
5261
|
{
|
|
@@ -5185,7 +5263,7 @@
|
|
|
5185
5263
|
"name": "*",
|
|
5186
5264
|
"declaration": {
|
|
5187
5265
|
"name": "*",
|
|
5188
|
-
"package": "./
|
|
5266
|
+
"package": "./breadcrumb.styles"
|
|
5189
5267
|
}
|
|
5190
5268
|
},
|
|
5191
5269
|
{
|
|
@@ -5193,192 +5271,132 @@
|
|
|
5193
5271
|
"name": "*",
|
|
5194
5272
|
"declaration": {
|
|
5195
5273
|
"name": "*",
|
|
5196
|
-
"package": "./
|
|
5274
|
+
"package": "./breadcrumb"
|
|
5197
5275
|
}
|
|
5198
5276
|
}
|
|
5199
5277
|
]
|
|
5200
5278
|
},
|
|
5201
5279
|
{
|
|
5202
5280
|
"kind": "javascript-module",
|
|
5203
|
-
"path": "src/
|
|
5281
|
+
"path": "src/banner/banner.styles.ts",
|
|
5204
5282
|
"declarations": [
|
|
5205
5283
|
{
|
|
5206
|
-
"kind": "
|
|
5207
|
-
"name": "
|
|
5208
|
-
"
|
|
5209
|
-
"
|
|
5210
|
-
"text": "ElementStyles"
|
|
5211
|
-
}
|
|
5284
|
+
"kind": "variable",
|
|
5285
|
+
"name": "foundationBannerStyles",
|
|
5286
|
+
"type": {
|
|
5287
|
+
"text": "ElementStyles"
|
|
5212
5288
|
},
|
|
5213
|
-
"
|
|
5214
|
-
{
|
|
5215
|
-
"name": "context",
|
|
5216
|
-
"type": {
|
|
5217
|
-
"text": "ElementDefinitionContext"
|
|
5218
|
-
}
|
|
5219
|
-
},
|
|
5220
|
-
{
|
|
5221
|
-
"name": "definition",
|
|
5222
|
-
"type": {
|
|
5223
|
-
"text": "FoundationElementDefinition"
|
|
5224
|
-
}
|
|
5225
|
-
}
|
|
5226
|
-
]
|
|
5289
|
+
"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`"
|
|
5227
5290
|
}
|
|
5228
5291
|
],
|
|
5229
5292
|
"exports": [
|
|
5230
5293
|
{
|
|
5231
5294
|
"kind": "js",
|
|
5232
|
-
"name": "
|
|
5295
|
+
"name": "foundationBannerStyles",
|
|
5233
5296
|
"declaration": {
|
|
5234
|
-
"name": "
|
|
5235
|
-
"module": "src/
|
|
5297
|
+
"name": "foundationBannerStyles",
|
|
5298
|
+
"module": "src/banner/banner.styles.ts"
|
|
5236
5299
|
}
|
|
5237
5300
|
}
|
|
5238
5301
|
]
|
|
5239
5302
|
},
|
|
5240
5303
|
{
|
|
5241
5304
|
"kind": "javascript-module",
|
|
5242
|
-
"path": "src/
|
|
5305
|
+
"path": "src/banner/banner.template.ts",
|
|
5243
5306
|
"declarations": [
|
|
5244
5307
|
{
|
|
5245
5308
|
"kind": "function",
|
|
5246
|
-
"name": "
|
|
5247
|
-
"return": {
|
|
5248
|
-
"type": {
|
|
5249
|
-
"text": "ViewTemplate<Breadcrumb>"
|
|
5250
|
-
}
|
|
5251
|
-
},
|
|
5309
|
+
"name": "getBannerTemplate",
|
|
5252
5310
|
"parameters": [
|
|
5253
5311
|
{
|
|
5254
|
-
"name": "
|
|
5255
|
-
"type": {
|
|
5256
|
-
"text": "ElementDefinitionContext"
|
|
5257
|
-
}
|
|
5258
|
-
},
|
|
5259
|
-
{
|
|
5260
|
-
"name": "definition",
|
|
5312
|
+
"name": "prefix",
|
|
5261
5313
|
"type": {
|
|
5262
|
-
"text": "
|
|
5314
|
+
"text": "string"
|
|
5263
5315
|
}
|
|
5264
5316
|
}
|
|
5265
5317
|
]
|
|
5318
|
+
},
|
|
5319
|
+
{
|
|
5320
|
+
"kind": "variable",
|
|
5321
|
+
"name": "foundationBannerTemplate",
|
|
5322
|
+
"default": "html<Banner>`\n ${(x) => getBannerTemplate(getPrefix(x))}\n`"
|
|
5266
5323
|
}
|
|
5267
5324
|
],
|
|
5268
5325
|
"exports": [
|
|
5269
5326
|
{
|
|
5270
5327
|
"kind": "js",
|
|
5271
|
-
"name": "
|
|
5328
|
+
"name": "getBannerTemplate",
|
|
5272
5329
|
"declaration": {
|
|
5273
|
-
"name": "
|
|
5274
|
-
"module": "src/
|
|
5330
|
+
"name": "getBannerTemplate",
|
|
5331
|
+
"module": "src/banner/banner.template.ts"
|
|
5332
|
+
}
|
|
5333
|
+
},
|
|
5334
|
+
{
|
|
5335
|
+
"kind": "js",
|
|
5336
|
+
"name": "foundationBannerTemplate",
|
|
5337
|
+
"declaration": {
|
|
5338
|
+
"name": "foundationBannerTemplate",
|
|
5339
|
+
"module": "src/banner/banner.template.ts"
|
|
5275
5340
|
}
|
|
5276
5341
|
}
|
|
5277
5342
|
]
|
|
5278
5343
|
},
|
|
5279
5344
|
{
|
|
5280
5345
|
"kind": "javascript-module",
|
|
5281
|
-
"path": "src/
|
|
5346
|
+
"path": "src/banner/banner.ts",
|
|
5282
5347
|
"declarations": [
|
|
5348
|
+
{
|
|
5349
|
+
"kind": "variable",
|
|
5350
|
+
"name": "foundationBannerShadowOptions",
|
|
5351
|
+
"type": {
|
|
5352
|
+
"text": "ShadowRootInit"
|
|
5353
|
+
},
|
|
5354
|
+
"default": "{\n mode: 'open',\n delegatesFocus: true,\n}"
|
|
5355
|
+
},
|
|
5283
5356
|
{
|
|
5284
5357
|
"kind": "class",
|
|
5285
5358
|
"description": "",
|
|
5286
|
-
"name": "
|
|
5287
|
-
"superclass": {
|
|
5288
|
-
"name": "FASTBreadcrumb",
|
|
5289
|
-
"package": "@microsoft/fast-components"
|
|
5290
|
-
},
|
|
5291
|
-
"tagName": "%%prefix%%-breadcrumb",
|
|
5292
|
-
"customElement": true,
|
|
5359
|
+
"name": "Banner",
|
|
5293
5360
|
"members": [
|
|
5294
5361
|
{
|
|
5295
|
-
"kind": "
|
|
5296
|
-
"name": "
|
|
5297
|
-
"
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
}
|
|
5362
|
+
"kind": "field",
|
|
5363
|
+
"name": "banner",
|
|
5364
|
+
"type": {
|
|
5365
|
+
"text": "HTMLElement"
|
|
5366
|
+
},
|
|
5367
|
+
"privacy": "public"
|
|
5302
5368
|
},
|
|
5303
5369
|
{
|
|
5304
|
-
"kind": "
|
|
5305
|
-
"name": "
|
|
5306
|
-
"
|
|
5307
|
-
|
|
5308
|
-
"type": {
|
|
5309
|
-
"text": "void"
|
|
5310
|
-
}
|
|
5370
|
+
"kind": "field",
|
|
5371
|
+
"name": "dismissAnimation",
|
|
5372
|
+
"type": {
|
|
5373
|
+
"text": "'banner-delete' | ''"
|
|
5311
5374
|
},
|
|
5312
|
-
"
|
|
5313
|
-
|
|
5314
|
-
|
|
5315
|
-
|
|
5316
|
-
|
|
5317
|
-
|
|
5318
|
-
|
|
5319
|
-
{
|
|
5320
|
-
"name": "isLastNode",
|
|
5321
|
-
"type": {
|
|
5322
|
-
"text": "boolean"
|
|
5323
|
-
}
|
|
5324
|
-
}
|
|
5325
|
-
],
|
|
5326
|
-
"inheritedFrom": {
|
|
5327
|
-
"name": "Breadcrumb",
|
|
5328
|
-
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5375
|
+
"default": "''"
|
|
5376
|
+
},
|
|
5377
|
+
{
|
|
5378
|
+
"kind": "field",
|
|
5379
|
+
"name": "notification",
|
|
5380
|
+
"type": {
|
|
5381
|
+
"text": "NotificationStructure"
|
|
5329
5382
|
}
|
|
5330
5383
|
},
|
|
5331
5384
|
{
|
|
5332
5385
|
"kind": "method",
|
|
5333
|
-
"name": "
|
|
5334
|
-
"privacy": "
|
|
5386
|
+
"name": "dismiss",
|
|
5387
|
+
"privacy": "public",
|
|
5335
5388
|
"return": {
|
|
5336
5389
|
"type": {
|
|
5337
|
-
"text": "
|
|
5390
|
+
"text": "Promise<void>"
|
|
5338
5391
|
}
|
|
5339
5392
|
},
|
|
5340
|
-
"
|
|
5341
|
-
{
|
|
5342
|
-
"name": "node",
|
|
5343
|
-
"type": {
|
|
5344
|
-
"text": "HTMLElement"
|
|
5345
|
-
}
|
|
5346
|
-
}
|
|
5347
|
-
],
|
|
5348
|
-
"description": "Finds href on childnodes in the light DOM or shadow DOM.\nWe look in the shadow DOM because we insert an anchor when breadcrumb-item has an href.",
|
|
5349
|
-
"inheritedFrom": {
|
|
5350
|
-
"name": "Breadcrumb",
|
|
5351
|
-
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5352
|
-
}
|
|
5393
|
+
"description": "Dismiss the Banner from display."
|
|
5353
5394
|
},
|
|
5354
5395
|
{
|
|
5355
5396
|
"kind": "method",
|
|
5356
|
-
"name": "
|
|
5357
|
-
"privacy": "
|
|
5358
|
-
"
|
|
5359
|
-
"type": {
|
|
5360
|
-
"text": "void"
|
|
5361
|
-
}
|
|
5362
|
-
},
|
|
5363
|
-
"parameters": [
|
|
5364
|
-
{
|
|
5365
|
-
"name": "item",
|
|
5366
|
-
"type": {
|
|
5367
|
-
"text": "HTMLElement"
|
|
5368
|
-
}
|
|
5369
|
-
},
|
|
5370
|
-
{
|
|
5371
|
-
"name": "isLastNode",
|
|
5372
|
-
"type": {
|
|
5373
|
-
"text": "boolean"
|
|
5374
|
-
}
|
|
5375
|
-
}
|
|
5376
|
-
],
|
|
5377
|
-
"description": "Sets ARIA Current for the current node\nIf child node with an anchor tag and with href is found then set aria-current to correct value for the child node,\notherwise apply aria-current to the host element, with an href",
|
|
5378
|
-
"inheritedFrom": {
|
|
5379
|
-
"name": "Breadcrumb",
|
|
5380
|
-
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5381
|
-
}
|
|
5397
|
+
"name": "dismissNotification",
|
|
5398
|
+
"privacy": "public",
|
|
5399
|
+
"description": "Dismiss the Banner (NotificationStructure) from display."
|
|
5382
5400
|
},
|
|
5383
5401
|
{
|
|
5384
5402
|
"kind": "field",
|
|
@@ -5491,69 +5509,51 @@
|
|
|
5491
5509
|
"module": "src/foundation-element/foundation-element.ts"
|
|
5492
5510
|
}
|
|
5493
5511
|
}
|
|
5494
|
-
]
|
|
5495
|
-
|
|
5496
|
-
|
|
5497
|
-
|
|
5498
|
-
"name": "foundationBreadcrumbShadowOptions",
|
|
5499
|
-
"type": {
|
|
5500
|
-
"text": "ShadowRootInit"
|
|
5501
|
-
},
|
|
5502
|
-
"default": "undefined"
|
|
5503
|
-
},
|
|
5504
|
-
{
|
|
5505
|
-
"kind": "variable",
|
|
5506
|
-
"name": "defaultBreadcrumbConfig",
|
|
5507
|
-
"type": {
|
|
5508
|
-
"text": "object"
|
|
5512
|
+
],
|
|
5513
|
+
"superclass": {
|
|
5514
|
+
"name": "FoundationElement",
|
|
5515
|
+
"package": "@microsoft/fast-foundation"
|
|
5509
5516
|
},
|
|
5510
|
-
"
|
|
5517
|
+
"tagName": "%%prefix%%-banner",
|
|
5518
|
+
"customElement": true
|
|
5511
5519
|
},
|
|
5512
5520
|
{
|
|
5513
5521
|
"kind": "variable",
|
|
5514
|
-
"name": "
|
|
5515
|
-
"description": "The Foundation
|
|
5522
|
+
"name": "foundationBanner",
|
|
5523
|
+
"description": "The Foundation Banner",
|
|
5516
5524
|
"privacy": "public"
|
|
5517
5525
|
}
|
|
5518
5526
|
],
|
|
5519
5527
|
"exports": [
|
|
5520
5528
|
{
|
|
5521
5529
|
"kind": "js",
|
|
5522
|
-
"name": "
|
|
5523
|
-
"declaration": {
|
|
5524
|
-
"name": "Breadcrumb",
|
|
5525
|
-
"module": "src/breadcrumb/breadcrumb.ts"
|
|
5526
|
-
}
|
|
5527
|
-
},
|
|
5528
|
-
{
|
|
5529
|
-
"kind": "js",
|
|
5530
|
-
"name": "foundationBreadcrumbShadowOptions",
|
|
5530
|
+
"name": "foundationBannerShadowOptions",
|
|
5531
5531
|
"declaration": {
|
|
5532
|
-
"name": "
|
|
5533
|
-
"module": "src/
|
|
5532
|
+
"name": "foundationBannerShadowOptions",
|
|
5533
|
+
"module": "src/banner/banner.ts"
|
|
5534
5534
|
}
|
|
5535
5535
|
},
|
|
5536
5536
|
{
|
|
5537
5537
|
"kind": "js",
|
|
5538
|
-
"name": "
|
|
5538
|
+
"name": "Banner",
|
|
5539
5539
|
"declaration": {
|
|
5540
|
-
"name": "
|
|
5541
|
-
"module": "src/
|
|
5540
|
+
"name": "Banner",
|
|
5541
|
+
"module": "src/banner/banner.ts"
|
|
5542
5542
|
}
|
|
5543
5543
|
},
|
|
5544
5544
|
{
|
|
5545
5545
|
"kind": "js",
|
|
5546
|
-
"name": "
|
|
5546
|
+
"name": "foundationBanner",
|
|
5547
5547
|
"declaration": {
|
|
5548
|
-
"name": "
|
|
5549
|
-
"module": "src/
|
|
5548
|
+
"name": "foundationBanner",
|
|
5549
|
+
"module": "src/banner/banner.ts"
|
|
5550
5550
|
}
|
|
5551
5551
|
}
|
|
5552
5552
|
]
|
|
5553
5553
|
},
|
|
5554
5554
|
{
|
|
5555
5555
|
"kind": "javascript-module",
|
|
5556
|
-
"path": "src/
|
|
5556
|
+
"path": "src/banner/index.ts",
|
|
5557
5557
|
"declarations": [],
|
|
5558
5558
|
"exports": [
|
|
5559
5559
|
{
|
|
@@ -5561,7 +5561,7 @@
|
|
|
5561
5561
|
"name": "*",
|
|
5562
5562
|
"declaration": {
|
|
5563
5563
|
"name": "*",
|
|
5564
|
-
"package": "./
|
|
5564
|
+
"package": "./banner.styles"
|
|
5565
5565
|
}
|
|
5566
5566
|
},
|
|
5567
5567
|
{
|
|
@@ -5569,7 +5569,7 @@
|
|
|
5569
5569
|
"name": "*",
|
|
5570
5570
|
"declaration": {
|
|
5571
5571
|
"name": "*",
|
|
5572
|
-
"package": "./
|
|
5572
|
+
"package": "./banner.template"
|
|
5573
5573
|
}
|
|
5574
5574
|
},
|
|
5575
5575
|
{
|
|
@@ -5577,7 +5577,7 @@
|
|
|
5577
5577
|
"name": "*",
|
|
5578
5578
|
"declaration": {
|
|
5579
5579
|
"name": "*",
|
|
5580
|
-
"package": "./
|
|
5580
|
+
"package": "./banner"
|
|
5581
5581
|
}
|
|
5582
5582
|
}
|
|
5583
5583
|
]
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-ui",
|
|
3
3
|
"description": "Genesis Foundation UI",
|
|
4
|
-
"version": "14.148.0",
|
|
4
|
+
"version": "14.148.1-alpha-4b4abd1.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -74,13 +74,13 @@
|
|
|
74
74
|
"test:debug": "genx test --debug"
|
|
75
75
|
},
|
|
76
76
|
"devDependencies": {
|
|
77
|
-
"@genesislcap/foundation-testing": "14.148.0",
|
|
78
|
-
"@genesislcap/genx": "14.148.0",
|
|
79
|
-
"@genesislcap/rollup-builder": "14.148.0",
|
|
80
|
-
"@genesislcap/ts-builder": "14.148.0",
|
|
81
|
-
"@genesislcap/uvu-playwright-builder": "14.148.0",
|
|
82
|
-
"@genesislcap/vite-builder": "14.148.0",
|
|
83
|
-
"@genesislcap/webpack-builder": "14.148.0",
|
|
77
|
+
"@genesislcap/foundation-testing": "14.148.1-alpha-4b4abd1.0",
|
|
78
|
+
"@genesislcap/genx": "14.148.1-alpha-4b4abd1.0",
|
|
79
|
+
"@genesislcap/rollup-builder": "14.148.1-alpha-4b4abd1.0",
|
|
80
|
+
"@genesislcap/ts-builder": "14.148.1-alpha-4b4abd1.0",
|
|
81
|
+
"@genesislcap/uvu-playwright-builder": "14.148.1-alpha-4b4abd1.0",
|
|
82
|
+
"@genesislcap/vite-builder": "14.148.1-alpha-4b4abd1.0",
|
|
83
|
+
"@genesislcap/webpack-builder": "14.148.1-alpha-4b4abd1.0",
|
|
84
84
|
"copyfiles": "^2.4.1",
|
|
85
85
|
"rimraf": "^3.0.2",
|
|
86
86
|
"rxjs": "^7.5.4"
|
|
@@ -91,12 +91,12 @@
|
|
|
91
91
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
92
92
|
"@fortawesome/free-solid-svg-icons": "^6.2.1",
|
|
93
93
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
94
|
-
"@genesislcap/foundation-comms": "14.148.0",
|
|
95
|
-
"@genesislcap/foundation-criteria": "14.148.0",
|
|
96
|
-
"@genesislcap/foundation-errors": "14.148.0",
|
|
97
|
-
"@genesislcap/foundation-logger": "14.148.0",
|
|
98
|
-
"@genesislcap/foundation-notifications": "14.148.0",
|
|
99
|
-
"@genesislcap/foundation-utils": "14.148.0",
|
|
94
|
+
"@genesislcap/foundation-comms": "14.148.1-alpha-4b4abd1.0",
|
|
95
|
+
"@genesislcap/foundation-criteria": "14.148.1-alpha-4b4abd1.0",
|
|
96
|
+
"@genesislcap/foundation-errors": "14.148.1-alpha-4b4abd1.0",
|
|
97
|
+
"@genesislcap/foundation-logger": "14.148.1-alpha-4b4abd1.0",
|
|
98
|
+
"@genesislcap/foundation-notifications": "14.148.1-alpha-4b4abd1.0",
|
|
99
|
+
"@genesislcap/foundation-utils": "14.148.1-alpha-4b4abd1.0",
|
|
100
100
|
"@microsoft/fast-colors": "^5.3.1",
|
|
101
101
|
"@microsoft/fast-components": "^2.30.6",
|
|
102
102
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -118,5 +118,5 @@
|
|
|
118
118
|
"access": "public"
|
|
119
119
|
},
|
|
120
120
|
"customElements": "dist/custom-elements.json",
|
|
121
|
-
"gitHead": "
|
|
121
|
+
"gitHead": "95b4671b321824af65c6741bea4f7cabca4344e5"
|
|
122
122
|
}
|