@genesislcap/foundation-header 14.203.2 → 14.204.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.
|
@@ -31,27 +31,6 @@
|
|
|
31
31
|
}
|
|
32
32
|
]
|
|
33
33
|
},
|
|
34
|
-
{
|
|
35
|
-
"kind": "javascript-module",
|
|
36
|
-
"path": "src/components/zero-components.ts",
|
|
37
|
-
"declarations": [
|
|
38
|
-
{
|
|
39
|
-
"kind": "function",
|
|
40
|
-
"name": "registerCommonZeroComponents",
|
|
41
|
-
"privacy": "public"
|
|
42
|
-
}
|
|
43
|
-
],
|
|
44
|
-
"exports": [
|
|
45
|
-
{
|
|
46
|
-
"kind": "js",
|
|
47
|
-
"name": "registerCommonZeroComponents",
|
|
48
|
-
"declaration": {
|
|
49
|
-
"name": "registerCommonZeroComponents",
|
|
50
|
-
"module": "src/components/zero-components.ts"
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
]
|
|
54
|
-
},
|
|
55
34
|
{
|
|
56
35
|
"kind": "javascript-module",
|
|
57
36
|
"path": "src/config/config.ts",
|
|
@@ -172,6 +151,188 @@
|
|
|
172
151
|
}
|
|
173
152
|
]
|
|
174
153
|
},
|
|
154
|
+
{
|
|
155
|
+
"kind": "javascript-module",
|
|
156
|
+
"path": "src/components/zero-components.ts",
|
|
157
|
+
"declarations": [
|
|
158
|
+
{
|
|
159
|
+
"kind": "function",
|
|
160
|
+
"name": "registerCommonZeroComponents",
|
|
161
|
+
"privacy": "public"
|
|
162
|
+
}
|
|
163
|
+
],
|
|
164
|
+
"exports": [
|
|
165
|
+
{
|
|
166
|
+
"kind": "js",
|
|
167
|
+
"name": "registerCommonZeroComponents",
|
|
168
|
+
"declaration": {
|
|
169
|
+
"name": "registerCommonZeroComponents",
|
|
170
|
+
"module": "src/components/zero-components.ts"
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
]
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"kind": "javascript-module",
|
|
177
|
+
"path": "src/styles/colors.ts",
|
|
178
|
+
"declarations": [
|
|
179
|
+
{
|
|
180
|
+
"kind": "function",
|
|
181
|
+
"name": "getWebRGBA",
|
|
182
|
+
"parameters": [
|
|
183
|
+
{
|
|
184
|
+
"name": "rgb",
|
|
185
|
+
"type": {
|
|
186
|
+
"text": "ColorRGBA64"
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "alpha",
|
|
191
|
+
"default": "1.0",
|
|
192
|
+
"type": {
|
|
193
|
+
"text": "number"
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
]
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
"kind": "variable",
|
|
200
|
+
"name": "defaultBackgroundHover"
|
|
201
|
+
},
|
|
202
|
+
{
|
|
203
|
+
"kind": "variable",
|
|
204
|
+
"name": "defaultBackgroundItem"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"kind": "variable",
|
|
208
|
+
"name": "backgroundNavOption"
|
|
209
|
+
}
|
|
210
|
+
],
|
|
211
|
+
"exports": [
|
|
212
|
+
{
|
|
213
|
+
"kind": "js",
|
|
214
|
+
"name": "getWebRGBA",
|
|
215
|
+
"declaration": {
|
|
216
|
+
"name": "getWebRGBA",
|
|
217
|
+
"module": "src/styles/colors.ts"
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "js",
|
|
222
|
+
"name": "defaultBackgroundHover",
|
|
223
|
+
"declaration": {
|
|
224
|
+
"name": "defaultBackgroundHover",
|
|
225
|
+
"module": "src/styles/colors.ts"
|
|
226
|
+
}
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"kind": "js",
|
|
230
|
+
"name": "defaultBackgroundItem",
|
|
231
|
+
"declaration": {
|
|
232
|
+
"name": "defaultBackgroundItem",
|
|
233
|
+
"module": "src/styles/colors.ts"
|
|
234
|
+
}
|
|
235
|
+
},
|
|
236
|
+
{
|
|
237
|
+
"kind": "js",
|
|
238
|
+
"name": "backgroundNavOption",
|
|
239
|
+
"declaration": {
|
|
240
|
+
"name": "backgroundNavOption",
|
|
241
|
+
"module": "src/styles/colors.ts"
|
|
242
|
+
}
|
|
243
|
+
}
|
|
244
|
+
]
|
|
245
|
+
},
|
|
246
|
+
{
|
|
247
|
+
"kind": "javascript-module",
|
|
248
|
+
"path": "src/styles/index.ts",
|
|
249
|
+
"declarations": [],
|
|
250
|
+
"exports": [
|
|
251
|
+
{
|
|
252
|
+
"kind": "js",
|
|
253
|
+
"name": "*",
|
|
254
|
+
"declaration": {
|
|
255
|
+
"name": "*",
|
|
256
|
+
"package": "./colors"
|
|
257
|
+
}
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"kind": "js",
|
|
261
|
+
"name": "*",
|
|
262
|
+
"declaration": {
|
|
263
|
+
"name": "*",
|
|
264
|
+
"package": "./styles"
|
|
265
|
+
}
|
|
266
|
+
}
|
|
267
|
+
]
|
|
268
|
+
},
|
|
269
|
+
{
|
|
270
|
+
"kind": "javascript-module",
|
|
271
|
+
"path": "src/styles/styles.ts",
|
|
272
|
+
"declarations": [
|
|
273
|
+
{
|
|
274
|
+
"kind": "function",
|
|
275
|
+
"name": "mixinScreen",
|
|
276
|
+
"parameters": [
|
|
277
|
+
{
|
|
278
|
+
"name": "display",
|
|
279
|
+
"default": "'block'",
|
|
280
|
+
"type": {
|
|
281
|
+
"text": "string"
|
|
282
|
+
}
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"description": "TODO: Bring all the style and typography mixins into the design system package"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"kind": "function",
|
|
289
|
+
"name": "genesisLogo",
|
|
290
|
+
"parameters": [
|
|
291
|
+
{
|
|
292
|
+
"name": "slot",
|
|
293
|
+
"default": "'start'"
|
|
294
|
+
}
|
|
295
|
+
],
|
|
296
|
+
"description": "TODO"
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"kind": "function",
|
|
300
|
+
"name": "settingsIcon",
|
|
301
|
+
"parameters": [
|
|
302
|
+
{
|
|
303
|
+
"name": "slot",
|
|
304
|
+
"default": "'start'"
|
|
305
|
+
}
|
|
306
|
+
]
|
|
307
|
+
}
|
|
308
|
+
],
|
|
309
|
+
"exports": [
|
|
310
|
+
{
|
|
311
|
+
"kind": "js",
|
|
312
|
+
"name": "mixinScreen",
|
|
313
|
+
"declaration": {
|
|
314
|
+
"name": "mixinScreen",
|
|
315
|
+
"module": "src/styles/styles.ts"
|
|
316
|
+
}
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"kind": "js",
|
|
320
|
+
"name": "genesisLogo",
|
|
321
|
+
"declaration": {
|
|
322
|
+
"name": "genesisLogo",
|
|
323
|
+
"module": "src/styles/styles.ts"
|
|
324
|
+
}
|
|
325
|
+
},
|
|
326
|
+
{
|
|
327
|
+
"kind": "js",
|
|
328
|
+
"name": "settingsIcon",
|
|
329
|
+
"declaration": {
|
|
330
|
+
"name": "settingsIcon",
|
|
331
|
+
"module": "src/styles/styles.ts"
|
|
332
|
+
}
|
|
333
|
+
}
|
|
334
|
+
]
|
|
335
|
+
},
|
|
175
336
|
{
|
|
176
337
|
"kind": "javascript-module",
|
|
177
338
|
"path": "src/main/index.ts",
|
|
@@ -237,7 +398,7 @@
|
|
|
237
398
|
{
|
|
238
399
|
"kind": "variable",
|
|
239
400
|
"name": "NavTemplate",
|
|
240
|
-
"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} name=\"bars\" part=\"nav-visibility-icon\" class=\"nav-visibility-icon\"></${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 : defaultRouteNavItemsTemplate)}\n </slot>\n ${app.registerElementsTarget<NavTargetId>('nav')}\n </div>\n <div class=\"nav-rightside\">\n ${app.registerElementsTarget<NavTargetId>('nav-end')}\n <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\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\"></${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\"></${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\n <${buttonTag} appearance=\"neutral-grey\" data-test-id=\"user-button\" class=\"nav-button\" aria-label=\"User button\">\n <${iconTag} name=\"user-circle\"></${iconTag}>\n ${(x) => x.userName}\n </${buttonTag}>\n </div>\n ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n </div>\n`",
|
|
401
|
+
"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} name=\"bars\" part=\"nav-visibility-icon\" class=\"nav-visibility-icon\"></${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 ${app.registerElementsTarget<NavTargetId>('nav-end')}\n <slot name=\"routes-end\" data-test-id=\"route-end-buttons\"></slot>\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\"></${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\"></${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\n <${buttonTag} appearance=\"neutral-grey\" data-test-id=\"user-button\" class=\"nav-button\" aria-label=\"User button\">\n <${iconTag} name=\"user-circle\"></${iconTag}>\n ${(x) => x.userName}\n </${buttonTag}>\n </div>\n ${app.registerElementsTarget<HeaderTargetId>(['header', 'header-end'])}\n </div>\n`",
|
|
241
402
|
"description": "Template for Navigation class",
|
|
242
403
|
"return": {
|
|
243
404
|
"type": {
|
|
@@ -1512,167 +1673,6 @@
|
|
|
1512
1673
|
}
|
|
1513
1674
|
]
|
|
1514
1675
|
},
|
|
1515
|
-
{
|
|
1516
|
-
"kind": "javascript-module",
|
|
1517
|
-
"path": "src/styles/colors.ts",
|
|
1518
|
-
"declarations": [
|
|
1519
|
-
{
|
|
1520
|
-
"kind": "function",
|
|
1521
|
-
"name": "getWebRGBA",
|
|
1522
|
-
"parameters": [
|
|
1523
|
-
{
|
|
1524
|
-
"name": "rgb",
|
|
1525
|
-
"type": {
|
|
1526
|
-
"text": "ColorRGBA64"
|
|
1527
|
-
}
|
|
1528
|
-
},
|
|
1529
|
-
{
|
|
1530
|
-
"name": "alpha",
|
|
1531
|
-
"default": "1.0",
|
|
1532
|
-
"type": {
|
|
1533
|
-
"text": "number"
|
|
1534
|
-
}
|
|
1535
|
-
}
|
|
1536
|
-
]
|
|
1537
|
-
},
|
|
1538
|
-
{
|
|
1539
|
-
"kind": "variable",
|
|
1540
|
-
"name": "defaultBackgroundHover"
|
|
1541
|
-
},
|
|
1542
|
-
{
|
|
1543
|
-
"kind": "variable",
|
|
1544
|
-
"name": "defaultBackgroundItem"
|
|
1545
|
-
},
|
|
1546
|
-
{
|
|
1547
|
-
"kind": "variable",
|
|
1548
|
-
"name": "backgroundNavOption"
|
|
1549
|
-
}
|
|
1550
|
-
],
|
|
1551
|
-
"exports": [
|
|
1552
|
-
{
|
|
1553
|
-
"kind": "js",
|
|
1554
|
-
"name": "getWebRGBA",
|
|
1555
|
-
"declaration": {
|
|
1556
|
-
"name": "getWebRGBA",
|
|
1557
|
-
"module": "src/styles/colors.ts"
|
|
1558
|
-
}
|
|
1559
|
-
},
|
|
1560
|
-
{
|
|
1561
|
-
"kind": "js",
|
|
1562
|
-
"name": "defaultBackgroundHover",
|
|
1563
|
-
"declaration": {
|
|
1564
|
-
"name": "defaultBackgroundHover",
|
|
1565
|
-
"module": "src/styles/colors.ts"
|
|
1566
|
-
}
|
|
1567
|
-
},
|
|
1568
|
-
{
|
|
1569
|
-
"kind": "js",
|
|
1570
|
-
"name": "defaultBackgroundItem",
|
|
1571
|
-
"declaration": {
|
|
1572
|
-
"name": "defaultBackgroundItem",
|
|
1573
|
-
"module": "src/styles/colors.ts"
|
|
1574
|
-
}
|
|
1575
|
-
},
|
|
1576
|
-
{
|
|
1577
|
-
"kind": "js",
|
|
1578
|
-
"name": "backgroundNavOption",
|
|
1579
|
-
"declaration": {
|
|
1580
|
-
"name": "backgroundNavOption",
|
|
1581
|
-
"module": "src/styles/colors.ts"
|
|
1582
|
-
}
|
|
1583
|
-
}
|
|
1584
|
-
]
|
|
1585
|
-
},
|
|
1586
|
-
{
|
|
1587
|
-
"kind": "javascript-module",
|
|
1588
|
-
"path": "src/styles/index.ts",
|
|
1589
|
-
"declarations": [],
|
|
1590
|
-
"exports": [
|
|
1591
|
-
{
|
|
1592
|
-
"kind": "js",
|
|
1593
|
-
"name": "*",
|
|
1594
|
-
"declaration": {
|
|
1595
|
-
"name": "*",
|
|
1596
|
-
"package": "./colors"
|
|
1597
|
-
}
|
|
1598
|
-
},
|
|
1599
|
-
{
|
|
1600
|
-
"kind": "js",
|
|
1601
|
-
"name": "*",
|
|
1602
|
-
"declaration": {
|
|
1603
|
-
"name": "*",
|
|
1604
|
-
"package": "./styles"
|
|
1605
|
-
}
|
|
1606
|
-
}
|
|
1607
|
-
]
|
|
1608
|
-
},
|
|
1609
|
-
{
|
|
1610
|
-
"kind": "javascript-module",
|
|
1611
|
-
"path": "src/styles/styles.ts",
|
|
1612
|
-
"declarations": [
|
|
1613
|
-
{
|
|
1614
|
-
"kind": "function",
|
|
1615
|
-
"name": "mixinScreen",
|
|
1616
|
-
"parameters": [
|
|
1617
|
-
{
|
|
1618
|
-
"name": "display",
|
|
1619
|
-
"default": "'block'",
|
|
1620
|
-
"type": {
|
|
1621
|
-
"text": "string"
|
|
1622
|
-
}
|
|
1623
|
-
}
|
|
1624
|
-
],
|
|
1625
|
-
"description": "TODO: Bring all the style and typography mixins into the design system package"
|
|
1626
|
-
},
|
|
1627
|
-
{
|
|
1628
|
-
"kind": "function",
|
|
1629
|
-
"name": "genesisLogo",
|
|
1630
|
-
"parameters": [
|
|
1631
|
-
{
|
|
1632
|
-
"name": "slot",
|
|
1633
|
-
"default": "'start'"
|
|
1634
|
-
}
|
|
1635
|
-
],
|
|
1636
|
-
"description": "TODO"
|
|
1637
|
-
},
|
|
1638
|
-
{
|
|
1639
|
-
"kind": "function",
|
|
1640
|
-
"name": "settingsIcon",
|
|
1641
|
-
"parameters": [
|
|
1642
|
-
{
|
|
1643
|
-
"name": "slot",
|
|
1644
|
-
"default": "'start'"
|
|
1645
|
-
}
|
|
1646
|
-
]
|
|
1647
|
-
}
|
|
1648
|
-
],
|
|
1649
|
-
"exports": [
|
|
1650
|
-
{
|
|
1651
|
-
"kind": "js",
|
|
1652
|
-
"name": "mixinScreen",
|
|
1653
|
-
"declaration": {
|
|
1654
|
-
"name": "mixinScreen",
|
|
1655
|
-
"module": "src/styles/styles.ts"
|
|
1656
|
-
}
|
|
1657
|
-
},
|
|
1658
|
-
{
|
|
1659
|
-
"kind": "js",
|
|
1660
|
-
"name": "genesisLogo",
|
|
1661
|
-
"declaration": {
|
|
1662
|
-
"name": "genesisLogo",
|
|
1663
|
-
"module": "src/styles/styles.ts"
|
|
1664
|
-
}
|
|
1665
|
-
},
|
|
1666
|
-
{
|
|
1667
|
-
"kind": "js",
|
|
1668
|
-
"name": "settingsIcon",
|
|
1669
|
-
"declaration": {
|
|
1670
|
-
"name": "settingsIcon",
|
|
1671
|
-
"module": "src/styles/styles.ts"
|
|
1672
|
-
}
|
|
1673
|
-
}
|
|
1674
|
-
]
|
|
1675
|
-
},
|
|
1676
1676
|
{
|
|
1677
1677
|
"kind": "javascript-module",
|
|
1678
1678
|
"path": "src/tags/index.ts",
|
|
@@ -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,iDAqMgD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAW5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAW5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAuGzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BA2GvB,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAIpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAEpD,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,YAAY,EAAE,YAAY,CAAC,UAAU,CAEjD,CAAC"}
|
|
@@ -200,4 +200,9 @@ export const MainStyles = css `
|
|
|
200
200
|
.notifications-button {
|
|
201
201
|
padding-right: calc((var(--design-unit) - 1) * 2px);
|
|
202
202
|
}
|
|
203
|
+
|
|
204
|
+
.side-nav-buttons-container {
|
|
205
|
+
display: flex;
|
|
206
|
+
flex-direction: column;
|
|
207
|
+
}
|
|
203
208
|
`.withBehaviors(getApp().registerStylesTarget('header'));
|
|
@@ -20,7 +20,15 @@ const sideNavTemplate = html `
|
|
|
20
20
|
data-test-id="side-nav-logo"
|
|
21
21
|
alt="${(x) => x.logoAltText}"
|
|
22
22
|
/>
|
|
23
|
-
|
|
23
|
+
|
|
24
|
+
${app.registerElementsTarget('side-nav')}
|
|
25
|
+
<slot name="menu-contents">
|
|
26
|
+
<div class='side-nav-buttons-container'>
|
|
27
|
+
${(x) => routeNavItemsTemplate('side-nav')}
|
|
28
|
+
</div>
|
|
29
|
+
</slot>
|
|
30
|
+
|
|
31
|
+
|
|
24
32
|
<${buttonTag}
|
|
25
33
|
slot="footer"
|
|
26
34
|
class="logout-container"
|
|
@@ -55,10 +63,11 @@ const defaultRouteNavItemsTemplate = html `
|
|
|
55
63
|
Profiles
|
|
56
64
|
</${buttonTag}>
|
|
57
65
|
`;
|
|
58
|
-
const routeNavItemsTemplate = html `
|
|
66
|
+
const routeNavItemsTemplate = (navId) => html `
|
|
59
67
|
<template>
|
|
60
68
|
${repeat((x) => x.routeNavItems, html `
|
|
61
|
-
${when((x, c) =>
|
|
69
|
+
${when((x, c) => x.navId === navId &&
|
|
70
|
+
(!x.permission || (x.permission && c.parent.isUserPermitted(x.permission))), html `
|
|
62
71
|
<${buttonTag}
|
|
63
72
|
appearance="neutral-grey"
|
|
64
73
|
class="nav-button"
|
|
@@ -122,7 +131,7 @@ export const NavTemplate = html `
|
|
|
122
131
|
/>
|
|
123
132
|
</div>
|
|
124
133
|
<slot name="routes" data-test-id="route-buttons">
|
|
125
|
-
${(x) => (x.routeNavItems ? routeNavItemsTemplate : defaultRouteNavItemsTemplate)}
|
|
134
|
+
${(x) => (x.routeNavItems ? routeNavItemsTemplate('header') : defaultRouteNavItemsTemplate)}
|
|
126
135
|
</slot>
|
|
127
136
|
${app.registerElementsTarget('nav')}
|
|
128
137
|
</div>
|
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.
|
|
4
|
+
"version": "14.204.0",
|
|
5
5
|
"license": "SEE LICENSE IN license.txt",
|
|
6
6
|
"main": "dist/esm/index.js",
|
|
7
7
|
"types": "dist/foundation-header.d.ts",
|
|
@@ -76,24 +76,24 @@
|
|
|
76
76
|
}
|
|
77
77
|
},
|
|
78
78
|
"devDependencies": {
|
|
79
|
-
"@genesislcap/foundation-testing": "14.
|
|
80
|
-
"@genesislcap/genx": "14.
|
|
81
|
-
"@genesislcap/rollup-builder": "14.
|
|
82
|
-
"@genesislcap/ts-builder": "14.
|
|
83
|
-
"@genesislcap/uvu-playwright-builder": "14.
|
|
84
|
-
"@genesislcap/vite-builder": "14.
|
|
85
|
-
"@genesislcap/webpack-builder": "14.
|
|
79
|
+
"@genesislcap/foundation-testing": "14.204.0",
|
|
80
|
+
"@genesislcap/genx": "14.204.0",
|
|
81
|
+
"@genesislcap/rollup-builder": "14.204.0",
|
|
82
|
+
"@genesislcap/ts-builder": "14.204.0",
|
|
83
|
+
"@genesislcap/uvu-playwright-builder": "14.204.0",
|
|
84
|
+
"@genesislcap/vite-builder": "14.204.0",
|
|
85
|
+
"@genesislcap/webpack-builder": "14.204.0",
|
|
86
86
|
"rimraf": "^5.0.0"
|
|
87
87
|
},
|
|
88
88
|
"dependencies": {
|
|
89
|
-
"@genesislcap/foundation-comms": "14.
|
|
90
|
-
"@genesislcap/foundation-events": "14.
|
|
91
|
-
"@genesislcap/foundation-i18n": "14.
|
|
92
|
-
"@genesislcap/foundation-logger": "14.
|
|
93
|
-
"@genesislcap/foundation-shell": "14.
|
|
94
|
-
"@genesislcap/foundation-ui": "14.
|
|
95
|
-
"@genesislcap/foundation-utils": "14.
|
|
96
|
-
"@genesislcap/foundation-zero": "14.
|
|
89
|
+
"@genesislcap/foundation-comms": "14.204.0",
|
|
90
|
+
"@genesislcap/foundation-events": "14.204.0",
|
|
91
|
+
"@genesislcap/foundation-i18n": "14.204.0",
|
|
92
|
+
"@genesislcap/foundation-logger": "14.204.0",
|
|
93
|
+
"@genesislcap/foundation-shell": "14.204.0",
|
|
94
|
+
"@genesislcap/foundation-ui": "14.204.0",
|
|
95
|
+
"@genesislcap/foundation-utils": "14.204.0",
|
|
96
|
+
"@genesislcap/foundation-zero": "14.204.0",
|
|
97
97
|
"@microsoft/fast-colors": "^5.3.1",
|
|
98
98
|
"@microsoft/fast-element": "^1.12.0",
|
|
99
99
|
"@microsoft/fast-foundation": "^2.49.4",
|
|
@@ -109,5 +109,5 @@
|
|
|
109
109
|
"access": "public"
|
|
110
110
|
},
|
|
111
111
|
"customElements": "dist/custom-elements.json",
|
|
112
|
-
"gitHead": "
|
|
112
|
+
"gitHead": "8394ff8dd41ae065ab90d2afb7ca789c3aad0f9e"
|
|
113
113
|
}
|