@genesislcap/foundation-header 14.333.1 → 14.333.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.
|
@@ -287,7 +287,7 @@
|
|
|
287
287
|
{
|
|
288
288
|
"kind": "variable",
|
|
289
289
|
"name": "navTemplate",
|
|
290
|
-
"default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div class=\"nav-listbox\" data-test-id=\"nav-bar\" role=\"navigation\" aria-label=\"Main menu\">\n ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n <div class=\"nav-leftside\">\n ${app.registerElementsTarget<NavTargetId>('nav-start')}\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <${buttonTag}\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n aria-label=\"Toggle side menu\"\n aria-controls=\"side-nav\"\n aria-expanded=${(x) => x.sideNavOpen}\n appearance=\"stealth\"\n @focusin=${(x) => x.closeNav()}\n >\n <${iconTag}\n name=\"bars\"\n part=\"nav-visibility-icon\"\n class=\"nav-visibility-icon\"\n >\n </${iconTag}>\n </${buttonTag}>\n `,\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img\n src=${(x) => x.logoSrc}\n class=\"logo\"\n part=\"logo\"\n data-test-id=\"logo\"\n alt=\"${(x) => x.logoAltText}\"\n />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n </slot>\n ${app.registerElementsTarget<NavTargetId>('nav')}\n </div>\n <div class=\"nav-rightside\">\n ${when(\n (x) => x.showEnvironmentIndicator,\n html<Navigation>`\n <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n `,\n )}\n ${app.registerElementsTarget<NavTargetId>('nav-end')}\n
|
|
290
|
+
"default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div class=\"nav-listbox\" data-test-id=\"nav-bar\" role=\"navigation\" aria-label=\"Main menu\">\n ${app.registerElementsTarget<HeaderTargetId>('header-start')}\n <div class=\"nav-leftside\">\n ${app.registerElementsTarget<NavTargetId>('nav-start')}\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <${buttonTag}\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n aria-label=\"Toggle side menu\"\n aria-controls=\"side-nav\"\n aria-expanded=${(x) => x.sideNavOpen}\n appearance=\"stealth\"\n @focusin=${(x) => x.closeNav()}\n >\n <${iconTag}\n name=\"bars\"\n part=\"nav-visibility-icon\"\n class=\"nav-visibility-icon\"\n >\n </${iconTag}>\n </${buttonTag}>\n `,\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img\n src=${(x) => x.logoSrc}\n class=\"logo\"\n part=\"logo\"\n data-test-id=\"logo\"\n alt=\"${(x) => x.logoAltText}\"\n />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}\n </slot>\n ${app.registerElementsTarget<NavTargetId>('nav')}\n </div>\n <div class=\"nav-rightside\">\n <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\n ${when(\n (x) => x.showEnvironmentIndicator,\n html<Navigation>`\n <${environmentIndicatorTag} class=\"environment-indicator\"></${environmentIndicatorTag}>\n `,\n )}\n ${app.registerElementsTarget<NavTargetId>('nav-end')}\n ${when(\n (x) => x.showLuminanceToggleButton,\n html<Navigation>`\n <div\n class=\"icon-container\"\n data-test-id=\"luminance-toggle-button\"\n part=\"luminance-button\"\n aria-label=\"Luminance toggle\"\n >\n <${iconTag}\n @click=${(x) => x.luminanceIconEvent()}\n variant=\"regular\"\n name=\"moon\"\n part=\"luminance-icon\"\n ></${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showMiscToggleButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"misc-toggle-button\" part=\"misc-button\" aria-label=\"Misc icon\">\n <${iconTag} @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\">\n </${iconTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showConnectionIndicator,\n html<Navigation>`\n <div class=\"connection-indicator-container\" data-test-id=\"connection-indicator\">\n <${connectionIndicatorTag} show-label=\"false\">\n </${connectionIndicatorTag}>\n </div>\n `,\n )}\n ${when(\n (x) => x.showLanguageSelector && x.languageOptions,\n html<Navigation>`\n <${selectTag}\n class=\"language-selector\"\n position=\"below\"\n data-test-id=\"language-selector\"\n part=\"language-selector\"\n @change=\"${(x, c) => x.changeLanguage(c.event as CustomEvent)}\"\n aria-label=\"Language selector\"\n >\n ${repeat(\n (x) => x.languageOptions.availableLanguages,\n html`\n <${optionTag}\n value=\"${(x) => x}\"\n ?selected=\"${(x, c) => x === c.parent.languageOptions.selectedLanguage}\"\n >\n ${(x) => x.toUpperCase()}\n </${optionTag}>\n `,\n )}\n </${selectTag}>\n `,\n )}\n ${() => accountMenuTemplate}\n </div>\n ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n </div>\n`",
|
|
291
291
|
"description": "Template for Navigation class",
|
|
292
292
|
"return": {
|
|
293
293
|
"type": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"main.styles.d.ts","sourceRoot":"","sources":["../../../src/main/main.styles.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,iDAmVgD,CAAC"}
|
|
@@ -143,14 +143,6 @@ export const MainStyles = css `
|
|
|
143
143
|
--type-ramp-base-font-size: 12px;
|
|
144
144
|
}
|
|
145
145
|
|
|
146
|
-
::slotted(div) {
|
|
147
|
-
color: var(--accent-fill-rest);
|
|
148
|
-
font-size: var(--type-ramp-minus-1-font-size);
|
|
149
|
-
margin-bottom: calc(var(--design-unit) * 4px);
|
|
150
|
-
padding-left: calc(var(--design-unit) * 4px);
|
|
151
|
-
padding-right: calc(var(--design-unit) * 4px);
|
|
152
|
-
}
|
|
153
|
-
|
|
154
146
|
.nav-preferences {
|
|
155
147
|
width: 100%;
|
|
156
148
|
height: 25%;
|
|
@@ -216,11 +216,11 @@ export const navTemplate = html `
|
|
|
216
216
|
${app.registerElementsTarget('nav')}
|
|
217
217
|
</div>
|
|
218
218
|
<div class="nav-rightside">
|
|
219
|
+
<slot name="routes-end" data-test-id="route-end-buttons"></slot>
|
|
219
220
|
${when((x) => x.showEnvironmentIndicator, html `
|
|
220
221
|
<${environmentIndicatorTag} class="environment-indicator"></${environmentIndicatorTag}>
|
|
221
222
|
`)}
|
|
222
223
|
${app.registerElementsTarget('nav-end')}
|
|
223
|
-
<slot name="routes-end" data-test-id="route-end-buttons"></slot>
|
|
224
224
|
${when((x) => x.showLuminanceToggleButton, html `
|
|
225
225
|
<div
|
|
226
226
|
class="icon-container"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-header",
|
|
3
3
|
"description": "Genesis Foundation Header",
|
|
4
|
-
"version": "14.333.
|
|
4
|
+
"version": "14.333.2",
|
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
7
|
"types": "dist/foundation-header.d.ts",
|
|
@@ -77,28 +77,28 @@
|
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
79
|
"devDependencies": {
|
|
80
|
-
"@genesislcap/foundation-testing": "14.333.
|
|
81
|
-
"@genesislcap/genx": "14.333.
|
|
82
|
-
"@genesislcap/rollup-builder": "14.333.
|
|
83
|
-
"@genesislcap/ts-builder": "14.333.
|
|
84
|
-
"@genesislcap/uvu-playwright-builder": "14.333.
|
|
85
|
-
"@genesislcap/vite-builder": "14.333.
|
|
86
|
-
"@genesislcap/webpack-builder": "14.333.
|
|
80
|
+
"@genesislcap/foundation-testing": "14.333.2",
|
|
81
|
+
"@genesislcap/genx": "14.333.2",
|
|
82
|
+
"@genesislcap/rollup-builder": "14.333.2",
|
|
83
|
+
"@genesislcap/ts-builder": "14.333.2",
|
|
84
|
+
"@genesislcap/uvu-playwright-builder": "14.333.2",
|
|
85
|
+
"@genesislcap/vite-builder": "14.333.2",
|
|
86
|
+
"@genesislcap/webpack-builder": "14.333.2"
|
|
87
87
|
},
|
|
88
88
|
"dependencies": {
|
|
89
|
-
"@genesislcap/foundation-auth": "14.333.
|
|
90
|
-
"@genesislcap/foundation-comms": "14.333.
|
|
91
|
-
"@genesislcap/foundation-events": "14.333.
|
|
92
|
-
"@genesislcap/foundation-i18n": "14.333.
|
|
93
|
-
"@genesislcap/foundation-logger": "14.333.
|
|
94
|
-
"@genesislcap/foundation-login": "14.333.
|
|
95
|
-
"@genesislcap/foundation-shell": "14.333.
|
|
96
|
-
"@genesislcap/foundation-ui": "14.333.
|
|
97
|
-
"@genesislcap/foundation-user": "14.333.
|
|
98
|
-
"@genesislcap/foundation-utils": "14.333.
|
|
99
|
-
"@genesislcap/foundation-zero": "14.333.
|
|
100
|
-
"@genesislcap/rapid-design-system": "14.333.
|
|
101
|
-
"@genesislcap/web-core": "14.333.
|
|
89
|
+
"@genesislcap/foundation-auth": "14.333.2",
|
|
90
|
+
"@genesislcap/foundation-comms": "14.333.2",
|
|
91
|
+
"@genesislcap/foundation-events": "14.333.2",
|
|
92
|
+
"@genesislcap/foundation-i18n": "14.333.2",
|
|
93
|
+
"@genesislcap/foundation-logger": "14.333.2",
|
|
94
|
+
"@genesislcap/foundation-login": "14.333.2",
|
|
95
|
+
"@genesislcap/foundation-shell": "14.333.2",
|
|
96
|
+
"@genesislcap/foundation-ui": "14.333.2",
|
|
97
|
+
"@genesislcap/foundation-user": "14.333.2",
|
|
98
|
+
"@genesislcap/foundation-utils": "14.333.2",
|
|
99
|
+
"@genesislcap/foundation-zero": "14.333.2",
|
|
100
|
+
"@genesislcap/rapid-design-system": "14.333.2",
|
|
101
|
+
"@genesislcap/web-core": "14.333.2"
|
|
102
102
|
},
|
|
103
103
|
"repository": {
|
|
104
104
|
"type": "git",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
111
|
"customElements": "dist/custom-elements.json",
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "0967751b2d3bfe5d2ccf50305e0091a91545cc3b"
|
|
113
113
|
}
|