@genesislcap/foundation-header 14.51.1-alpha-ca82f19.0 → 14.52.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 (4) hide show
  1. package/dist/custom-elements.json +162 -162
  2. package/dist/dts/main/main.template.d.ts.map +1 -1
  3. package/dist/esm/main/main.template.js +12 -3
  4. package/package.json +8 -8
package/dist/custom-elements.json CHANGED
@@ -71,167 +71,6 @@
71
71
  }
72
72
  ]
73
73
  },
74
- {
75
- "kind": "javascript-module",
76
- "path": "src/styles/colors.ts",
77
- "declarations": [
78
- {
79
- "kind": "function",
80
- "name": "getWebRGBA",
81
- "parameters": [
82
- {
83
- "name": "rgb",
84
- "type": {
85
- "text": "ColorRGBA64"
86
- }
87
- },
88
- {
89
- "name": "alpha",
90
- "default": "1.0",
91
- "type": {
92
- "text": "number"
93
- }
94
- }
95
- ]
96
- },
97
- {
98
- "kind": "variable",
99
- "name": "defaultBackgroundHover"
100
- },
101
- {
102
- "kind": "variable",
103
- "name": "defaultBackgroundItem"
104
- },
105
- {
106
- "kind": "variable",
107
- "name": "backgroundNavOption"
108
- }
109
- ],
110
- "exports": [
111
- {
112
- "kind": "js",
113
- "name": "getWebRGBA",
114
- "declaration": {
115
- "name": "getWebRGBA",
116
- "module": "src/styles/colors.ts"
117
- }
118
- },
119
- {
120
- "kind": "js",
121
- "name": "defaultBackgroundHover",
122
- "declaration": {
123
- "name": "defaultBackgroundHover",
124
- "module": "src/styles/colors.ts"
125
- }
126
- },
127
- {
128
- "kind": "js",
129
- "name": "defaultBackgroundItem",
130
- "declaration": {
131
- "name": "defaultBackgroundItem",
132
- "module": "src/styles/colors.ts"
133
- }
134
- },
135
- {
136
- "kind": "js",
137
- "name": "backgroundNavOption",
138
- "declaration": {
139
- "name": "backgroundNavOption",
140
- "module": "src/styles/colors.ts"
141
- }
142
- }
143
- ]
144
- },
145
- {
146
- "kind": "javascript-module",
147
- "path": "src/styles/index.ts",
148
- "declarations": [],
149
- "exports": [
150
- {
151
- "kind": "js",
152
- "name": "*",
153
- "declaration": {
154
- "name": "*",
155
- "package": "./colors"
156
- }
157
- },
158
- {
159
- "kind": "js",
160
- "name": "*",
161
- "declaration": {
162
- "name": "*",
163
- "package": "./styles"
164
- }
165
- }
166
- ]
167
- },
168
- {
169
- "kind": "javascript-module",
170
- "path": "src/styles/styles.ts",
171
- "declarations": [
172
- {
173
- "kind": "function",
174
- "name": "mixinScreen",
175
- "parameters": [
176
- {
177
- "name": "display",
178
- "default": "'block'",
179
- "type": {
180
- "text": "string"
181
- }
182
- }
183
- ],
184
- "description": "TODO: Bring all the style and typography mixins into the design system package"
185
- },
186
- {
187
- "kind": "function",
188
- "name": "genesisLogo",
189
- "parameters": [
190
- {
191
- "name": "slot",
192
- "default": "'start'"
193
- }
194
- ],
195
- "description": "TODO"
196
- },
197
- {
198
- "kind": "function",
199
- "name": "settingsIcon",
200
- "parameters": [
201
- {
202
- "name": "slot",
203
- "default": "'start'"
204
- }
205
- ]
206
- }
207
- ],
208
- "exports": [
209
- {
210
- "kind": "js",
211
- "name": "mixinScreen",
212
- "declaration": {
213
- "name": "mixinScreen",
214
- "module": "src/styles/styles.ts"
215
- }
216
- },
217
- {
218
- "kind": "js",
219
- "name": "genesisLogo",
220
- "declaration": {
221
- "name": "genesisLogo",
222
- "module": "src/styles/styles.ts"
223
- }
224
- },
225
- {
226
- "kind": "js",
227
- "name": "settingsIcon",
228
- "declaration": {
229
- "name": "settingsIcon",
230
- "module": "src/styles/styles.ts"
231
- }
232
- }
233
- ]
234
- },
235
74
  {
236
75
  "kind": "javascript-module",
237
76
  "path": "src/main/index.ts",
@@ -298,7 +137,7 @@
298
137
  {
299
138
  "kind": "variable",
300
139
  "name": "NavTemplate",
301
- "default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div class=\"nav-listbox\" data-test-id=\"nav-bar\">\n <div class=\"nav-leftside\">\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <div\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n >\n <zero-icon name=\"bars\" part=\"nav-visibility-icon\"></zero-icon>\n </div>\n `\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img src=${(x) => x.logoSrc} class=\"logo\" part=\"logo\" />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeButtons ? routeButtonsTemplate : defaultRouteButtonsTemplate)}\n </slot>\n </div>\n <div class=\"nav-rightside\">\n ${when(\n (x) => x.showLuminanceToggleButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"luminance-toggle-button\">\n <zero-icon\n @click=${(x) => x.luminanceIconEvent()}\n variant=\"regular\"\n name=\"moon\"\n part=\"luminance-icon\"\n ></zero-icon>\n </div>\n `\n )}\n ${when(\n (x) => x.showMiscToggleButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"misc-toggle-button\">\n <zero-icon @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\"></zero-icon>\n </div>\n `\n )}\n ${when(\n (x) => x.showNotificationsButton,\n html<Navigation>`\n <div class=\"icon-container\" data-test-id=\"notifications-button\">\n <zero-icon\n variant=\"regular\"\n @click=${(x) => x.notificationIconEvent()}\n name=\"bell\"\n part=\"notifications-icon\"\n ></zero-icon>\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 <zero-connection-indicator show-label=\"false\"></zero-connection-indicator>\n </div>\n `\n )}\n <zero-button appearance=\"neutral-grey\" data-test-id=\"user-button\">\n <zero-icon name=\"user-circle\"></zero-icon>\n ${(x) => x.userName}\n </zero-button>\n </div>\n </div>\n`",
140
+ "default": "html<Navigation>`\n ${when((x) => !x.hideSideBar, sideNavTemplate)}\n <div class=\"nav-listbox\" data-test-id=\"nav-bar\">\n <div class=\"nav-leftside\">\n ${when(\n (x) => !x.hideSideBar,\n html<Navigation>`\n <div\n class=\"bars-container\"\n @click=${(x) => x.toggleNavVisibility()}\n data-test-id=\"hamburger-menu\"\n >\n <zero-icon name=\"bars\" part=\"nav-visibility-icon\"></zero-icon>\n </div>\n `\n )}\n <div class=\"logo-container\" data-test-id=\"nav-bar-logo\">\n <img src=${(x) => x.logoSrc} class=\"logo\" part=\"logo\" />\n </div>\n <slot name=\"routes\" data-test-id=\"route-buttons\">\n ${(x) => (x.routeButtons ? routeButtonsTemplate : defaultRouteButtonsTemplate)}\n </slot>\n </div>\n <div class=\"nav-rightside\">\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 >\n <zero-icon\n @click=${(x) => x.luminanceIconEvent()}\n variant=\"regular\"\n name=\"moon\"\n part=\"luminance-icon\"\n ></zero-icon>\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\">\n <zero-icon @click=${(x) => x.miscIconEvent()} name=\"th\" part=\"misc-icon\"></zero-icon>\n </div>\n `\n )}\n ${when(\n (x) => x.showNotificationsButton,\n html<Navigation>`\n <div\n class=\"icon-container\"\n data-test-id=\"notifications-button\"\n part=\"notifications-button\"\n >\n <zero-icon\n variant=\"regular\"\n @click=${(x) => x.notificationIconEvent()}\n name=\"bell\"\n part=\"notifications-icon\"\n ></zero-icon>\n <slot name=\"notifications-icon-end\"></slot>\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 <zero-connection-indicator show-label=\"false\"></zero-connection-indicator>\n </div>\n `\n )}\n <zero-button appearance=\"neutral-grey\" data-test-id=\"user-button\">\n <zero-icon name=\"user-circle\"></zero-icon>\n ${(x) => x.userName}\n </zero-button>\n </div>\n </div>\n`",
302
141
  "description": "Template for Navigation class",
303
142
  "return": {
304
143
  "type": {
@@ -546,6 +385,167 @@
546
385
  }
547
386
  ]
548
387
  },
388
+ {
389
+ "kind": "javascript-module",
390
+ "path": "src/styles/colors.ts",
391
+ "declarations": [
392
+ {
393
+ "kind": "function",
394
+ "name": "getWebRGBA",
395
+ "parameters": [
396
+ {
397
+ "name": "rgb",
398
+ "type": {
399
+ "text": "ColorRGBA64"
400
+ }
401
+ },
402
+ {
403
+ "name": "alpha",
404
+ "default": "1.0",
405
+ "type": {
406
+ "text": "number"
407
+ }
408
+ }
409
+ ]
410
+ },
411
+ {
412
+ "kind": "variable",
413
+ "name": "defaultBackgroundHover"
414
+ },
415
+ {
416
+ "kind": "variable",
417
+ "name": "defaultBackgroundItem"
418
+ },
419
+ {
420
+ "kind": "variable",
421
+ "name": "backgroundNavOption"
422
+ }
423
+ ],
424
+ "exports": [
425
+ {
426
+ "kind": "js",
427
+ "name": "getWebRGBA",
428
+ "declaration": {
429
+ "name": "getWebRGBA",
430
+ "module": "src/styles/colors.ts"
431
+ }
432
+ },
433
+ {
434
+ "kind": "js",
435
+ "name": "defaultBackgroundHover",
436
+ "declaration": {
437
+ "name": "defaultBackgroundHover",
438
+ "module": "src/styles/colors.ts"
439
+ }
440
+ },
441
+ {
442
+ "kind": "js",
443
+ "name": "defaultBackgroundItem",
444
+ "declaration": {
445
+ "name": "defaultBackgroundItem",
446
+ "module": "src/styles/colors.ts"
447
+ }
448
+ },
449
+ {
450
+ "kind": "js",
451
+ "name": "backgroundNavOption",
452
+ "declaration": {
453
+ "name": "backgroundNavOption",
454
+ "module": "src/styles/colors.ts"
455
+ }
456
+ }
457
+ ]
458
+ },
459
+ {
460
+ "kind": "javascript-module",
461
+ "path": "src/styles/index.ts",
462
+ "declarations": [],
463
+ "exports": [
464
+ {
465
+ "kind": "js",
466
+ "name": "*",
467
+ "declaration": {
468
+ "name": "*",
469
+ "package": "./colors"
470
+ }
471
+ },
472
+ {
473
+ "kind": "js",
474
+ "name": "*",
475
+ "declaration": {
476
+ "name": "*",
477
+ "package": "./styles"
478
+ }
479
+ }
480
+ ]
481
+ },
482
+ {
483
+ "kind": "javascript-module",
484
+ "path": "src/styles/styles.ts",
485
+ "declarations": [
486
+ {
487
+ "kind": "function",
488
+ "name": "mixinScreen",
489
+ "parameters": [
490
+ {
491
+ "name": "display",
492
+ "default": "'block'",
493
+ "type": {
494
+ "text": "string"
495
+ }
496
+ }
497
+ ],
498
+ "description": "TODO: Bring all the style and typography mixins into the design system package"
499
+ },
500
+ {
501
+ "kind": "function",
502
+ "name": "genesisLogo",
503
+ "parameters": [
504
+ {
505
+ "name": "slot",
506
+ "default": "'start'"
507
+ }
508
+ ],
509
+ "description": "TODO"
510
+ },
511
+ {
512
+ "kind": "function",
513
+ "name": "settingsIcon",
514
+ "parameters": [
515
+ {
516
+ "name": "slot",
517
+ "default": "'start'"
518
+ }
519
+ ]
520
+ }
521
+ ],
522
+ "exports": [
523
+ {
524
+ "kind": "js",
525
+ "name": "mixinScreen",
526
+ "declaration": {
527
+ "name": "mixinScreen",
528
+ "module": "src/styles/styles.ts"
529
+ }
530
+ },
531
+ {
532
+ "kind": "js",
533
+ "name": "genesisLogo",
534
+ "declaration": {
535
+ "name": "genesisLogo",
536
+ "module": "src/styles/styles.ts"
537
+ }
538
+ },
539
+ {
540
+ "kind": "js",
541
+ "name": "settingsIcon",
542
+ "declaration": {
543
+ "name": "settingsIcon",
544
+ "module": "src/styles/styles.ts"
545
+ }
546
+ }
547
+ ]
548
+ },
549
549
  {
550
550
  "kind": "javascript-module",
551
551
  "path": "src/utils/index.ts",
package/dist/dts/main/main.template.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAiEzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BAwEvB,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"}
1
+ {"version":3,"file":"main.template.d.ts","sourceRoot":"","sources":["../../../src/main/main.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAiEzC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,WAAW,+BAiFvB,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"}
package/dist/esm/main/main.template.js CHANGED
@@ -91,7 +91,11 @@ export const NavTemplate = html `
91
91
  </div>
92
92
  <div class="nav-rightside">
93
93
  ${when((x) => x.showLuminanceToggleButton, html `
94
- <div class="icon-container" data-test-id="luminance-toggle-button">
94
+ <div
95
+ class="icon-container"
96
+ data-test-id="luminance-toggle-button"
97
+ part="luminance-button"
98
+ >
95
99
  <zero-icon
96
100
  @click=${(x) => x.luminanceIconEvent()}
97
101
  variant="regular"
@@ -101,18 +105,23 @@ export const NavTemplate = html `
101
105
  </div>
102
106
  `)}
103
107
  ${when((x) => x.showMiscToggleButton, html `
104
- <div class="icon-container" data-test-id="misc-toggle-button">
108
+ <div class="icon-container" data-test-id="misc-toggle-button" part="misc-button">
105
109
  <zero-icon @click=${(x) => x.miscIconEvent()} name="th" part="misc-icon"></zero-icon>
106
110
  </div>
107
111
  `)}
108
112
  ${when((x) => x.showNotificationsButton, html `
109
- <div class="icon-container" data-test-id="notifications-button">
113
+ <div
114
+ class="icon-container"
115
+ data-test-id="notifications-button"
116
+ part="notifications-button"
117
+ >
110
118
  <zero-icon
111
119
  variant="regular"
112
120
  @click=${(x) => x.notificationIconEvent()}
113
121
  name="bell"
114
122
  part="notifications-icon"
115
123
  ></zero-icon>
124
+ <slot name="notifications-icon-end"></slot>
116
125
  </div>
117
126
  `)}
118
127
  ${when((x) => x.showConnectionIndicator, html `
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.51.1-alpha-ca82f19.0",
4
+ "version": "14.52.0",
5
5
  "license": "SEE LICENSE IN license.txt",
6
6
  "main": "dist/esm/index.js",
7
7
  "types": "dist/foundation-header.d.ts",
@@ -50,14 +50,14 @@
50
50
  "test:debug": "genx test --debug"
51
51
  },
52
52
  "devDependencies": {
53
- "@genesislcap/foundation-testing": "14.51.1-alpha-ca82f19.0",
54
- "@genesislcap/genx": "14.51.1-alpha-ca82f19.0"
53
+ "@genesislcap/foundation-testing": "^14.52.0",
54
+ "@genesislcap/genx": "^14.52.0"
55
55
  },
56
56
  "dependencies": {
57
- "@genesislcap/foundation-comms": "14.51.1-alpha-ca82f19.0",
58
- "@genesislcap/foundation-events": "14.51.1-alpha-ca82f19.0",
59
- "@genesislcap/foundation-utils": "14.51.1-alpha-ca82f19.0",
60
- "@genesislcap/foundation-zero": "14.51.1-alpha-ca82f19.0",
57
+ "@genesislcap/foundation-comms": "^14.52.0",
58
+ "@genesislcap/foundation-events": "^14.52.0",
59
+ "@genesislcap/foundation-utils": "^14.52.0",
60
+ "@genesislcap/foundation-zero": "^14.52.0",
61
61
  "@microsoft/fast-colors": "^5.1.4",
62
62
  "@microsoft/fast-components": "^2.21.3",
63
63
  "@microsoft/fast-element": "^1.7.0",
@@ -73,5 +73,5 @@
73
73
  "access": "public"
74
74
  },
75
75
  "customElements": "dist/custom-elements.json",
76
- "gitHead": "abd1ddc0a389281ce30fce70669a888641ba9898"
76
+ "gitHead": "29ed8209142e157f7e025624479a60a71fea7f32"
77
77
  }