@propmix/profet-common-header 2.0.9-unstable → 2.0.10-unstable
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/README.md +61 -23
- package/esm2020/lib/common-header.module.mjs +4 -8
- package/esm2020/lib/header/header.component.mjs +3 -4
- package/esm2020/lib/utils/image.dataurl.mjs +2 -1
- package/fesm2015/propmix-profet-common-header.mjs +6 -10
- package/fesm2015/propmix-profet-common-header.mjs.map +1 -1
- package/fesm2020/propmix-profet-common-header.mjs +6 -10
- package/fesm2020/propmix-profet-common-header.mjs.map +1 -1
- package/lib/common-header.module.d.ts +1 -2
- package/lib/header/header.component.d.ts +1 -0
- package/lib/utils/image.dataurl.d.ts +1 -0
- package/package.json +1 -1
|
@@ -19,8 +19,6 @@ import * as i5 from '@angular/material/menu';
|
|
|
19
19
|
import { MatMenuModule } from '@angular/material/menu';
|
|
20
20
|
import * as i6 from '@angular/material/tooltip';
|
|
21
21
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
22
|
-
import * as i7 from '@angular/material/chips';
|
|
23
|
-
import { MatChipsModule } from '@angular/material/chips';
|
|
24
22
|
import { MatSidenavModule } from '@angular/material/sidenav';
|
|
25
23
|
|
|
26
24
|
class EndPoints {
|
|
@@ -241,6 +239,7 @@ const imageDataUrl = {
|
|
|
241
239
|
appsIcon: `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAApklEQVR4nO3YQQ6EIBBE0TpL42GEqxEu6RxEA6tZ0BNdOOnofwk7ITFaUiIBuMTWVlJpn6W0/dfo11iuOcLcqTOLfY0twtypC4uNEWHuFDcinsjAq+UhIyIj92QkPWVDtFxzv/DMYqm0NcJc4J+MGq9YX62FGi/+Rzrar4eMiIwMZMRDjRc1Hu9g1HhR4zs2RA+lUZTGgYx4yIiCZSRxGi9O4wHFdQB10N/h0880IgAAAABJRU5ErkJggg==`,
|
|
242
240
|
checkIcon: `data:image/png;base64,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`,
|
|
243
241
|
aloftAppraisalLogo: `data:image/png;base64,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`,
|
|
242
|
+
profetLogoWhite: `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAloAAABpCAYAAADiKo3AAAAACXBIWXMAAAsTAAALEwEAmpwYAAA50WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMTQgNzkuMTUxNDgxLCAyMDEzLzAzLzEzLTEyOjA5OjE1ICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgICAgICAgICAgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIgogICAgICAgICAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgICAgICAgICAgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIKICAgICAgICAgICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICAgICAgICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIj4KICAgICAgICAgPHhtcDpDcmVhdG9yVG9vbD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC94bXA6Q3JlYXRvclRvb2w+CiAgICAgICAgIDx4bXA6Q3JlYXRlRGF0ZT4yMDI0LTAxLTE5VDEyOjMxOjMyKzA1OjMwPC94bXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhtcDpNb2RpZnlEYXRlPjIwMjQtMDgtMDFUMTM6MTk6MjYrMDU6MzA8L3htcDpNb2RpZnlEYXRlPgogICAgICAgICA8eG1wOk1ldGFkYXRhRGF0ZT4yMDI0LTA4LTAxVDEzOjE5OjI2KzA1OjMwPC94bXA6TWV0YWRhdGFEYXRlPgogICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3BuZzwvZGM6Zm9ybWF0PgogICAgICAgICA8cGhvdG9zaG9wOkNvbG9yTW9kZT4zPC9waG90b3Nob3A6Q29sb3JNb2RlPgogICAgICAgICA8eG1wTU06SW5zdGFuY2VJRD54bXAuaWlkOjIyZjhkMjVkLTMxNWEtZjE0MS1iZmQxLWMyMDFiZWQxNWQzZTwveG1wTU06SW5zdGFuY2VJRD4KICAgICAgICAgPHhtcE1NOkRvY3VtZW50SUQ+eG1wLmRpZDphNGVlNGQ5MC1hYmFhLWJkNDEtYmUxNy0wMzc4MTM4ZWJlODE8L3htcE1NOkRvY3VtZW50SUQ+CiAgICAgICAgIDx4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ+eG1wLmRpZDphNGVlNGQ5MC1hYmFhLWJkNDEtYmUxNy0wMzc4MTM4ZWJlODE8L3htcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD4KICAgICAgICAgPHhtcE1NOkhpc3Rvcnk+CiAgICAgICAgICAgIDxyZGY6U2VxPgogICAgICAgICAgICAgICA8cmRmOmxpIHJkZjpwYXJzZVR5cGU9IlJlc291cmNlIj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0OmFjdGlvbj5jcmVhdGVkPC9zdEV2dDphY3Rpb24+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDppbnN0YW5jZUlEPnhtcC5paWQ6YTRlZTRkOTAtYWJhYS1iZDQxLWJlMTctMDM3ODEzOGViZTgxPC9zdEV2dDppbnN0YW5jZUlEPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6d2hlbj4yMDI0LTAxLTE5VDEyOjMxOjMyKzA1OjMwPC9zdEV2dDp3aGVuPgogICAgICAgICAgICAgICAgICA8c3RFdnQ6c29mdHdhcmVBZ2VudD5BZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpPC9zdEV2dDpzb2Z0d2FyZUFnZW50PgogICAgICAgICAgICAgICA8L3JkZjpsaT4KICAgICAgICAgICAgICAgPHJkZjpsaSByZGY6cGFyc2VUeXBlPSJSZXNvdXJjZSI+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDphY3Rpb24+c2F2ZWQ8L3N0RXZ0OmFjdGlvbj4KICAgICAgICAgICAgICAgICAgPHN0RXZ0Omluc3RhbmNlSUQ+eG1wLmlpZDoyMmY4ZDI1ZC0zMTVhLWYxNDEtYmZkMS1jMjAxYmVkMTVkM2U8L3N0RXZ0Omluc3RhbmNlSUQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDp3aGVuPjIwMjQtMDgtMDFUMTM6MTk6MjYrMDU6MzA8L3N0RXZ0OndoZW4+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpzb2Z0d2FyZUFnZW50PkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cyk8L3N0RXZ0OnNvZnR3YXJlQWdlbnQ+CiAgICAgICAgICAgICAgICAgIDxzdEV2dDpjaGFuZ2VkPi88L3N0RXZ0OmNoYW5nZWQ+CiAgICAgICAgICAgICAgIDwvcmRmOmxpPgogICAgICAgICAgICA8L3JkZjpTZXE+CiAgICAgICAgIDwveG1wTU06SGlzdG9yeT4KICAgICAgICAgPHRpZmY6T3JpZW50YXRpb24+MTwvdGlmZjpPcmllbnRhdGlvbj4KICAgICAgICAgPHRpZmY6WFJlc29sdXRpb24+NzIwMDAwLzEwMDAwPC90aWZmOlhSZXNvbHV0aW9uPgogICAgICAgICA8dGlmZjpZUmVzb2x1dGlvbj43MjAwMDAvMTAwMDA8L3RpZmY6WVJlc29sdXRpb24+CiAgICAgICAgIDx0aWZmOlJlc29sdXRpb25Vbml0PjI8L3RpZmY6UmVzb2x1dGlvblVuaXQ+CiAgICAgICAgIDxleGlmOkNvbG9yU3BhY2U+NjU1MzU8L2V4aWY6Q29sb3JTcGFjZT4KICAgICAgICAgPGV4aWY6UGl4ZWxYRGltZW5zaW9uPjYwMjwvZXhpZjpQaXhlbFhEaW1lbnNpb24+CiAgICAgICAgIDxleGlmOlBpeGVsWURpbWVuc2lvbj4xMDU8L2V4aWY6UGl4ZWxZRGltZW5zaW9uPgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PupMdQ8AAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAGadJREFUeNrsnW+MXNV5h59Bdsu6qTzAh5go1RrWUkLqxIuoVKwu7EbRIoxRZ90qWpzaxQVXkyqJvKYN2B8i7NLKOGrwovRDViHBCW7CCqXeSYKhGUWssSvcKshrxYpjaf1nK1KcD8RrhXipvGL64Zwx4/HM7v1zzp07d36PdIXZuffce8977j2/+573vCdXqVQQQgghhBDuuUFVIIQQQgghoSWEEEIIIaElhBBCCCFgiaogPn/+k78dAZ4AVtT8uQKcBbb88L5vHlUtCSGEEJ1HrlOC4Qvl4gjwMLDS/uk88GppcGxnTJF1HOhdYJcKsPeH931zp5qbECImfcAW4C77LvtQgA/meeBd+857E9gP6ONPCAktZwLrU8BhIN9kl1ngr0qDY4ciiKxJoD/ArhVg4w/v++a4mpwQIoK4+jqwGnejEHPAfwAjwIyqWAh/ZDpGq1AuPg0cX0BkYX97uVAujoYUWX3AvUEFLfANNTchRAhGgIvAEYzX3GWoRxcwBJwD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`,
|
|
244
243
|
};
|
|
245
244
|
|
|
246
245
|
class HeaderComponent {
|
|
@@ -488,10 +487,10 @@ class HeaderComponent {
|
|
|
488
487
|
}
|
|
489
488
|
}
|
|
490
489
|
HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
491
|
-
HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { template: "template", appName: "appName" }, outputs: { menuEvent: "menuEvent", infoEvent: "infoEvent" }, ngImport: i0, template: "<mat-toolbar cdkMenuBar color=\"primary\" [ngClass]=\"headerClass\" class=\"header-wrapper common_header shadow-sm\">\n <!-- Main nav button and navigation links -->\n <button mat-icon-button color=\"primary\" (click)=\"menuAction()\" class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\"\n aria-label=\"main menu\" tabindex=\"0\" matTooltip=\"Main menu\"\n matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n <a class=\"navbar-brand me-auto\" href=\"#\">\n <img *ngIf=\"companyProfile\" [src]=\"sanitizeUrl(currentAppLogo)\" alt=\"Logo\" style=\"height: 30px;\">\n </a>\n <span class=\"example-spacer\"></span>\n <!-- Apps button and menu items -->\n <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n <button mat-raised-button *ngIf=\"(appList.length > 0)\" color=\"primary\"\n class=\"pmx-button pmx-menu-button icon-btn btn-switch-apps ms-2 me-1\" [class.menu-opened]=\"isAppsMenuOpen == true\"\n (menuOpened)=\"toggleMenu('apps')\" (menuClosed)=\"toggleMenu('apps')\" [matMenuTriggerFor]=\"apps\"\n matTooltip=\"View and switch between enabled applications\" matTooltipPosition=\"above\" aria-label=\"apps menu\"\n tabindex=\"0\">\n <mat-icon class=\"icon-arrow-down\">{{ isAppsMenuOpen ? 'enable' : 'apps' }}</mat-icon>\n </button>\n <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-apps\" hasBackdrop=\"true\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\"><mat-icon class=\"me-2\">Apps</mat-icon><h3 class=\"popover-title\">Switch Application</h3></div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\">\n <p *ngIf=\"appList?.length == 1;else appsTitle\">Enabled Application</p>\n <ng-template #appsTitle><p>Enabled Applications</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-apps-group\">\n <li cdkMenuItem class=\"list-item list-app\" *ngFor=\"let app of appList;let i = index\" \n [ngClass]=\"(app?.active) ? 'app-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"appRedirect(app)\">\n <div class=\"app-icon-wrapper\"><img [src]=\"sanitizeUrl(imageDataUrls.profetThumbnail )\" class=\"app-icon\"></div>\n <span class=\"upper-case\">{{ app?.name }}</span>\n <mat-chip-listbox class=\"mat-mdc-chip-set-stacked list-chip-box ms-auto\" *ngIf=\"app?.active\" aria-label=\"App selected\">\n <mat-chip-option selected class=\"chip-status\">Active</mat-chip-option>\n </mat-chip-listbox>\n <small class=\"hover-label\" *ngIf=\"!app?.active\">Switch now</small>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n \n <!-- Profile button and profile dropdown links -->\n <div class=\"btn-group\" role=\"group\" aria-label=\"Button group with profile info\" [ngClass]=\"((currentCompany?.subDomain) && userCompanyLogo) ? 'branded-group-true' : 'branded-group-false'\">\n <button class=\"pmx-button pmx-menu-button profile-button\" mat-button mat-stroked-button [matMenuTriggerFor]=\"menu\" [class.profile-menu-opened]=\"isProfileMenuOpen == true\"\n color=\"primary\" (menuOpened)=\"toggleMenu('profile')\" (menuClosed)=\"toggleMenu('profile')\" [ngClass]=\"currentCompany?.subDomain ? 'branded-button-true' : 'branded-button-false'\" matTooltip=\"View Profile Info\">\n <div class=\"profile-inner\">\n <div class=\"brand-logo align-self-center\" *ngIf=\"((currentCompany?.subDomain) && userCompanyLogo)\" [ngClass]=\"userCompanyLogo ? 'branded-logo-true' : 'branded-logo-false'\" [ngStyle]=\"{'background-image': 'url(' + userCompanyLogo + ')'}\"></div>\n <div class=\"avatar\">\n <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"sanitizeUrl(userImageLink)\" class=\"avatar-image\" alt=\"Avatar\">\n <ng-template #defaultAvatar><img [src]=\"sanitizeUrl(imageDataUrls.defaultUserImage)\" class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n </div>\n </div>\n </button>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\">\n <div class=\"popover-user-top\">\n <div class=\"avatar-wrapper\">\n <div *ngIf=\"userImageLink;else defaultLargeAvatar\" [ngStyle]=\"{'background-image': 'url(' + userImageLink + ')'}\"\n class=\"avatar-icon\" alt=\"Avatar icon\"> </div>\n <ng-template #defaultLargeAvatar>\n <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\" class=\"avatar-icon default-avatar\" alt=\"Avatar icon\"> </div>\n </ng-template>\n </div>\n <div class=\"user-data\">\n <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{ userAuthData?.lastName }}</span></h3>\n <button mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\" (click)=\"profile()\">View Profile</button>\n </div>\n </div>\n </div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\"><p>Overview</p></div>\n <ul cdkMenu class=\"list-group list-overview\" *ngIf=\"currentCompany\">\n <!-- <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.rolesForCurrentCompany\">\n <p mat-menu-item class=\"list-text\" >\n <mat-icon class=\"list-icon\">id_card</mat-icon>\n <span class=\"title-case me-auto\">{{ userAuthData?.rolesForCurrentCompany[0]?.split('_').join(' ') }}</span>\n </p>\n </li> -->\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.email\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.email }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.contactPhone\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.contactPhone }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.address !== null\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">location_on</mat-icon>\n <span class=\"title-case me-auto\">\n <small>{{ userAuthData?.address?.streetAddress }} {{(userAuthData?.address?.streetAddress2 !== null) ? userAuthData?.address?.streetAddress2 : '' }}</small><br />\n {{ userAuthData?.address?.city }} {{userAuthData?.address?.stateOrProvince }} {{userAuthData?.address?.postalCode }}\n </span>\n </p>\n </li>\n </ul>\n <hr />\n <div class=\"popover-content-title\">\n <p *ngIf=\"userCompanies?.length == 1;else companiesTitle\">Company</p>\n <ng-template #companiesTitle><p>Companies</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-group-companies\">\n <li cdkMenuItem class=\"list-item list-company\" *ngFor=\"let company of userCompanies\" [ngClass]=\"(company?.activeNow) ? 'company-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"switchCompany(company)\">\n <mat-icon class=\"icon-check\">{{ (company?.activeNow) ? 'radio_button_checked' : 'radio_button_unchecked' }}</mat-icon>\n <span class=\"upper-case me-auto\">{{ company?.name }}</span>\n <mat-chip-listbox class=\"mat-mdc-chip-set-stacked list-chip-box\" *ngIf=\"company?.activeNow\" aria-label=\"Company selected\">\n <mat-chip-option selected class=\"chip-status\">Active</mat-chip-option>\n </mat-chip-listbox>\n <small class=\"hover-label\" *ngIf=\"!(company?.activeNow)\">Switch now</small>\n </button>\n </li>\n </ul>\n <hr />\n <ul cdkMenu class=\"list-group last-group my-1\">\n <li cdkMenuItem class=\"list-item py-2\">\n <button mat-menu-item class=\"pmx-button list-button btn-logout\" (click)=\"onLogoutClick()\">\n <mat-icon>logout</mat-icon>\n <span class=\"upper-case\">Logout</span>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n</mat-toolbar>", styles: [":root{--clr-primary-50: #e5f3fb;--clr-primary-100: #bfdff7;--clr-primary-200: #99ccf2;--clr-primary-300: #74b8ec;--clr-primary-400: #5ba9e8;--clr-primary-500: #479be5;--clr-primary-600: #408dd7;--clr-primary-700: #377bc5;--clr-primary-800: #316bb3;--clr-primary-900: #254d93;--clr-primary: var(--clr-primary-900);--clr-secondary-50: #e6f5e9;--clr-secondary-100: #c3e7c9;--clr-secondary-200: #9cd7a8;--clr-secondary-300: #72c885;--clr-secondary: var(--clr-secondary-300);--clr-secondary-400: #51bc6b;--clr-secondary-500: #2db051;--clr-secondary-600: #24a148;--clr-secondary-700: #178f3c;--clr-secondary-800: #0a7e32;--clr-secondary-900: #005e1f;--clr-black-50: #fafafa;--clr-black-100: #f5f5f5;--clr-black-200: #eeeeee;--clr-black-300: #e0e0e0;--clr-black-400: #bdbdbd;--clr-black-500: #9e9e9e;--clr-black-600: #757575;--clr-black-700: #616161;--clr-black-800: #424242;--clr-black-900: #212121;--clr-black: var(--clr-black-900)}.mat-mdc-button:not(:disabled){color:var(--mdc-text-button-label-text-color)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #24a148;--mat-text-button-state-layer-color: #24a148;--mat-text-button-ripple-color: rgba(255, 64, 129, .1)}html .mat-accent{--mat-slider-ripple-color: #24a148;--mat-slider-hover-state-layer-color: rgba(255, 64, 129, .05);--mat-slider-focus-state-layer-color: rgba(255, 64, 129, .2);--mdc-slider-handle-color: #24a148;--mdc-slider-focus-handle-color: #24a148;--mdc-slider-hover-handle-color: #24a148;--mdc-slider-active-track-color: #24a148;--mdc-slider-inactive-track-color: #24a148;--mdc-slider-with-tick-marks-inactive-container-color: #24a148;--mdc-slider-with-tick-marks-active-container-color: #51bc6b}.header-user-name{text-align:end;color:#000}.header-user-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:absolute;left:0;top:0;background-color:#fff;height:56px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}.pmx-button mat-icon.mat-icon,.pmx-button mat-icon.mat-primary,.pmx-button mat-icon.mat-accent,.pmx-button mat-icon.mat-warn{color:var(--mat-icon-color)}.pmx-button mat-icon.mat-icon{font-size:1.5rem!important;line-height:1.5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.pmx-button.mdc-button--raised mat-icon.mat-icon{width:24px;height:24px;display:contents}.pmx-button.mat-mdc-button-base mat-icon.mat-icon{z-index:1}.pmx-button mat-icon.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.pmx-button mat-icon.mdc-button span.button-label{display:inline-flex;padding:0 1rem;text-transform:uppercase;font-size:.875rem;line-height:1.5}.pmx-button.mdc-button,.pmx-button.mdc-icon-button,.pmx-button.mdc-button .mat-mdc-button-touch-target,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{height:40px!important;font-size:.75rem!important;letter-spacing:.2px;padding:0 .5rem;line-height:normal}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--raised,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{width:40px;border-radius:5px;background-color:var(--clr-primary-50)}.pmx-button.btn-small.mdc-button,.pmx-button.btn-small.mdc-icon-button,.pmx-button.btn-small.mdc-button--outlined{height:28px!important;padding:0 1rem}.pmx-button.icon-btn.mdc-button--raised{border:1px solid var(--clr-primary-300)!important;color:var(--clr-primary-900)}.pmx-button.icon-btn.mdc-button--raised.btn-switch-apps.menu-opened{background-color:#254d93;color:#fff;font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.pmx-button.mat-mdc-outlined-button.btn-switch-apps:hover{border-color:#85bdcd!important}.pmx-button.icon-app{width:20px}.pmx-button.mat-mdc-outlined-button,.pmx-button.mat-mdc-outlined-button:not(:disabled){background-color:#fff;overflow:hidden}.pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{padding:0;border-color:var(--clr-secondary-400)!important;border-radius:20px}.pmx-button.profile-button .profile-inner{border:0 solid transparent!important;display:flex;align-items:center;overflow:clip}.pmx-button.profile-button .avatar{width:38px;height:38px;box-sizing:border-box;border:3px #ffffff solid!important;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;background-color:var(--clr-secondary-200)}.pmx-button.profile-button .avatar img.avatar-image,.pmx-button.profile-button .avatar img.avatar-default{width:100%;height:auto}.branded-group-false{margin-left:.65rem}.branded-group-false .pmx-button.pmx-menu-button.profile-button.branded-button-false{width:40px;border-radius:20px}.branded-group-true{background-color:var(--clr-secondary-200);margin-left:.65rem;border-radius:20px 0 0 20px}.branded-group-true .pmx-button.profile-button .profile-inner{border:0 solid #c4c9d2!important}.branded-group-true .pmx-button.pmx-menu-button.profile-button.branded-button-true{border-radius:20px}.branded-group-true .pmx-button.profile-button.branded-button-true .profile-inner .branded-logo-true{border-radius:5px;display:block;position:relative;height:38px;background-size:100%;background-position:center;background-repeat:no-repeat;min-width:100px;margin-right:1rem}.pmx-menu-group.mat-mdc-menu-panel{margin-top:1rem}.header-dropdown-apps.mat-mdc-menu-panel .mat-mdc-menu-content,.header-dropdown-profile.mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important}.header-dropdown-apps{width:400px!important}.header-dropdown-apps.mat-mdc-menu-panel .list-button{padding:.5rem 2rem}.header-dropdown-apps.mdc-menu-surface--open,.header-dropdown-profile.mdc-menu-surface--open{position:absolute;z-index:1;top:0;right:0;margin:0;padding:0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;animation:popover .2s ease-in-out}.header-dropdown-apps.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:400px!important;width:400px!important;overflow:visible}.header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:360px!important;width:360px!important;overflow:visible}.popover-content:after,.popover-content:before{font-size:1.4em;display:block;width:0;height:0;content:\"\";pointer-events:none;position:absolute;top:-.45em}.popover-content:before{border-right:10px solid transparent;border-bottom:10px solid #999;border-left:10px solid transparent;right:.97em}.popover-content:after{border-right:12px solid transparent;border-bottom:12px solid #d5e3fa;border-left:12px solid transparent;right:.9em}.popover-content-title{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 1rem;min-height:40px}.popover-content-title p{margin:0;font-size:.75rem!important;color:#777}.popover-content .popover-user-top:after{clear:both;content:\"\";display:table}.popover-content .popover-user-top{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}.popover-content .popover-user-top .avatar-wrapper{flex:0 4 auto;border-radius:100%;overflow-clip-margin:content-box;overflow:clip;background-color:#fff;padding:2px}.drop-shadow{filter:drop-shadow(0px 0px 3px rgba(0,0,0,.5))}.popover-content .popover-user-top .user-data{flex:1 0 auto;margin-left:1rem}.popover-content .popover-user-top .avatar-wrapper .avatar-icon{background-repeat:no-repeat;background-size:100%;background-position:center;width:64px;height:64px;background-color:#72c885}.avatar-icon.default-avatar{background-size:100%}.popover-content .popover-user-top .user-data h3.profile-name{font-size:1rem;text-overflow:ellipsis;text-transform:uppercase;margin-bottom:.5rem;line-height:normal;font-weight:600;color:var(--clr-primary)}.btn.view-profile{background:var(--clr-black-50);color:var(--clr-primary)}.popover-content ul.list-group{padding:0 0 8px;margin:0;display:flex;list-style:none}.popover-content ul.list-group.last-group,.popover-content ul.list-group.last-group .list-item{background-color:transparent}.popover-content ul.list-group li.list-item{align-items:center;border:none;padding:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;order:1}.popover-content ul.list-group li.list-item .list-button{padding:.5rem 2rem;min-height:40px}.popover-content ul.list-group li.list-item span.mat-mdc-menu-item-text,.popover-content ul.list-group li.list-item span.mdc-list-item__primary-text,.popover-content ul.list-group li.list-item .list-button>span{display:flex;align-items:center}.popover-content ul.list-group li.list-item.list-company .list-button>span{width:100%}.popover-content ul.list-group li.list-item .list-button .hover-label{opacity:0;display:inline-flex;margin-left:auto;font-size:.65rem;padding:0 .75rem;color:#212121;border:1px solid transparent}.popover-content ul.list-group li.list-item.list-app .list-button:hover>span .hover-label,.popover-content ul.list-group li.list-item.list-company .list-button:hover>span .hover-label{display:inline-flex;margin-left:auto;font-size:.65rem;transition:margin-left .3s ease-out;opacity:1;border:1px solid #93c47d;border-radius:20px;padding:0 .75rem;color:var(--clr-secondary-500);font-weight:500}.popover-content ul.list-group li.list-item .list-button:hover{background:rgba(0,0,0,.04)}.popover-content ul.list-group li.list-item.company-active,.popover-content ul.list-group li.list-item.app-active{cursor:not-allowed;pointer-events:none;order:0}.popover-content ul.list-group.list-apps-group{display:flex}.popover-content ul.list-group.list-overview li.list-item{cursor:not-allowed;pointer-events:none}.popover-content ul.list-group li.list-item p.list-text{padding:.5rem 2rem;margin:0;min-height:auto}.popover-content ul.list-group li.list-item .list-button .mat-icon,.popover-content ul.list-group li.list-item p.list-text .mat-icon,.popover-content ul.list-group li.list-item .list-button .list-icon,.popover-content ul.list-group li.list-item p.list-text .list-icon{color:var(--clr-secondary-800);font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item.list-active .list-button .list-icon,.popover-content ul.list-group li.list-item.list-active p.list-text .list-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item p.list-text span.mdc-list-item__primary-text{width:100%;display:flex}.popover-content ul.list-group li.list-item span.title-case{font-size:.8rem;color:var(--clr-black-900);font-weight:500;display:block;line-height:normal}small{color:var(--clr-black-500)}.popover-content ul.list-group li.list-item span.text-label{font-size:12px;color:#979797;font-weight:400;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.upper-case{text-transform:uppercase;font-size:14px;color:#0a152f;font-weight:600;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.app-status,.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{font-size:13px;color:#0a152f;font-weight:400;display:block;line-height:normal;margin:0}.popover-content ul.list-group li.list-item.app-active span.upper-case,.popover-content ul.list-group li.list-item.company-active span.upper-case{color:#4b85ea}.popover-content ul.list-group li.list-item.app-active span.app-status,.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status,.popover-content ul.list-group li.list-item.company-active span.app-status,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status{color:#24a53f}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{display:flex;flex-direction:row;justify-content:flex-start}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{transition:all .3s ease-out;margin-left:auto;flex:1;justify-content:flex-end}.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{background-color:var(--clr-primary-600);color:var(--clr-black-100)}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip .mat-mdc-chip-action-label{font-size:.75rem}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip{height:24px}.popover-content ul.list-group li.list-item img.logo-thumb{width:24px;height:auto;margin-right:1rem}.popover-content ul.list-group li.list-item .list-button.btn-logout{display:flex;align-items:center;color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active .list-button .app-icon-wrapper{background-color:#fff;border-color:#4b85ea;border-width:3px}.popover-content ul.list-group li.list-item.company-active p.list-text .mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24;color:var(--themelightblue)}.popover-content ul.list-group li.list-item .list-button.btn-logout .mat-icon{color:var(--clr-black-800)}.popover-content ul.list-group li.list-item.app-active button,.popover-content ul.list-group li.list-item.company-active button{cursor:not-allowed;pointer-events:none}.popover-content hr{background-color:#c4c9d2;margin:0;width:100%;border:0;border-top:1px solid #c4c9d2;opacity:1}.popover-content ul.apps-grid{width:100%;white-space:nowrap;overflow:auto}.popover-content ul.apps-grid li.list-item,.popover-content ul.apps-grid li.list-item img.logo-thumb{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-content:center;align-items:center;flex-direction:row}.popover-header{background-color:#d5e3fa;border-bottom:1px solid #d8d8d8;padding:.975rem 1rem;margin-bottom:0;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;flex-wrap:wrap}.popover-header .mat-icon{font-size:1.5rem!important;font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24;color:var(--clr-primary-900)}.header-dropdown-profile .popover-header{padding:1.125rem 1rem}.popover-header h3.popover-title{font-size:1rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:0;line-height:normal;font-weight:500;color:#254d93}.popover-body{max-height:420px;overflow:auto;padding:0}.app-icon-wrapper{margin:0 1rem 0 0;max-width:48px;max-height:48px;width:48px;height:48px;overflow:hidden;background-size:70%;background-repeat:no-repeat;background-position:center;border:1px solid #c4c9d2;border-radius:8px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap}.app-icon-wrapper img.app-icon{width:100%;height:auto;overflow:hidden;padding:.5rem}h4.app-name{font-size:.65rem;margin:.5rem 0 0;line-height:normal;color:#254d93;font-weight:400;text-transform:uppercase}.popover-body ul.enabled-apps{display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-content:flex-start;border-bottom:1px solid #E9E9E9;margin:0;padding:0 1rem;list-style:none}.popover-body ul.enabled-apps li.enabled-app{flex-grow:1;flex:0 1 auto;text-align:center;font-size:.8125rem;padding:10px;list-style:none}.mat-tooltip{overflow:visible}.cdk-overlay-container .mdc-tooltip:before{width:0!important;height:0!important;content:\"\"!important;position:absolute!important;border-left:.5rem solid transparent!important;border-right:.5rem solid transparent!important;border-bottom:.5rem solid #0000008c!important}.cdk-overlay-container .mdc-tooltip:before{left:50%!important;top:-8px!important;transform:rotate(0)!important;right:50%!important}.cdk-overlay-container .mdc-tooltip__surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i7.MatChipListbox, selector: "mat-chip-listbox", inputs: ["tabIndex", "multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i7.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "selectable", "selected"], outputs: ["selectionChange"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
490
|
+
HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { template: "template", appName: "appName" }, outputs: { menuEvent: "menuEvent", infoEvent: "infoEvent" }, ngImport: i0, template: "<mat-toolbar cdkMenuBar color=\"primary\" [ngClass]=\"headerClass\" class=\"header-wrapper common_header shadow-sm\">\n <!-- Main nav button and navigation links -->\n <button mat-icon-button color=\"theme-white\" (click)=\"menuAction()\" class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\"\n aria-label=\"main menu\" tabindex=\"0\" matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n <a class=\"navbar-brand me-auto\" href=\"#\">\n <img *ngIf=\"currentAppLogo\" [src]=\"sanitizeUrl(currentAppLogo)\" alt=\"App Logo\" class=\"app-logo\">\n </a>\n <span class=\"example-spacer\"></span>\n <!-- Apps button and menu items -->\n <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n <button mat-icon-button *ngIf=\"(appList.length > 0)\" color=\"theme-white\"\n class=\"pmx-button pmx-menu-button icon-btn btn-switch-apps ms-2 me-1\" [class.menu-opened]=\"isAppsMenuOpen == true\"\n (menuOpened)=\"toggleMenu('apps')\" (menuClosed)=\"toggleMenu('apps')\" [matMenuTriggerFor]=\"apps\"\n matTooltip=\"Switch application\" matTooltipPosition=\"below\" aria-label=\"apps menu\"\n tabindex=\"0\">\n <mat-icon class=\"icon-arrow-down\">apps</mat-icon>\n </button>\n <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-apps\" hasBackdrop=\"true\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\"><mat-icon class=\"me-2\">Apps</mat-icon><h3 class=\"popover-title\">Switch Application</h3></div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\">\n <p *ngIf=\"appList?.length == 1;else appsTitle\">Enabled Application</p>\n <ng-template #appsTitle><p>Enabled Applications</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-apps-group\">\n <li cdkMenuItem class=\"list-item list-app\" *ngFor=\"let app of appList;let i = index\" \n [ngClass]=\"(app?.active) ? 'app-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"appRedirect(app)\">\n <div class=\"app-icon-wrapper\"><img [src]=\"sanitizeUrl(imageDataUrls.profetThumbnail )\" class=\"app-icon\"></div>\n <span class=\"list-text me-auto\">{{ app?.name }}</span>\n <small class=\"active-label\" *ngIf=\"(app?.active)\">Active</small>\n <small class=\"hover-label tooltip-label\" *ngIf=\"!(app?.active)\">Click to switch app</small>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n \n <!-- Profile button and profile dropdown links -->\n <div class=\"btn-group\" role=\"group\" aria-label=\"Button group with profile info\" [ngClass]=\"(((currentCompany?.subDomain) && userCompanyLogo) ? 'branded-group-true' : 'branded-group-false') + ' ' + (isProfileMenuOpen ? 'btn-group-clicked' : '')\">\n <button class=\"pmx-button pmx-menu-button profile-button\" mat-button mat-stroked-button [matMenuTriggerFor]=\"menu\"\n color=\"primary\" (menuOpened)=\"toggleMenu('profile')\" (menuClosed)=\"toggleMenu('profile')\" [ngClass]=\"currentCompany?.subDomain ? 'branded-button-true' : 'branded-button-false'\" matTooltip=\"View Profile Info\" matTooltipPosition=\"below\">\n <div class=\"profile-inner\">\n <div class=\"brand-logo align-self-center\" *ngIf=\"((currentCompany?.subDomain) && userCompanyLogo)\" [ngClass]=\"userCompanyLogo ? 'branded-logo-true' : 'branded-logo-false'\" [ngStyle]=\"{'background-image': 'url(' + userCompanyLogo + ')'}\"></div>\n <div class=\"avatar\">\n <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"sanitizeUrl(userImageLink)\" class=\"avatar-image\" alt=\"Avatar\">\n <ng-template #defaultAvatar><img [src]=\"sanitizeUrl(imageDataUrls.defaultUserImage)\" class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n </div>\n </div>\n </button>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\">\n <div class=\"popover-user-top\">\n <div class=\"avatar-wrapper\">\n <div *ngIf=\"userImageLink;else defaultLargeAvatar\" [ngStyle]=\"{'background-image': 'url(' + userImageLink + ')'}\"\n class=\"avatar-icon\" alt=\"Avatar icon\"> </div>\n <ng-template #defaultLargeAvatar>\n <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\" class=\"avatar-icon default-avatar\" alt=\"Avatar icon\"> </div>\n </ng-template>\n </div>\n <div class=\"user-data\">\n <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{ userAuthData?.lastName }}</span></h3>\n <button mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\" (click)=\"profile()\">View Profile</button>\n </div>\n </div>\n </div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\"><p>Overview</p></div>\n <ul cdkMenu class=\"list-group list-overview\" *ngIf=\"currentCompany\">\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.email\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.email }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.contactPhone\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.contactPhone }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.address !== null\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">location_on</mat-icon>\n <span class=\"title-case me-auto\">\n <small>{{ userAuthData?.address?.streetAddress }} {{(userAuthData?.address?.streetAddress2 !== null) ? userAuthData?.address?.streetAddress2 : '' }}</small><br />\n {{ userAuthData?.address?.city }} {{userAuthData?.address?.stateOrProvince }} {{userAuthData?.address?.postalCode }}\n </span>\n </p>\n </li>\n </ul>\n <hr />\n <div class=\"popover-content-title\">\n <p *ngIf=\"userCompanies?.length == 1;else companiesTitle\">Company</p>\n <ng-template #companiesTitle><p>Companies</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-group-companies\">\n <li cdkMenuItem class=\"list-item list-company\" *ngFor=\"let company of userCompanies\" [ngClass]=\"(company?.activeNow) ? 'company-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"switchCompany(company)\">\n <mat-icon class=\"icon-check\">{{ (company?.activeNow) ? 'check' : '' }}</mat-icon>\n <span class=\"list-text me-auto\">{{ company?.name | titlecase }}</span>\n <small class=\"active-label\" *ngIf=\"(company?.activeNow)\">Active</small>\n <small class=\"hover-label tooltip-label\" *ngIf=\"!(company?.activeNow)\">Click to switch company</small>\n </button>\n </li>\n </ul>\n <hr />\n <ul cdkMenu class=\"list-group last-group my-1\">\n <li cdkMenuItem class=\"list-item py-2\">\n <button mat-menu-item class=\"pmx-button list-button btn-logout\" (click)=\"onLogoutClick()\">\n <mat-icon>power_settings_new</mat-icon>\n <span class=\"list-text\">Logout</span>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n</mat-toolbar>", styles: [":root{--clr-primary-50: #e5f3fb;--clr-primary-100: #bfdff7;--clr-primary-200: #99ccf2;--clr-primary-300: #74b8ec;--clr-primary-400: #5ba9e8;--clr-primary-500: #479be5;--clr-primary-600: #408dd7;--clr-primary-700: #377bc5;--clr-primary-800: #316bb3;--clr-primary-900: #254d93;--clr-primary: var(--clr-primary-900);--clr-secondary-50: #e6f5e9;--clr-secondary-100: #c3e7c9;--clr-secondary-200: #9cd7a8;--clr-secondary-300: #72c885;--clr-secondary: var(--clr-secondary-300);--clr-secondary-400: #51bc6b;--clr-secondary-500: #2db051;--clr-secondary-600: #24a148;--clr-secondary-700: #178f3c;--clr-secondary-800: #0a7e32;--clr-secondary-900: #005e1f;--clr-black-50: #fafafa;--clr-black-100: #f5f5f5;--clr-black-200: #eeeeee;--clr-black-300: #e0e0e0;--clr-black-400: #bdbdbd;--clr-black-500: #9e9e9e;--clr-black-600: #757575;--clr-black-700: #616161;--clr-black-800: #424242;--clr-black-900: #212121;--clr-black: var(--clr-black-900)}.mat-mdc-button:not(:disabled){color:var(--mdc-text-button-label-text-color)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #24a148;--mat-text-button-state-layer-color: #24a148;--mat-text-button-ripple-color: rgba(255, 64, 129, .1)}html .mat-accent{--mat-slider-ripple-color: #24a148;--mat-slider-hover-state-layer-color: rgba(255, 64, 129, .05);--mat-slider-focus-state-layer-color: rgba(255, 64, 129, .2);--mdc-slider-handle-color: #24a148;--mdc-slider-focus-handle-color: #24a148;--mdc-slider-hover-handle-color: #24a148;--mdc-slider-active-track-color: #24a148;--mdc-slider-inactive-track-color: #24a148;--mdc-slider-with-tick-marks-inactive-container-color: #24a148;--mdc-slider-with-tick-marks-active-container-color: #51bc6b}.header-user-name{text-align:end;color:#000}.header-user-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:absolute;left:0;top:0;background-color:#fff;height:56px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}.navbar-brand .app-logo{height:30px;width:auto}.pmx-button mat-icon.mat-icon,.pmx-button mat-icon.mat-primary,.pmx-button mat-icon.mat-accent,.pmx-button mat-icon.mat-warn{color:var(--mat-icon-color)}.pmx-button mat-icon.mat-icon{font-size:1.5rem!important;line-height:1.5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.pmx-button.mdc-button--raised mat-icon.mat-icon{width:24px;height:24px;display:contents}.pmx-button.mat-mdc-button-base mat-icon.mat-icon{z-index:1}.pmx-button mat-icon.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.pmx-button mat-icon.mdc-button span.button-text{display:inline-flex;padding:0 1rem;text-transform:uppercase;font-size:.875rem;line-height:1.5}.pmx-button mat-icon.mdc-button span.upper-case{text-transform:uppercase}.pmx-button.mdc-button,.pmx-button.mdc-icon-button,.pmx-button.mdc-button--outlined,.pmx-button.mdc-button .mat-mdc-button-touch-target,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{height:40px!important;font-size:.75rem!important;letter-spacing:.2px;padding:0 .5rem;line-height:normal}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--outlined,.pmx-button.icon-btn.mdc-button--raised,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{width:40px;border-radius:5px}.pmx-button.btn-small.mdc-button,.pmx-button.btn-small.mdc-icon-button,.pmx-button.btn-small.mdc-button--outlined{height:28px!important;padding:0 1rem}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--raised{color:var(--clr-primary-900);background-color:var(--clr-primary-50);border:1px solid var(--clr-primary-200)!important}.pmx-header .icon-button-shadow{box-shadow:0 1px 3px #0003,0 0 #00000024,0 1px 3px #0000001f}.pmx-button.icon-btn.mdc-button--raised.btn-switch-apps.menu-opened,.pmx-button.icon-btn.mdc-button--outlined.btn-switch-apps.menu-opened{background-color:#254d93;color:#fff;font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.pmx-button.mdc-icon-button.pmx-menu-button:hover,.pmx-button.mat-mdc-outlined-button.btn-switch-apps:hover,.pmx-button.icon-btn.mdc-button--outlined.btn-switch-apps:hover{border:1px solid var(--clr-primary-300)!important}.pmx-button.icon-app{width:20px}.pmx-button.mat-mdc-outlined-button,.pmx-button.mat-mdc-outlined-button:not(:disabled){background-color:#fff;overflow:hidden}.pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{padding:0;border-color:var(--clr-primary-100)!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:var(--clr-primary-300)!important}.pmx-button.profile-button .profile-inner{border:0 solid transparent!important;display:flex;align-items:center;overflow:clip}.pmx-button.profile-button .avatar{width:38px;height:38px;box-sizing:border-box;border:3px #ffffff solid!important;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap}.pmx-button.profile-button .avatar{background-color:var(--clr-secondary-200)}.pmx-button.profile-button .avatar img.avatar-image,.pmx-button.profile-button .avatar img.avatar-default{width:100%;height:auto}.branded-group-false{margin-left:.65rem}.branded-group-false .pmx-button.pmx-menu-button.profile-button.branded-button-false{width:40px;border-radius:20px}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid var(--clr-primary-100)}.btn-group-clicked.branded-group-true{background-color:var(--clr-primary-200)}.branded-group-true .pmx-button.profile-button .profile-inner{border:0 solid #c4c9d2!important}.branded-group-true .pmx-button.pmx-menu-button.profile-button.branded-button-true{border-radius:20px}.branded-group-true .pmx-button.profile-button.branded-button-true .profile-inner .branded-logo-true{border-radius:5px;display:block;position:relative;height:38px;background-size:100%;background-position:center;background-repeat:no-repeat;min-width:100px;margin-right:1rem}.pmx-menu-group.mat-mdc-menu-panel{margin-top:1rem}.header-dropdown-apps.mat-mdc-menu-panel .mat-mdc-menu-content,.header-dropdown-profile.mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important}.header-dropdown-apps{width:400px!important}.header-dropdown-apps.mat-mdc-menu-panel .list-button{padding:.5rem 2rem}.header-dropdown-apps.mdc-menu-surface--open,.header-dropdown-profile.mdc-menu-surface--open{position:absolute;z-index:1;top:0;right:0;margin:0;padding:0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;animation:popover .2s ease-in-out}.header-dropdown-apps.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:400px!important;width:400px!important;overflow:visible}.header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:360px!important;width:360px!important;overflow:visible}.popover-content:after,.popover-content:before{font-size:1.4em;display:block;width:0;height:0;content:\"\";pointer-events:none;position:absolute;top:-.45em}.popover-content:before{border-right:10px solid transparent;border-bottom:10px solid #999;border-left:10px solid transparent;right:.97em}.popover-content:after{border-right:12px solid transparent;border-bottom:12px solid #d5e3fa;border-left:12px solid transparent;right:.9em}.popover-content-title{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 1rem;min-height:40px}.popover-content-title p{margin:0;font-size:.75rem!important;color:#777}.popover-content .popover-user-top:after{clear:both;content:\"\";display:table}.popover-content .popover-user-top{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}.popover-content .popover-user-top .avatar-wrapper{flex:0 4 auto;border-radius:100%;overflow-clip-margin:content-box;overflow:clip;background-color:#fff;padding:2px}.drop-shadow{filter:drop-shadow(0px 0px 3px rgba(0,0,0,.5))}.popover-content .popover-user-top .user-data{flex:1 0 auto;margin-left:1rem}.popover-content .popover-user-top .avatar-wrapper .avatar-icon{background-repeat:no-repeat;background-size:100%;background-position:center;width:64px;height:64px;background-color:#72c885}.avatar-icon.default-avatar{background-size:100%}.popover-content .popover-user-top .user-data h3.profile-name{font-size:1rem;text-overflow:ellipsis;margin-bottom:.5rem;line-height:normal;font-weight:600;color:var(--clr-primary)}.btn.view-profile{background:var(--clr-black-50);color:var(--clr-primary)}.popover-content ul.list-group{padding:0 0 8px;margin:0;display:flex;list-style:none}.popover-content ul.list-group.last-group,.popover-content ul.list-group.last-group .list-item{background-color:transparent}.popover-content ul.list-group li.list-item{align-items:center;border:none;padding:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;order:1}.popover-content ul.list-group li.list-item .list-button{padding:.5rem 2rem;min-height:40px}.popover-content ul.list-group li.list-item span.mat-mdc-menu-item-text,.popover-content ul.list-group li.list-item span.mdc-list-item__primary-text,.popover-content ul.list-group li.list-item .list-button>span{display:flex;align-items:center}.popover-content ul.list-group li.list-item.list-company .list-button>span{width:100%}.popover-content ul.list-group li.list-item .list-button .hover-label.tooltip-label{opacity:0}.popover-content ul.list-group li.list-item.list-app .list-button:hover>span .hover-label.tooltip-label,.popover-content ul.list-group li.list-item.list-company .list-button:hover>span .hover-label.tooltip-label{opacity:1;display:inline-flex;color:#fff;background-color:#616161;font-size:11px;border-radius:4px;padding:0 .5rem;transition:opacity .3s ease-out}.popover-content ul.list-group li.list-item .list-button:hover{background:rgba(0,0,0,.04)}.popover-content ul.list-group li.list-item.company-active,.popover-content ul.list-group li.list-item.app-active{cursor:not-allowed;pointer-events:none;order:0}.popover-content ul.list-group li.list-item.company-active .active-label,.popover-content ul.list-group li.list-item.app-active .active-label{background-color:#93c47d;color:var(--clr-black-900);padding:0 .5rem;border-radius:50px;font-size:.75rem}.popover-content ul.list-group.list-apps-group{display:flex}.popover-content ul.list-group.list-overview li.list-item{cursor:not-allowed;pointer-events:none}.popover-content ul.list-group li.list-item p.list-text{padding:.5rem 2rem;margin:0;min-height:auto}.popover-content ul.list-group li.list-item .list-button .mat-icon,.popover-content ul.list-group li.list-item p.list-text .mat-icon,.popover-content ul.list-group li.list-item .list-button .list-icon,.popover-content ul.list-group li.list-item p.list-text .list-icon{color:var(--clr-secondary-800);font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item.list-active .list-button .list-icon,.popover-content ul.list-group li.list-item.list-active p.list-text .list-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item p.list-text span.mdc-list-item__primary-text{width:100%;display:flex}.popover-content ul.list-group li.list-item span.title-case{font-size:.8rem;color:var(--clr-black-900);font-weight:500;display:block;line-height:normal}small{color:var(--clr-black-500)}.popover-content ul.list-group li.list-item span.text-label{font-size:12px;color:#979797;font-weight:400;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.list-text{font-size:.875rem;color:#0a152f;font-weight:500;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.upper-case{text-transform:uppercase}.popover-content ul.list-group li.list-item span.app-status,.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{font-size:13px;color:#0a152f;font-weight:400;display:block;line-height:normal;margin:0}.popover-content ul.list-group li.list-item.app-active span.list-text,.popover-content ul.list-group li.list-item.company-active span.list-text{color:#4b85ea}.popover-content ul.list-group li.list-item.app-active span.app-status,.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status,.popover-content ul.list-group li.list-item.company-active span.app-status,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status{color:#24a53f}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{display:flex;flex-direction:row;justify-content:flex-start}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{transition:all .3s ease-out;margin-left:auto;flex:1;justify-content:flex-end}.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{background-color:var(--clr-primary-600);color:var(--clr-black-100)}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip .mat-mdc-chip-action-label{font-size:.75rem}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip{height:24px}.popover-content ul.list-group li.list-item img.logo-thumb{width:24px;height:auto;margin-right:1rem}.popover-content ul.list-group li.list-item .list-button.btn-logout{display:flex;align-items:center;color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active .list-button .app-icon-wrapper{background-color:#fff;border-color:#4b85ea;border-width:3px}.popover-content ul.list-group li.list-item.company-active p.list-text .mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24;color:var(--themelightblue)}.popover-content ul.list-group li.list-item .list-button.btn-logout .list-text{color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active button,.popover-content ul.list-group li.list-item.company-active button{cursor:not-allowed;pointer-events:none}.popover-content hr{background-color:#c4c9d2;margin:0;width:100%;border:0;border-top:1px solid #c4c9d2;opacity:1}.popover-content ul.apps-grid{width:100%;white-space:nowrap;overflow:auto}.popover-content ul.apps-grid li.list-item,.popover-content ul.apps-grid li.list-item img.logo-thumb{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-content:center;align-items:center;flex-direction:row}.popover-header{background-color:#d5e3fa;border-bottom:1px solid #d8d8d8;padding:.975rem 1rem;margin-bottom:0;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;flex-wrap:wrap}.popover-header .mat-icon{font-size:1.5rem!important;font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24;color:var(--clr-primary-900)}.header-dropdown-profile .popover-header{padding:1.125rem 1rem}.popover-header h3.popover-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:0;line-height:normal;font-weight:500;color:#254d93}.popover-body{max-height:420px;overflow:auto;padding:0}.app-icon-wrapper{margin:0 1rem 0 0;max-width:48px;max-height:48px;width:48px;height:48px;overflow:hidden;background-size:70%;background-repeat:no-repeat;background-position:center;border:1px solid #c4c9d2;border-radius:8px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap}.app-icon-wrapper img.app-icon{width:100%;height:auto;overflow:hidden;padding:.5rem}h4.app-name{font-size:.65rem;margin:.5rem 0 0;line-height:normal;color:#254d93;font-weight:400;text-transform:uppercase}.popover-body ul.enabled-apps{display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-content:flex-start;border-bottom:1px solid #E9E9E9;margin:0;padding:0 1rem;list-style:none}.popover-body ul.enabled-apps li.enabled-app{flex-grow:1;flex:0 1 auto;text-align:center;font-size:.8125rem;padding:10px;list-style:none}.mat-tooltip{overflow:visible}.cdk-overlay-container .mdc-tooltip:before{width:0!important;height:0!important;content:\"\"!important;position:absolute!important;border-left:.5rem solid transparent!important;border-right:.5rem solid transparent!important;border-bottom:.5rem solid #0000008c!important}.cdk-overlay-container .mdc-tooltip:before{left:50%!important;top:-8px!important;transform:rotate(0)!important;right:50%!important}.cdk-overlay-container .mdc-tooltip__surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:var(--clr-primary-900);background-color:var(--clr-black-50);border:1px solid var(--clr-primary-900)!important}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid var(--clr-black-50)!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }], encapsulation: i0.ViewEncapsulation.None });
|
|
492
491
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
|
|
493
492
|
type: Component,
|
|
494
|
-
args: [{ selector: 'lib-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar cdkMenuBar color=\"primary\" [ngClass]=\"headerClass\" class=\"header-wrapper common_header shadow-sm\">\n <!-- Main nav button and navigation links -->\n <button mat-icon-button color=\"primary\" (click)=\"menuAction()\" class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\"\n aria-label=\"main menu\" tabindex=\"0\" matTooltip=\"Main menu\"\n matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n <a class=\"navbar-brand me-auto\" href=\"#\">\n <img *ngIf=\"companyProfile\" [src]=\"sanitizeUrl(currentAppLogo)\" alt=\"Logo\" style=\"height: 30px;\">\n </a>\n <span class=\"example-spacer\"></span>\n <!-- Apps button and menu items -->\n <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n <button mat-raised-button *ngIf=\"(appList.length > 0)\" color=\"primary\"\n class=\"pmx-button pmx-menu-button icon-btn btn-switch-apps ms-2 me-1\" [class.menu-opened]=\"isAppsMenuOpen == true\"\n (menuOpened)=\"toggleMenu('apps')\" (menuClosed)=\"toggleMenu('apps')\" [matMenuTriggerFor]=\"apps\"\n matTooltip=\"View and switch between enabled applications\" matTooltipPosition=\"above\" aria-label=\"apps menu\"\n tabindex=\"0\">\n <mat-icon class=\"icon-arrow-down\">{{ isAppsMenuOpen ? 'enable' : 'apps' }}</mat-icon>\n </button>\n <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-apps\" hasBackdrop=\"true\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\"><mat-icon class=\"me-2\">Apps</mat-icon><h3 class=\"popover-title\">Switch Application</h3></div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\">\n <p *ngIf=\"appList?.length == 1;else appsTitle\">Enabled Application</p>\n <ng-template #appsTitle><p>Enabled Applications</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-apps-group\">\n <li cdkMenuItem class=\"list-item list-app\" *ngFor=\"let app of appList;let i = index\" \n [ngClass]=\"(app?.active) ? 'app-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"appRedirect(app)\">\n <div class=\"app-icon-wrapper\"><img [src]=\"sanitizeUrl(imageDataUrls.profetThumbnail )\" class=\"app-icon\"></div>\n <span class=\"upper-case\">{{ app?.name }}</span>\n <mat-chip-listbox class=\"mat-mdc-chip-set-stacked list-chip-box ms-auto\" *ngIf=\"app?.active\" aria-label=\"App selected\">\n <mat-chip-option selected class=\"chip-status\">Active</mat-chip-option>\n </mat-chip-listbox>\n <small class=\"hover-label\" *ngIf=\"!app?.active\">Switch now</small>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n \n <!-- Profile button and profile dropdown links -->\n <div class=\"btn-group\" role=\"group\" aria-label=\"Button group with profile info\" [ngClass]=\"((currentCompany?.subDomain) && userCompanyLogo) ? 'branded-group-true' : 'branded-group-false'\">\n <button class=\"pmx-button pmx-menu-button profile-button\" mat-button mat-stroked-button [matMenuTriggerFor]=\"menu\" [class.profile-menu-opened]=\"isProfileMenuOpen == true\"\n color=\"primary\" (menuOpened)=\"toggleMenu('profile')\" (menuClosed)=\"toggleMenu('profile')\" [ngClass]=\"currentCompany?.subDomain ? 'branded-button-true' : 'branded-button-false'\" matTooltip=\"View Profile Info\">\n <div class=\"profile-inner\">\n <div class=\"brand-logo align-self-center\" *ngIf=\"((currentCompany?.subDomain) && userCompanyLogo)\" [ngClass]=\"userCompanyLogo ? 'branded-logo-true' : 'branded-logo-false'\" [ngStyle]=\"{'background-image': 'url(' + userCompanyLogo + ')'}\"></div>\n <div class=\"avatar\">\n <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"sanitizeUrl(userImageLink)\" class=\"avatar-image\" alt=\"Avatar\">\n <ng-template #defaultAvatar><img [src]=\"sanitizeUrl(imageDataUrls.defaultUserImage)\" class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n </div>\n </div>\n </button>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\">\n <div class=\"popover-user-top\">\n <div class=\"avatar-wrapper\">\n <div *ngIf=\"userImageLink;else defaultLargeAvatar\" [ngStyle]=\"{'background-image': 'url(' + userImageLink + ')'}\"\n class=\"avatar-icon\" alt=\"Avatar icon\"> </div>\n <ng-template #defaultLargeAvatar>\n <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\" class=\"avatar-icon default-avatar\" alt=\"Avatar icon\"> </div>\n </ng-template>\n </div>\n <div class=\"user-data\">\n <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{ userAuthData?.lastName }}</span></h3>\n <button mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\" (click)=\"profile()\">View Profile</button>\n </div>\n </div>\n </div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\"><p>Overview</p></div>\n <ul cdkMenu class=\"list-group list-overview\" *ngIf=\"currentCompany\">\n <!-- <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.rolesForCurrentCompany\">\n <p mat-menu-item class=\"list-text\" >\n <mat-icon class=\"list-icon\">id_card</mat-icon>\n <span class=\"title-case me-auto\">{{ userAuthData?.rolesForCurrentCompany[0]?.split('_').join(' ') }}</span>\n </p>\n </li> -->\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.email\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.email }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.contactPhone\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.contactPhone }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.address !== null\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">location_on</mat-icon>\n <span class=\"title-case me-auto\">\n <small>{{ userAuthData?.address?.streetAddress }} {{(userAuthData?.address?.streetAddress2 !== null) ? userAuthData?.address?.streetAddress2 : '' }}</small><br />\n {{ userAuthData?.address?.city }} {{userAuthData?.address?.stateOrProvince }} {{userAuthData?.address?.postalCode }}\n </span>\n </p>\n </li>\n </ul>\n <hr />\n <div class=\"popover-content-title\">\n <p *ngIf=\"userCompanies?.length == 1;else companiesTitle\">Company</p>\n <ng-template #companiesTitle><p>Companies</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-group-companies\">\n <li cdkMenuItem class=\"list-item list-company\" *ngFor=\"let company of userCompanies\" [ngClass]=\"(company?.activeNow) ? 'company-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"switchCompany(company)\">\n <mat-icon class=\"icon-check\">{{ (company?.activeNow) ? 'radio_button_checked' : 'radio_button_unchecked' }}</mat-icon>\n <span class=\"upper-case me-auto\">{{ company?.name }}</span>\n <mat-chip-listbox class=\"mat-mdc-chip-set-stacked list-chip-box\" *ngIf=\"company?.activeNow\" aria-label=\"Company selected\">\n <mat-chip-option selected class=\"chip-status\">Active</mat-chip-option>\n </mat-chip-listbox>\n <small class=\"hover-label\" *ngIf=\"!(company?.activeNow)\">Switch now</small>\n </button>\n </li>\n </ul>\n <hr />\n <ul cdkMenu class=\"list-group last-group my-1\">\n <li cdkMenuItem class=\"list-item py-2\">\n <button mat-menu-item class=\"pmx-button list-button btn-logout\" (click)=\"onLogoutClick()\">\n <mat-icon>logout</mat-icon>\n <span class=\"upper-case\">Logout</span>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n</mat-toolbar>", styles: [":root{--clr-primary-50: #e5f3fb;--clr-primary-100: #bfdff7;--clr-primary-200: #99ccf2;--clr-primary-300: #74b8ec;--clr-primary-400: #5ba9e8;--clr-primary-500: #479be5;--clr-primary-600: #408dd7;--clr-primary-700: #377bc5;--clr-primary-800: #316bb3;--clr-primary-900: #254d93;--clr-primary: var(--clr-primary-900);--clr-secondary-50: #e6f5e9;--clr-secondary-100: #c3e7c9;--clr-secondary-200: #9cd7a8;--clr-secondary-300: #72c885;--clr-secondary: var(--clr-secondary-300);--clr-secondary-400: #51bc6b;--clr-secondary-500: #2db051;--clr-secondary-600: #24a148;--clr-secondary-700: #178f3c;--clr-secondary-800: #0a7e32;--clr-secondary-900: #005e1f;--clr-black-50: #fafafa;--clr-black-100: #f5f5f5;--clr-black-200: #eeeeee;--clr-black-300: #e0e0e0;--clr-black-400: #bdbdbd;--clr-black-500: #9e9e9e;--clr-black-600: #757575;--clr-black-700: #616161;--clr-black-800: #424242;--clr-black-900: #212121;--clr-black: var(--clr-black-900)}.mat-mdc-button:not(:disabled){color:var(--mdc-text-button-label-text-color)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #24a148;--mat-text-button-state-layer-color: #24a148;--mat-text-button-ripple-color: rgba(255, 64, 129, .1)}html .mat-accent{--mat-slider-ripple-color: #24a148;--mat-slider-hover-state-layer-color: rgba(255, 64, 129, .05);--mat-slider-focus-state-layer-color: rgba(255, 64, 129, .2);--mdc-slider-handle-color: #24a148;--mdc-slider-focus-handle-color: #24a148;--mdc-slider-hover-handle-color: #24a148;--mdc-slider-active-track-color: #24a148;--mdc-slider-inactive-track-color: #24a148;--mdc-slider-with-tick-marks-inactive-container-color: #24a148;--mdc-slider-with-tick-marks-active-container-color: #51bc6b}.header-user-name{text-align:end;color:#000}.header-user-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:absolute;left:0;top:0;background-color:#fff;height:56px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}.pmx-button mat-icon.mat-icon,.pmx-button mat-icon.mat-primary,.pmx-button mat-icon.mat-accent,.pmx-button mat-icon.mat-warn{color:var(--mat-icon-color)}.pmx-button mat-icon.mat-icon{font-size:1.5rem!important;line-height:1.5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.pmx-button.mdc-button--raised mat-icon.mat-icon{width:24px;height:24px;display:contents}.pmx-button.mat-mdc-button-base mat-icon.mat-icon{z-index:1}.pmx-button mat-icon.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.pmx-button mat-icon.mdc-button span.button-label{display:inline-flex;padding:0 1rem;text-transform:uppercase;font-size:.875rem;line-height:1.5}.pmx-button.mdc-button,.pmx-button.mdc-icon-button,.pmx-button.mdc-button .mat-mdc-button-touch-target,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{height:40px!important;font-size:.75rem!important;letter-spacing:.2px;padding:0 .5rem;line-height:normal}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--raised,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{width:40px;border-radius:5px;background-color:var(--clr-primary-50)}.pmx-button.btn-small.mdc-button,.pmx-button.btn-small.mdc-icon-button,.pmx-button.btn-small.mdc-button--outlined{height:28px!important;padding:0 1rem}.pmx-button.icon-btn.mdc-button--raised{border:1px solid var(--clr-primary-300)!important;color:var(--clr-primary-900)}.pmx-button.icon-btn.mdc-button--raised.btn-switch-apps.menu-opened{background-color:#254d93;color:#fff;font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.pmx-button.mat-mdc-outlined-button.btn-switch-apps:hover{border-color:#85bdcd!important}.pmx-button.icon-app{width:20px}.pmx-button.mat-mdc-outlined-button,.pmx-button.mat-mdc-outlined-button:not(:disabled){background-color:#fff;overflow:hidden}.pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{padding:0;border-color:var(--clr-secondary-400)!important;border-radius:20px}.pmx-button.profile-button .profile-inner{border:0 solid transparent!important;display:flex;align-items:center;overflow:clip}.pmx-button.profile-button .avatar{width:38px;height:38px;box-sizing:border-box;border:3px #ffffff solid!important;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap;background-color:var(--clr-secondary-200)}.pmx-button.profile-button .avatar img.avatar-image,.pmx-button.profile-button .avatar img.avatar-default{width:100%;height:auto}.branded-group-false{margin-left:.65rem}.branded-group-false .pmx-button.pmx-menu-button.profile-button.branded-button-false{width:40px;border-radius:20px}.branded-group-true{background-color:var(--clr-secondary-200);margin-left:.65rem;border-radius:20px 0 0 20px}.branded-group-true .pmx-button.profile-button .profile-inner{border:0 solid #c4c9d2!important}.branded-group-true .pmx-button.pmx-menu-button.profile-button.branded-button-true{border-radius:20px}.branded-group-true .pmx-button.profile-button.branded-button-true .profile-inner .branded-logo-true{border-radius:5px;display:block;position:relative;height:38px;background-size:100%;background-position:center;background-repeat:no-repeat;min-width:100px;margin-right:1rem}.pmx-menu-group.mat-mdc-menu-panel{margin-top:1rem}.header-dropdown-apps.mat-mdc-menu-panel .mat-mdc-menu-content,.header-dropdown-profile.mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important}.header-dropdown-apps{width:400px!important}.header-dropdown-apps.mat-mdc-menu-panel .list-button{padding:.5rem 2rem}.header-dropdown-apps.mdc-menu-surface--open,.header-dropdown-profile.mdc-menu-surface--open{position:absolute;z-index:1;top:0;right:0;margin:0;padding:0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;animation:popover .2s ease-in-out}.header-dropdown-apps.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:400px!important;width:400px!important;overflow:visible}.header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:360px!important;width:360px!important;overflow:visible}.popover-content:after,.popover-content:before{font-size:1.4em;display:block;width:0;height:0;content:\"\";pointer-events:none;position:absolute;top:-.45em}.popover-content:before{border-right:10px solid transparent;border-bottom:10px solid #999;border-left:10px solid transparent;right:.97em}.popover-content:after{border-right:12px solid transparent;border-bottom:12px solid #d5e3fa;border-left:12px solid transparent;right:.9em}.popover-content-title{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 1rem;min-height:40px}.popover-content-title p{margin:0;font-size:.75rem!important;color:#777}.popover-content .popover-user-top:after{clear:both;content:\"\";display:table}.popover-content .popover-user-top{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}.popover-content .popover-user-top .avatar-wrapper{flex:0 4 auto;border-radius:100%;overflow-clip-margin:content-box;overflow:clip;background-color:#fff;padding:2px}.drop-shadow{filter:drop-shadow(0px 0px 3px rgba(0,0,0,.5))}.popover-content .popover-user-top .user-data{flex:1 0 auto;margin-left:1rem}.popover-content .popover-user-top .avatar-wrapper .avatar-icon{background-repeat:no-repeat;background-size:100%;background-position:center;width:64px;height:64px;background-color:#72c885}.avatar-icon.default-avatar{background-size:100%}.popover-content .popover-user-top .user-data h3.profile-name{font-size:1rem;text-overflow:ellipsis;text-transform:uppercase;margin-bottom:.5rem;line-height:normal;font-weight:600;color:var(--clr-primary)}.btn.view-profile{background:var(--clr-black-50);color:var(--clr-primary)}.popover-content ul.list-group{padding:0 0 8px;margin:0;display:flex;list-style:none}.popover-content ul.list-group.last-group,.popover-content ul.list-group.last-group .list-item{background-color:transparent}.popover-content ul.list-group li.list-item{align-items:center;border:none;padding:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;order:1}.popover-content ul.list-group li.list-item .list-button{padding:.5rem 2rem;min-height:40px}.popover-content ul.list-group li.list-item span.mat-mdc-menu-item-text,.popover-content ul.list-group li.list-item span.mdc-list-item__primary-text,.popover-content ul.list-group li.list-item .list-button>span{display:flex;align-items:center}.popover-content ul.list-group li.list-item.list-company .list-button>span{width:100%}.popover-content ul.list-group li.list-item .list-button .hover-label{opacity:0;display:inline-flex;margin-left:auto;font-size:.65rem;padding:0 .75rem;color:#212121;border:1px solid transparent}.popover-content ul.list-group li.list-item.list-app .list-button:hover>span .hover-label,.popover-content ul.list-group li.list-item.list-company .list-button:hover>span .hover-label{display:inline-flex;margin-left:auto;font-size:.65rem;transition:margin-left .3s ease-out;opacity:1;border:1px solid #93c47d;border-radius:20px;padding:0 .75rem;color:var(--clr-secondary-500);font-weight:500}.popover-content ul.list-group li.list-item .list-button:hover{background:rgba(0,0,0,.04)}.popover-content ul.list-group li.list-item.company-active,.popover-content ul.list-group li.list-item.app-active{cursor:not-allowed;pointer-events:none;order:0}.popover-content ul.list-group.list-apps-group{display:flex}.popover-content ul.list-group.list-overview li.list-item{cursor:not-allowed;pointer-events:none}.popover-content ul.list-group li.list-item p.list-text{padding:.5rem 2rem;margin:0;min-height:auto}.popover-content ul.list-group li.list-item .list-button .mat-icon,.popover-content ul.list-group li.list-item p.list-text .mat-icon,.popover-content ul.list-group li.list-item .list-button .list-icon,.popover-content ul.list-group li.list-item p.list-text .list-icon{color:var(--clr-secondary-800);font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item.list-active .list-button .list-icon,.popover-content ul.list-group li.list-item.list-active p.list-text .list-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item p.list-text span.mdc-list-item__primary-text{width:100%;display:flex}.popover-content ul.list-group li.list-item span.title-case{font-size:.8rem;color:var(--clr-black-900);font-weight:500;display:block;line-height:normal}small{color:var(--clr-black-500)}.popover-content ul.list-group li.list-item span.text-label{font-size:12px;color:#979797;font-weight:400;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.upper-case{text-transform:uppercase;font-size:14px;color:#0a152f;font-weight:600;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.app-status,.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{font-size:13px;color:#0a152f;font-weight:400;display:block;line-height:normal;margin:0}.popover-content ul.list-group li.list-item.app-active span.upper-case,.popover-content ul.list-group li.list-item.company-active span.upper-case{color:#4b85ea}.popover-content ul.list-group li.list-item.app-active span.app-status,.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status,.popover-content ul.list-group li.list-item.company-active span.app-status,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status{color:#24a53f}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{display:flex;flex-direction:row;justify-content:flex-start}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{transition:all .3s ease-out;margin-left:auto;flex:1;justify-content:flex-end}.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{background-color:var(--clr-primary-600);color:var(--clr-black-100)}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip .mat-mdc-chip-action-label{font-size:.75rem}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip{height:24px}.popover-content ul.list-group li.list-item img.logo-thumb{width:24px;height:auto;margin-right:1rem}.popover-content ul.list-group li.list-item .list-button.btn-logout{display:flex;align-items:center;color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active .list-button .app-icon-wrapper{background-color:#fff;border-color:#4b85ea;border-width:3px}.popover-content ul.list-group li.list-item.company-active p.list-text .mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24;color:var(--themelightblue)}.popover-content ul.list-group li.list-item .list-button.btn-logout .mat-icon{color:var(--clr-black-800)}.popover-content ul.list-group li.list-item.app-active button,.popover-content ul.list-group li.list-item.company-active button{cursor:not-allowed;pointer-events:none}.popover-content hr{background-color:#c4c9d2;margin:0;width:100%;border:0;border-top:1px solid #c4c9d2;opacity:1}.popover-content ul.apps-grid{width:100%;white-space:nowrap;overflow:auto}.popover-content ul.apps-grid li.list-item,.popover-content ul.apps-grid li.list-item img.logo-thumb{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-content:center;align-items:center;flex-direction:row}.popover-header{background-color:#d5e3fa;border-bottom:1px solid #d8d8d8;padding:.975rem 1rem;margin-bottom:0;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;flex-wrap:wrap}.popover-header .mat-icon{font-size:1.5rem!important;font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24;color:var(--clr-primary-900)}.header-dropdown-profile .popover-header{padding:1.125rem 1rem}.popover-header h3.popover-title{font-size:1rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:0;line-height:normal;font-weight:500;color:#254d93}.popover-body{max-height:420px;overflow:auto;padding:0}.app-icon-wrapper{margin:0 1rem 0 0;max-width:48px;max-height:48px;width:48px;height:48px;overflow:hidden;background-size:70%;background-repeat:no-repeat;background-position:center;border:1px solid #c4c9d2;border-radius:8px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap}.app-icon-wrapper img.app-icon{width:100%;height:auto;overflow:hidden;padding:.5rem}h4.app-name{font-size:.65rem;margin:.5rem 0 0;line-height:normal;color:#254d93;font-weight:400;text-transform:uppercase}.popover-body ul.enabled-apps{display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-content:flex-start;border-bottom:1px solid #E9E9E9;margin:0;padding:0 1rem;list-style:none}.popover-body ul.enabled-apps li.enabled-app{flex-grow:1;flex:0 1 auto;text-align:center;font-size:.8125rem;padding:10px;list-style:none}.mat-tooltip{overflow:visible}.cdk-overlay-container .mdc-tooltip:before{width:0!important;height:0!important;content:\"\"!important;position:absolute!important;border-left:.5rem solid transparent!important;border-right:.5rem solid transparent!important;border-bottom:.5rem solid #0000008c!important}.cdk-overlay-container .mdc-tooltip:before{left:50%!important;top:-8px!important;transform:rotate(0)!important;right:50%!important}.cdk-overlay-container .mdc-tooltip__surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}\n"] }]
|
|
493
|
+
args: [{ selector: 'lib-header', encapsulation: ViewEncapsulation.None, template: "<mat-toolbar cdkMenuBar color=\"primary\" [ngClass]=\"headerClass\" class=\"header-wrapper common_header shadow-sm\">\n <!-- Main nav button and navigation links -->\n <button mat-icon-button color=\"theme-white\" (click)=\"menuAction()\" class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\"\n aria-label=\"main menu\" tabindex=\"0\" matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n <a class=\"navbar-brand me-auto\" href=\"#\">\n <img *ngIf=\"currentAppLogo\" [src]=\"sanitizeUrl(currentAppLogo)\" alt=\"App Logo\" class=\"app-logo\">\n </a>\n <span class=\"example-spacer\"></span>\n <!-- Apps button and menu items -->\n <ng-container *ngIf=\"template\" [ngTemplateOutlet]=\"template\"></ng-container>\n <button mat-icon-button *ngIf=\"(appList.length > 0)\" color=\"theme-white\"\n class=\"pmx-button pmx-menu-button icon-btn btn-switch-apps ms-2 me-1\" [class.menu-opened]=\"isAppsMenuOpen == true\"\n (menuOpened)=\"toggleMenu('apps')\" (menuClosed)=\"toggleMenu('apps')\" [matMenuTriggerFor]=\"apps\"\n matTooltip=\"Switch application\" matTooltipPosition=\"below\" aria-label=\"apps menu\"\n tabindex=\"0\">\n <mat-icon class=\"icon-arrow-down\">apps</mat-icon>\n </button>\n <mat-menu #apps=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-apps\" hasBackdrop=\"true\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\"><mat-icon class=\"me-2\">Apps</mat-icon><h3 class=\"popover-title\">Switch Application</h3></div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\">\n <p *ngIf=\"appList?.length == 1;else appsTitle\">Enabled Application</p>\n <ng-template #appsTitle><p>Enabled Applications</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-apps-group\">\n <li cdkMenuItem class=\"list-item list-app\" *ngFor=\"let app of appList;let i = index\" \n [ngClass]=\"(app?.active) ? 'app-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"appRedirect(app)\">\n <div class=\"app-icon-wrapper\"><img [src]=\"sanitizeUrl(imageDataUrls.profetThumbnail )\" class=\"app-icon\"></div>\n <span class=\"list-text me-auto\">{{ app?.name }}</span>\n <small class=\"active-label\" *ngIf=\"(app?.active)\">Active</small>\n <small class=\"hover-label tooltip-label\" *ngIf=\"!(app?.active)\">Click to switch app</small>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n \n <!-- Profile button and profile dropdown links -->\n <div class=\"btn-group\" role=\"group\" aria-label=\"Button group with profile info\" [ngClass]=\"(((currentCompany?.subDomain) && userCompanyLogo) ? 'branded-group-true' : 'branded-group-false') + ' ' + (isProfileMenuOpen ? 'btn-group-clicked' : '')\">\n <button class=\"pmx-button pmx-menu-button profile-button\" mat-button mat-stroked-button [matMenuTriggerFor]=\"menu\"\n color=\"primary\" (menuOpened)=\"toggleMenu('profile')\" (menuClosed)=\"toggleMenu('profile')\" [ngClass]=\"currentCompany?.subDomain ? 'branded-button-true' : 'branded-button-false'\" matTooltip=\"View Profile Info\" matTooltipPosition=\"below\">\n <div class=\"profile-inner\">\n <div class=\"brand-logo align-self-center\" *ngIf=\"((currentCompany?.subDomain) && userCompanyLogo)\" [ngClass]=\"userCompanyLogo ? 'branded-logo-true' : 'branded-logo-false'\" [ngStyle]=\"{'background-image': 'url(' + userCompanyLogo + ')'}\"></div>\n <div class=\"avatar\">\n <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"sanitizeUrl(userImageLink)\" class=\"avatar-image\" alt=\"Avatar\">\n <ng-template #defaultAvatar><img [src]=\"sanitizeUrl(imageDataUrls.defaultUserImage)\" class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n </div>\n </div>\n </button>\n </div>\n <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n <div class=\"popover-content show-menu\">\n <div class=\"popover-header\">\n <div class=\"popover-user-top\">\n <div class=\"avatar-wrapper\">\n <div *ngIf=\"userImageLink;else defaultLargeAvatar\" [ngStyle]=\"{'background-image': 'url(' + userImageLink + ')'}\"\n class=\"avatar-icon\" alt=\"Avatar icon\"> </div>\n <ng-template #defaultLargeAvatar>\n <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\" class=\"avatar-icon default-avatar\" alt=\"Avatar icon\"> </div>\n </ng-template>\n </div>\n <div class=\"user-data\">\n <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{ userAuthData?.lastName }}</span></h3>\n <button mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\" (click)=\"profile()\">View Profile</button>\n </div>\n </div>\n </div>\n <div class=\"popover-body\">\n <div class=\"popover-content-title\"><p>Overview</p></div>\n <ul cdkMenu class=\"list-group list-overview\" *ngIf=\"currentCompany\">\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.email\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.email }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item d-none\" *ngIf=\"userAuthData?.contactPhone\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{ userAuthData?.contactPhone }}</span>\n </p>\n </li>\n <li cdkMenuItem class=\"list-item\" *ngIf=\"userAuthData?.address !== null\">\n <p mat-menu-item class=\"list-text\">\n <mat-icon class=\"list-icon\">location_on</mat-icon>\n <span class=\"title-case me-auto\">\n <small>{{ userAuthData?.address?.streetAddress }} {{(userAuthData?.address?.streetAddress2 !== null) ? userAuthData?.address?.streetAddress2 : '' }}</small><br />\n {{ userAuthData?.address?.city }} {{userAuthData?.address?.stateOrProvince }} {{userAuthData?.address?.postalCode }}\n </span>\n </p>\n </li>\n </ul>\n <hr />\n <div class=\"popover-content-title\">\n <p *ngIf=\"userCompanies?.length == 1;else companiesTitle\">Company</p>\n <ng-template #companiesTitle><p>Companies</p></ng-template>\n </div>\n <ul cdkMenu class=\"list-group list-group-companies\">\n <li cdkMenuItem class=\"list-item list-company\" *ngFor=\"let company of userCompanies\" [ngClass]=\"(company?.activeNow) ? 'company-active' : ''\">\n <button mat-menu-item class=\"pmx-button list-button\" (click)=\"switchCompany(company)\">\n <mat-icon class=\"icon-check\">{{ (company?.activeNow) ? 'check' : '' }}</mat-icon>\n <span class=\"list-text me-auto\">{{ company?.name | titlecase }}</span>\n <small class=\"active-label\" *ngIf=\"(company?.activeNow)\">Active</small>\n <small class=\"hover-label tooltip-label\" *ngIf=\"!(company?.activeNow)\">Click to switch company</small>\n </button>\n </li>\n </ul>\n <hr />\n <ul cdkMenu class=\"list-group last-group my-1\">\n <li cdkMenuItem class=\"list-item py-2\">\n <button mat-menu-item class=\"pmx-button list-button btn-logout\" (click)=\"onLogoutClick()\">\n <mat-icon>power_settings_new</mat-icon>\n <span class=\"list-text\">Logout</span>\n </button>\n </li>\n </ul>\n </div>\n </div>\n </mat-menu>\n</mat-toolbar>", styles: [":root{--clr-primary-50: #e5f3fb;--clr-primary-100: #bfdff7;--clr-primary-200: #99ccf2;--clr-primary-300: #74b8ec;--clr-primary-400: #5ba9e8;--clr-primary-500: #479be5;--clr-primary-600: #408dd7;--clr-primary-700: #377bc5;--clr-primary-800: #316bb3;--clr-primary-900: #254d93;--clr-primary: var(--clr-primary-900);--clr-secondary-50: #e6f5e9;--clr-secondary-100: #c3e7c9;--clr-secondary-200: #9cd7a8;--clr-secondary-300: #72c885;--clr-secondary: var(--clr-secondary-300);--clr-secondary-400: #51bc6b;--clr-secondary-500: #2db051;--clr-secondary-600: #24a148;--clr-secondary-700: #178f3c;--clr-secondary-800: #0a7e32;--clr-secondary-900: #005e1f;--clr-black-50: #fafafa;--clr-black-100: #f5f5f5;--clr-black-200: #eeeeee;--clr-black-300: #e0e0e0;--clr-black-400: #bdbdbd;--clr-black-500: #9e9e9e;--clr-black-600: #757575;--clr-black-700: #616161;--clr-black-800: #424242;--clr-black-900: #212121;--clr-black: var(--clr-black-900)}.mat-mdc-button:not(:disabled){color:var(--mdc-text-button-label-text-color)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color: #24a148;--mat-text-button-state-layer-color: #24a148;--mat-text-button-ripple-color: rgba(255, 64, 129, .1)}html .mat-accent{--mat-slider-ripple-color: #24a148;--mat-slider-hover-state-layer-color: rgba(255, 64, 129, .05);--mat-slider-focus-state-layer-color: rgba(255, 64, 129, .2);--mdc-slider-handle-color: #24a148;--mdc-slider-focus-handle-color: #24a148;--mdc-slider-hover-handle-color: #24a148;--mdc-slider-active-track-color: #24a148;--mdc-slider-inactive-track-color: #24a148;--mdc-slider-with-tick-marks-inactive-container-color: #24a148;--mdc-slider-with-tick-marks-active-container-color: #51bc6b}.header-user-name{text-align:end;color:#000}.header-user-name span{font-size:12px;color:#9e9e9ede}.avatarLogo{max-width:30px}mat-toolbar.mat-toolbar.common_header.mat-primary.mat-toolbar-single-row{position:absolute;left:0;top:0;background-color:#fff;height:56px}button.switchButton,button.menuHamberger{padding:8px!important}.sidenavPanel{padding:20px 25px;height:100vh;position:relative}ul.navbarList{padding-left:0;list-style:none;margin-top:40px}ul.navbarList li{color:#666;font-weight:400;margin-bottom:25px;width:170px;cursor:pointer}.active{color:#4177d6!important}ul.navbarList li img{width:23px;margin-right:15px}.accounts_drpmenu{margin-top:.7em}.xsShowUsername{display:none;padding:0 16px;height:48px;line-height:48px}.navbar-brand .app-logo{height:30px;width:auto}.pmx-button mat-icon.mat-icon,.pmx-button mat-icon.mat-primary,.pmx-button mat-icon.mat-accent,.pmx-button mat-icon.mat-warn{color:var(--mat-icon-color)}.pmx-button mat-icon.mat-icon{font-size:1.5rem!important;line-height:1.5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.pmx-button.mdc-button--raised mat-icon.mat-icon{width:24px;height:24px;display:contents}.pmx-button.mat-mdc-button-base mat-icon.mat-icon{z-index:1}.pmx-button mat-icon.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}.pmx-button mat-icon.mdc-button span.button-text{display:inline-flex;padding:0 1rem;text-transform:uppercase;font-size:.875rem;line-height:1.5}.pmx-button mat-icon.mdc-button span.upper-case{text-transform:uppercase}.pmx-button.mdc-button,.pmx-button.mdc-icon-button,.pmx-button.mdc-button--outlined,.pmx-button.mdc-button .mat-mdc-button-touch-target,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{height:40px!important;font-size:.75rem!important;letter-spacing:.2px;padding:0 .5rem;line-height:normal}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--outlined,.pmx-button.icon-btn.mdc-button--raised,.pmx-button.mdc-icon-button .mat-mdc-button-touch-target{width:40px;border-radius:5px}.pmx-button.btn-small.mdc-button,.pmx-button.btn-small.mdc-icon-button,.pmx-button.btn-small.mdc-button--outlined{height:28px!important;padding:0 1rem}.pmx-button.mdc-icon-button,.pmx-button.icon-btn.mdc-button--raised{color:var(--clr-primary-900);background-color:var(--clr-primary-50);border:1px solid var(--clr-primary-200)!important}.pmx-header .icon-button-shadow{box-shadow:0 1px 3px #0003,0 0 #00000024,0 1px 3px #0000001f}.pmx-button.icon-btn.mdc-button--raised.btn-switch-apps.menu-opened,.pmx-button.icon-btn.mdc-button--outlined.btn-switch-apps.menu-opened{background-color:#254d93;color:#fff;font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.pmx-button.mdc-icon-button.pmx-menu-button:hover,.pmx-button.mat-mdc-outlined-button.btn-switch-apps:hover,.pmx-button.icon-btn.mdc-button--outlined.btn-switch-apps:hover{border:1px solid var(--clr-primary-300)!important}.pmx-button.icon-app{width:20px}.pmx-button.mat-mdc-outlined-button,.pmx-button.mat-mdc-outlined-button:not(:disabled){background-color:#fff;overflow:hidden}.pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{padding:0;border-color:var(--clr-primary-100)!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:var(--clr-primary-300)!important}.pmx-button.profile-button .profile-inner{border:0 solid transparent!important;display:flex;align-items:center;overflow:clip}.pmx-button.profile-button .avatar{width:38px;height:38px;box-sizing:border-box;border:3px #ffffff solid!important;border-radius:50%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:center;flex-wrap:wrap}.pmx-button.profile-button .avatar{background-color:var(--clr-secondary-200)}.pmx-button.profile-button .avatar img.avatar-image,.pmx-button.profile-button .avatar img.avatar-default{width:100%;height:auto}.branded-group-false{margin-left:.65rem}.branded-group-false .pmx-button.pmx-menu-button.profile-button.branded-button-false{width:40px;border-radius:20px}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid var(--clr-primary-100)}.btn-group-clicked.branded-group-true{background-color:var(--clr-primary-200)}.branded-group-true .pmx-button.profile-button .profile-inner{border:0 solid #c4c9d2!important}.branded-group-true .pmx-button.pmx-menu-button.profile-button.branded-button-true{border-radius:20px}.branded-group-true .pmx-button.profile-button.branded-button-true .profile-inner .branded-logo-true{border-radius:5px;display:block;position:relative;height:38px;background-size:100%;background-position:center;background-repeat:no-repeat;min-width:100px;margin-right:1rem}.pmx-menu-group.mat-mdc-menu-panel{margin-top:1rem}.header-dropdown-apps.mat-mdc-menu-panel .mat-mdc-menu-content,.header-dropdown-profile.mat-mdc-menu-panel .mat-mdc-menu-content{padding:0!important}.header-dropdown-apps{width:400px!important}.header-dropdown-apps.mat-mdc-menu-panel .list-button{padding:.5rem 2rem}.header-dropdown-apps.mdc-menu-surface--open,.header-dropdown-profile.mdc-menu-surface--open{position:absolute;z-index:1;top:0;right:0;margin:0;padding:0;border:1px solid #e5e5e5;border-radius:6px;background:#fff;animation:popover .2s ease-in-out}.header-dropdown-apps.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:400px!important;width:400px!important;overflow:visible}.header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:360px!important;width:360px!important;overflow:visible}.popover-content:after,.popover-content:before{font-size:1.4em;display:block;width:0;height:0;content:\"\";pointer-events:none;position:absolute;top:-.45em}.popover-content:before{border-right:10px solid transparent;border-bottom:10px solid #999;border-left:10px solid transparent;right:.97em}.popover-content:after{border-right:12px solid transparent;border-bottom:12px solid #d5e3fa;border-left:12px solid transparent;right:.9em}.popover-content-title{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;padding:0 1rem;min-height:40px}.popover-content-title p{margin:0;font-size:.75rem!important;color:#777}.popover-content .popover-user-top:after{clear:both;content:\"\";display:table}.popover-content .popover-user-top{display:flex;flex-flow:row;justify-content:flex-start;align-items:center}.popover-content .popover-user-top .avatar-wrapper{flex:0 4 auto;border-radius:100%;overflow-clip-margin:content-box;overflow:clip;background-color:#fff;padding:2px}.drop-shadow{filter:drop-shadow(0px 0px 3px rgba(0,0,0,.5))}.popover-content .popover-user-top .user-data{flex:1 0 auto;margin-left:1rem}.popover-content .popover-user-top .avatar-wrapper .avatar-icon{background-repeat:no-repeat;background-size:100%;background-position:center;width:64px;height:64px;background-color:#72c885}.avatar-icon.default-avatar{background-size:100%}.popover-content .popover-user-top .user-data h3.profile-name{font-size:1rem;text-overflow:ellipsis;margin-bottom:.5rem;line-height:normal;font-weight:600;color:var(--clr-primary)}.btn.view-profile{background:var(--clr-black-50);color:var(--clr-primary)}.popover-content ul.list-group{padding:0 0 8px;margin:0;display:flex;list-style:none}.popover-content ul.list-group.last-group,.popover-content ul.list-group.last-group .list-item{background-color:transparent}.popover-content ul.list-group li.list-item{align-items:center;border:none;padding:0;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;order:1}.popover-content ul.list-group li.list-item .list-button{padding:.5rem 2rem;min-height:40px}.popover-content ul.list-group li.list-item span.mat-mdc-menu-item-text,.popover-content ul.list-group li.list-item span.mdc-list-item__primary-text,.popover-content ul.list-group li.list-item .list-button>span{display:flex;align-items:center}.popover-content ul.list-group li.list-item.list-company .list-button>span{width:100%}.popover-content ul.list-group li.list-item .list-button .hover-label.tooltip-label{opacity:0}.popover-content ul.list-group li.list-item.list-app .list-button:hover>span .hover-label.tooltip-label,.popover-content ul.list-group li.list-item.list-company .list-button:hover>span .hover-label.tooltip-label{opacity:1;display:inline-flex;color:#fff;background-color:#616161;font-size:11px;border-radius:4px;padding:0 .5rem;transition:opacity .3s ease-out}.popover-content ul.list-group li.list-item .list-button:hover{background:rgba(0,0,0,.04)}.popover-content ul.list-group li.list-item.company-active,.popover-content ul.list-group li.list-item.app-active{cursor:not-allowed;pointer-events:none;order:0}.popover-content ul.list-group li.list-item.company-active .active-label,.popover-content ul.list-group li.list-item.app-active .active-label{background-color:#93c47d;color:var(--clr-black-900);padding:0 .5rem;border-radius:50px;font-size:.75rem}.popover-content ul.list-group.list-apps-group{display:flex}.popover-content ul.list-group.list-overview li.list-item{cursor:not-allowed;pointer-events:none}.popover-content ul.list-group li.list-item p.list-text{padding:.5rem 2rem;margin:0;min-height:auto}.popover-content ul.list-group li.list-item .list-button .mat-icon,.popover-content ul.list-group li.list-item p.list-text .mat-icon,.popover-content ul.list-group li.list-item .list-button .list-icon,.popover-content ul.list-group li.list-item p.list-text .list-icon{color:var(--clr-secondary-800);font-variation-settings:\"FILL\" 0,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item.list-active .list-button .list-icon,.popover-content ul.list-group li.list-item.list-active p.list-text .list-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24}.popover-content ul.list-group li.list-item p.list-text span.mdc-list-item__primary-text{width:100%;display:flex}.popover-content ul.list-group li.list-item span.title-case{font-size:.8rem;color:var(--clr-black-900);font-weight:500;display:block;line-height:normal}small{color:var(--clr-black-500)}.popover-content ul.list-group li.list-item span.text-label{font-size:12px;color:#979797;font-weight:400;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.list-text{font-size:.875rem;color:#0a152f;font-weight:500;display:block;line-height:normal}.popover-content ul.list-group li.list-item span.upper-case{text-transform:uppercase}.popover-content ul.list-group li.list-item span.app-status,.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{font-size:13px;color:#0a152f;font-weight:400;display:block;line-height:normal;margin:0}.popover-content ul.list-group li.list-item.app-active span.list-text,.popover-content ul.list-group li.list-item.company-active span.list-text{color:#4b85ea}.popover-content ul.list-group li.list-item.app-active span.app-status,.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status,.popover-content ul.list-group li.list-item.company-active span.app-status,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status{color:#24a53f}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status{display:flex;flex-direction:row;justify-content:flex-start}.popover-content ul.list-group li.list-item .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{transition:all .3s ease-out;margin-left:auto;flex:1;justify-content:flex-end}.popover-content ul.list-group li.list-item.app-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected,.popover-content ul.list-group li.list-item.company-active .mat-mdc-chip-option.chip-status.mdc-evolution-chip--selected{background-color:var(--clr-primary-600);color:var(--clr-black-100)}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip .mat-mdc-chip-action-label{font-size:.75rem}.popover-content ul.list-group li.list-item .mat-mdc-standard-chip{height:24px}.popover-content ul.list-group li.list-item img.logo-thumb{width:24px;height:auto;margin-right:1rem}.popover-content ul.list-group li.list-item .list-button.btn-logout{display:flex;align-items:center;color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active .list-button .app-icon-wrapper{background-color:#fff;border-color:#4b85ea;border-width:3px}.popover-content ul.list-group li.list-item.company-active p.list-text .mat-icon{font-variation-settings:\"FILL\" 1,\"wght\" 200,\"GRAD\" 0,\"opsz\" 24;color:var(--themelightblue)}.popover-content ul.list-group li.list-item .list-button.btn-logout .list-text{color:var(--clr-black-700)}.popover-content ul.list-group li.list-item.app-active button,.popover-content ul.list-group li.list-item.company-active button{cursor:not-allowed;pointer-events:none}.popover-content hr{background-color:#c4c9d2;margin:0;width:100%;border:0;border-top:1px solid #c4c9d2;opacity:1}.popover-content ul.apps-grid{width:100%;white-space:nowrap;overflow:auto}.popover-content ul.apps-grid li.list-item,.popover-content ul.apps-grid li.list-item img.logo-thumb{display:flex;justify-content:flex-start;flex-wrap:nowrap;align-content:center;align-items:center;flex-direction:row}.popover-header{background-color:#d5e3fa;border-bottom:1px solid #d8d8d8;padding:.975rem 1rem;margin-bottom:0;display:flex;flex-direction:row;align-content:center;justify-content:flex-start;align-items:center;flex-wrap:wrap}.popover-header .mat-icon{font-size:1.5rem!important;font-variation-settings:\"FILL\" 1,\"wght\" 500,\"GRAD\" 0,\"opsz\" 24;color:var(--clr-primary-900)}.header-dropdown-profile .popover-header{padding:1.125rem 1rem}.popover-header h3.popover-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;margin-bottom:0;line-height:normal;font-weight:500;color:#254d93}.popover-body{max-height:420px;overflow:auto;padding:0}.app-icon-wrapper{margin:0 1rem 0 0;max-width:48px;max-height:48px;width:48px;height:48px;overflow:hidden;background-size:70%;background-repeat:no-repeat;background-position:center;border:1px solid #c4c9d2;border-radius:8px;display:flex;flex-direction:row;align-content:center;justify-content:center;align-items:center;flex-wrap:wrap}.app-icon-wrapper img.app-icon{width:100%;height:auto;overflow:hidden;padding:.5rem}h4.app-name{font-size:.65rem;margin:.5rem 0 0;line-height:normal;color:#254d93;font-weight:400;text-transform:uppercase}.popover-body ul.enabled-apps{display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-content:flex-start;border-bottom:1px solid #E9E9E9;margin:0;padding:0 1rem;list-style:none}.popover-body ul.enabled-apps li.enabled-app{flex-grow:1;flex:0 1 auto;text-align:center;font-size:.8125rem;padding:10px;list-style:none}.mat-tooltip{overflow:visible}.cdk-overlay-container .mdc-tooltip:before{width:0!important;height:0!important;content:\"\"!important;position:absolute!important;border-left:.5rem solid transparent!important;border-right:.5rem solid transparent!important;border-bottom:.5rem solid #0000008c!important}.cdk-overlay-container .mdc-tooltip:before{left:50%!important;top:-8px!important;transform:rotate(0)!important;right:50%!important}.cdk-overlay-container .mdc-tooltip__surface:before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:var(--clr-primary-900);background-color:var(--clr-black-50);border:1px solid var(--clr-primary-900)!important}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid var(--clr-black-50)!important}\n"] }]
|
|
495
494
|
}], ctorParameters: function () { return []; }, propDecorators: { template: [{
|
|
496
495
|
type: Input
|
|
497
496
|
}], appName: [{
|
|
@@ -513,8 +512,7 @@ CommonHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", vers
|
|
|
513
512
|
MatSidenavModule,
|
|
514
513
|
MatMenuModule,
|
|
515
514
|
MatSnackBarModule,
|
|
516
|
-
MatTooltipModule,
|
|
517
|
-
MatChipsModule], exports: [HeaderComponent] });
|
|
515
|
+
MatTooltipModule], exports: [HeaderComponent] });
|
|
518
516
|
CommonHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonHeaderModule, imports: [CommonModule,
|
|
519
517
|
MatToolbarModule,
|
|
520
518
|
MatIconModule,
|
|
@@ -523,8 +521,7 @@ CommonHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
523
521
|
MatSidenavModule,
|
|
524
522
|
MatMenuModule,
|
|
525
523
|
MatSnackBarModule,
|
|
526
|
-
MatTooltipModule
|
|
527
|
-
MatChipsModule] });
|
|
524
|
+
MatTooltipModule] });
|
|
528
525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CommonHeaderModule, decorators: [{
|
|
529
526
|
type: NgModule,
|
|
530
527
|
args: [{
|
|
@@ -540,8 +537,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
|
|
|
540
537
|
MatSidenavModule,
|
|
541
538
|
MatMenuModule,
|
|
542
539
|
MatSnackBarModule,
|
|
543
|
-
MatTooltipModule
|
|
544
|
-
MatChipsModule
|
|
540
|
+
MatTooltipModule
|
|
545
541
|
],
|
|
546
542
|
exports: [
|
|
547
543
|
HeaderComponent
|