@assaabloy/gw-group-nav-header v21.10.88
Global web - web components
Header with navigation and language switcher
Custom HTML element
<gw-group-nav-header content=""></gw-group-nav-header>
Properties | Name | Type | Description | | ------------- | --------- | ----------------------------- | | content | Object | base64 encoded |
LocationSwitcher
The modal for switching market/language can be triggered by applying
#location-modal-open
to the url. Directly in the browser url or in the dialog of any component with a button/link.
LoginArea
The Toast Login/Logout messages can be triggered by putting a query param in the navbar url.
One of these can be used:
?loginSuccessful=true
?logoutSuccessful=true
content
{
"transparency": "solid | translucent | transparent",
"layout": "floating | full-width",
"color": "default | inverted",
"url": "",
"authUrl": "",
"logo": {
"link": "",
"default": {
"image": {
"url": "",
"width": "",
"height": "",
"alt": "",
}
},
"inverted": {
"image": {
"url": "",
"width": "",
"height": "",
"alt": "",
}
},
},
"navigationData": {
"marketData": {
"name": ""
},
"menuItems": [
{
"links": [
{
"links": [
{
"id": "",
"label": "",
"url": "",
"description": ""
}
],
"id": "",
"label": "",
"url": "",
"description": ""
}
],
"id": "",
"label": "",
"url": "",
"description": ""
}
],
"return": ""
},
"locationSwitcher": {
"title": "",
"text": "",
"trigger": "",
"marketDropdown": {
"title": "",
"text": ""
},
"languageListTitle": "",
"links": [
{
"text": "",
"url": "",
"external": false
}
],
// Translations
"openDialog": "Open dialog",
"closeDialog": "Close dialog",
"locationDialog": "Location dialog",
},
"divisionBrandSwitcherData": {
"visible": true,
"title": ""
"text": ""
"link": {
"text": ""
"url": ""
},
"logotype": "",
"image": {
"mobile": {
"url": "",
"alt": "",
"renditions": {
"blur-up": "",
"400": "",
"800": "",
"1200": "",
"1600": "",
"2500": ""
}
},
"desktop": {
"url": "",
"alt": "",
"renditions": {
"blur-up": "",
"400": "",
"800": "",
"1200": "",
"1600": "",
"2500": ""
}
},
}
"divisions": {
"title": "",
"links": [
{
"title": "",
"text": "",
"link": {
"url": ""
}
}
]
},
"brands": {
"links": [
{
"logotype": "",
"url": ""
"alt": ""
}
],
"link": {
"text": ""
"url": ""
}
},
// Translations
"openDialog": "Open dialog",
"closeDialog": "Close dialog",
"divisionsDialog": "Divisions dialog",
},
"topbar": {
"visible": true,
"links": [
{
"text": "",
"url": ""
"external": false
}
]
},
"search": {
"addSearch": {
"id": "a4ee0edb87a2540e22448e0aa614e0e4"
},
"targetUrl": "http://localhost:3000/search",
"isMarketHiddenInUrl": false,
"isLanguageHiddenInUrl": false,
"showMore": "Show more",
"showingXofY": "Showing {{current}} of {{max}}",
"search": "How can we help you?",
"sitewide": "site wide",
"viewAll": "View all",
"noResults": "No results",
"resetSearchField": "Reset search field"
}
"loginArea": {
"active": true,
"signedIn": "Signed in",
"signIn": "Sign in",
"signOut": "Sign out",
"menuItems": [
{
"id": "",
"label": "",
"url": "",
"links": []
},
],
"loginSuccessful": "Hello {{firstName}}! You are now logged in!",
"logoutSuccessful": "You are now logged out.",
}
}
content.url response
{
"navigationData": {
"marketData": {
"name": ""
}
},
"locationSwitcher": {
"currentMarket": {
"market": "",
"languages": [
{
"language": "",
"url": ""
}
]
},
"markets": [
{
"market": "",
"languages": [
{
"language": "",
"url": ""
}
]
}
]
},
"breadcrumbs": [
{
"text": "",
"url": ""
},
],
"loginArea": {
"isAuthenticated": true,
"loginUrl": "",
"logoutUrl": "",
"user": {
"firstName": "",
"lastName": ""
},
}
}
Dependencies
@assaabloy/gw-group-vendor
@assaabloy/brand-styles
7 days ago
6 days ago
9 days ago
13 days ago
20 days ago
20 days ago
22 days ago
23 days ago
27 days ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
7 months ago
7 months ago
8 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
10 months ago
10 months ago
8 months ago
8 months ago
8 months ago
10 months ago
10 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
12 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago