@propmix/profet-common-header 3.7.0-beta.0 → 3.7.0-beta.1

package/esm2020/lib/utils/Utilities.mjs

@@ -37,5 +37,25 @@ export class Utilities {
         }
         return str;
     }
+    static getEnvironmentName(hostname) {
+        const host = (hostname || (typeof window !== 'undefined' ? window.location?.hostname : '') || '').toLowerCase();
+        if (!host) {
+            return undefined;
+        }
+        const parts = host.split('.');
+        if (parts.includes('local') || host === 'localhost' || host === '127.0.0.1') {
+            return 'LOCAL ENVIRONMENT';
+        }
+        if (parts.includes('dev')) {
+            return 'DEV ENVIRONMENT';
+        }
+        if (parts.includes('qa')) {
+            return 'QA ENVIRONMENT';
+        }
+        if (parts.includes('staging')) {
+            return 'STAGING ENVIRONMENT';
+        }
+        return undefined;
+    }
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXRpbGl0aWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uLWhlYWRlci9zcmMvbGliL3V0aWxzL1V0aWxpdGllcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sU0FBUztJQUNYLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxHQUFPO1FBQzVDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUNiLEtBQUssTUFBTSxHQUFHLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksRUFBRTtnQkFDckMsSUFBSSxHQUFHLElBQUksRUFBRSxFQUFFO29CQUNYLEdBQUcsSUFBSSxHQUFHLENBQUM7aUJBQ2Q7Z0JBQ0QsSUFBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFDO29CQUN2QixJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDO29CQUMvQixHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBTSxFQUFDLEtBQVksRUFBRSxFQUFFO3dCQUNyQyxHQUFHLElBQUksR0FBRyxHQUFHLEdBQUcsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQzt3QkFDMUMsSUFBRyxLQUFLLEdBQUcsUUFBUSxHQUFDLENBQUMsRUFBQzs0QkFDbEIsR0FBRyxJQUFJLEdBQUcsQ0FBQzt5QkFDZDtvQkFDTCxDQUFDLENBQUMsQ0FBQztpQkFFTjtxQkFDSSxJQUFHLE9BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxRQUFRLEVBQUM7b0JBQ2pDLElBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUM7d0JBQ3pELElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzt3QkFDVixLQUFLLE1BQU0sTUFBTSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUM7NEJBQ3ZDLElBQUcsQ0FBQyxHQUFHLENBQUMsRUFBQztnQ0FDTCxHQUFHLElBQUksR0FBRyxDQUFDOzZCQUNkOzRCQUNELEdBQUcsSUFBSSxHQUFHLEdBQUcsR0FBRyxHQUFHLE1BQU0sR0FBRyxHQUFHLEdBQUcsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7NEJBQ3ZFLEVBQUUsQ0FBQyxDQUFDO3lCQUNQO3FCQUNKO3lCQUNHO3dCQUNBLEdBQUcsSUFBSSxHQUFHLEdBQUcsR0FBRyxHQUFHLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO3FCQUNuRDtpQkFDSjtxQkFDRztvQkFDQSxHQUFHLElBQUksR0FBRyxHQUFHLEdBQUcsR0FBRyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztpQkFDbkQ7YUFDSjtTQUNKO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDZixDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgVXRpbGl0aWVzIHtcbiAgICBwdWJsaWMgc3RhdGljIGNvbnZlcnRPYmplY3RUb1F1ZXJ5U3RyaW5nKG9iajphbnkpIHtcbiAgICAgICAgbGV0IHN0ciA9ICcnO1xuICAgICAgICBmb3IgKGNvbnN0IGtleSBvZiBPYmplY3Qua2V5cyhvYmopKSB7XG4gICAgICAgICAgICBpZiAob2JqW2tleV0gIT09ICcnICYmIG9ialtrZXldICE9IG51bGwpIHtcbiAgICAgICAgICAgICAgICBpZiAoc3RyICE9ICcnKSB7XG4gICAgICAgICAgICAgICAgICAgIHN0ciArPSAnJic7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmKEFycmF5LmlzQXJyYXkob2JqW2tleV0pKXtcbiAgICAgICAgICAgICAgICAgICAgbGV0IGFyTGVuZ3RoID0gb2JqW2tleV0ubGVuZ3RoO1xuICAgICAgICAgICAgICAgICAgICBvYmpba2V5XS5mb3JFYWNoKChhcjphbnksaW5kZXg6bnVtYmVyKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0ga2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQoYXIpO1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYoaW5kZXggPCBhckxlbmd0aC0xKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0gJyYnO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2UgaWYodHlwZW9mKG9ialtrZXldKSA9PSAnb2JqZWN0Jyl7XG4gICAgICAgICAgICAgICAgICAgIGlmKE9iamVjdC5rZXlzKG9ialtrZXldKSAmJiBPYmplY3Qua2V5cyhvYmpba2V5XSkubGVuZ3RoID4gMCl7XG4gICAgICAgICAgICAgICAgICAgICAgICBsZXQgaSA9IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IHN1YktleSBvZiBPYmplY3Qua2V5cyhvYmpba2V5XSkpe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKGkgPiAwKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyICs9ICcmJztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyICs9IGtleSArIFwiLlwiICsgc3ViS2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQob2JqW2tleV1bc3ViS2V5XSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKytpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0ga2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQob2JqW2tleV0pO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICAgICAgICAgIHN0ciArPSBrZXkgKyBcIj1cIiArIGVuY29kZVVSSUNvbXBvbmVudChvYmpba2V5XSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBzdHI7XG4gICAgfVxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVXRpbGl0aWVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uLWhlYWRlci9zcmMvbGliL3V0aWxzL1V0aWxpdGllcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLE9BQU8sU0FBUztJQUNYLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxHQUFPO1FBQzVDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQztRQUNiLEtBQUssTUFBTSxHQUFHLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQyxJQUFJLEdBQUcsQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUksRUFBRTtnQkFDckMsSUFBSSxHQUFHLElBQUksRUFBRSxFQUFFO29CQUNYLEdBQUcsSUFBSSxHQUFHLENBQUM7aUJBQ2Q7Z0JBQ0QsSUFBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxFQUFDO29CQUN2QixJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxDQUFDO29CQUMvQixHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsRUFBTSxFQUFDLEtBQVksRUFBRSxFQUFFO3dCQUNyQyxHQUFHLElBQUksR0FBRyxHQUFHLEdBQUcsR0FBRyxrQkFBa0IsQ0FBQyxFQUFFLENBQUMsQ0FBQzt3QkFDMUMsSUFBRyxLQUFLLEdBQUcsUUFBUSxHQUFDLENBQUMsRUFBQzs0QkFDbEIsR0FBRyxJQUFJLEdBQUcsQ0FBQzt5QkFDZDtvQkFDTCxDQUFDLENBQUMsQ0FBQztpQkFFTjtxQkFDSSxJQUFHLE9BQU0sQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxRQUFRLEVBQUM7b0JBQ2pDLElBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUM7d0JBQ3pELElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQzt3QkFDVixLQUFLLE1BQU0sTUFBTSxJQUFJLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUM7NEJBQ3ZDLElBQUcsQ0FBQyxHQUFHLENBQUMsRUFBQztnQ0FDTCxHQUFHLElBQUksR0FBRyxDQUFDOzZCQUNkOzRCQUNELEdBQUcsSUFBSSxHQUFHLEdBQUcsR0FBRyxHQUFHLE1BQU0sR0FBRyxHQUFHLEdBQUcsa0JBQWtCLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7NEJBQ3ZFLEVBQUUsQ0FBQyxDQUFDO3lCQUNQO3FCQUNKO3lCQUNHO3dCQUNBLEdBQUcsSUFBSSxHQUFHLEdBQUcsR0FBRyxHQUFHLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDO3FCQUNuRDtpQkFDSjtxQkFDRztvQkFDQSxHQUFHLElBQUksR0FBRyxHQUFHLEdBQUcsR0FBRyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQztpQkFDbkQ7YUFDSjtTQUNKO1FBQ0QsT0FBTyxHQUFHLENBQUM7SUFDZixDQUFDO0lBRU0sTUFBTSxDQUFDLGtCQUFrQixDQUFDLFFBQWlCO1FBQzlDLE1BQU0sSUFBSSxHQUFHLENBQUMsUUFBUSxJQUFJLENBQUMsT0FBTyxNQUFNLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDaEgsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNQLE9BQU8sU0FBUyxDQUFDO1NBQ3BCO1FBQ0QsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUM5QixJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxLQUFLLFdBQVcsSUFBSSxJQUFJLEtBQUssV0FBVyxFQUFFO1lBQ3pFLE9BQU8sbUJBQW1CLENBQUM7U0FDOUI7UUFDRCxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDdkIsT0FBTyxpQkFBaUIsQ0FBQztTQUM1QjtRQUNELElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUN0QixPQUFPLGdCQUFnQixDQUFDO1NBQzNCO1FBQ0QsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQzNCLE9BQU8scUJBQXFCLENBQUM7U0FDaEM7UUFDRCxPQUFPLFNBQVMsQ0FBQztJQUNyQixDQUFDO0NBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgVXRpbGl0aWVzIHtcbiAgICBwdWJsaWMgc3RhdGljIGNvbnZlcnRPYmplY3RUb1F1ZXJ5U3RyaW5nKG9iajphbnkpIHtcbiAgICAgICAgbGV0IHN0ciA9ICcnO1xuICAgICAgICBmb3IgKGNvbnN0IGtleSBvZiBPYmplY3Qua2V5cyhvYmopKSB7XG4gICAgICAgICAgICBpZiAob2JqW2tleV0gIT09ICcnICYmIG9ialtrZXldICE9IG51bGwpIHtcbiAgICAgICAgICAgICAgICBpZiAoc3RyICE9ICcnKSB7XG4gICAgICAgICAgICAgICAgICAgIHN0ciArPSAnJic7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmKEFycmF5LmlzQXJyYXkob2JqW2tleV0pKXtcbiAgICAgICAgICAgICAgICAgICAgbGV0IGFyTGVuZ3RoID0gb2JqW2tleV0ubGVuZ3RoO1xuICAgICAgICAgICAgICAgICAgICBvYmpba2V5XS5mb3JFYWNoKChhcjphbnksaW5kZXg6bnVtYmVyKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0ga2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQoYXIpO1xuICAgICAgICAgICAgICAgICAgICAgICAgaWYoaW5kZXggPCBhckxlbmd0aC0xKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0gJyYnO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9KTtcbiAgICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2UgaWYodHlwZW9mKG9ialtrZXldKSA9PSAnb2JqZWN0Jyl7XG4gICAgICAgICAgICAgICAgICAgIGlmKE9iamVjdC5rZXlzKG9ialtrZXldKSAmJiBPYmplY3Qua2V5cyhvYmpba2V5XSkubGVuZ3RoID4gMCl7XG4gICAgICAgICAgICAgICAgICAgICAgICBsZXQgaSA9IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICBmb3IgKGNvbnN0IHN1YktleSBvZiBPYmplY3Qua2V5cyhvYmpba2V5XSkpe1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGlmKGkgPiAwKXtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyICs9ICcmJztcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3RyICs9IGtleSArIFwiLlwiICsgc3ViS2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQob2JqW2tleV1bc3ViS2V5XSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKytpO1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHIgKz0ga2V5ICsgXCI9XCIgKyBlbmNvZGVVUklDb21wb25lbnQob2JqW2tleV0pO1xuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGVsc2V7XG4gICAgICAgICAgICAgICAgICAgIHN0ciArPSBrZXkgKyBcIj1cIiArIGVuY29kZVVSSUNvbXBvbmVudChvYmpba2V5XSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHJldHVybiBzdHI7XG4gICAgfVxuXG4gICAgcHVibGljIHN0YXRpYyBnZXRFbnZpcm9ubWVudE5hbWUoaG9zdG5hbWU/OiBzdHJpbmcpOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgICAgICBjb25zdCBob3N0ID0gKGhvc3RuYW1lIHx8ICh0eXBlb2Ygd2luZG93ICE9PSAndW5kZWZpbmVkJyA/IHdpbmRvdy5sb2NhdGlvbj8uaG9zdG5hbWUgOiAnJykgfHwgJycpLnRvTG93ZXJDYXNlKCk7XG4gICAgICAgIGlmICghaG9zdCkge1xuICAgICAgICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBwYXJ0cyA9IGhvc3Quc3BsaXQoJy4nKTtcbiAgICAgICAgaWYgKHBhcnRzLmluY2x1ZGVzKCdsb2NhbCcpIHx8IGhvc3QgPT09ICdsb2NhbGhvc3QnIHx8IGhvc3QgPT09ICcxMjcuMC4wLjEnKSB7XG4gICAgICAgICAgICByZXR1cm4gJ0xPQ0FMIEVOVklST05NRU5UJztcbiAgICAgICAgfVxuICAgICAgICBpZiAocGFydHMuaW5jbHVkZXMoJ2RldicpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ0RFViBFTlZJUk9OTUVOVCc7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHBhcnRzLmluY2x1ZGVzKCdxYScpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ1FBIEVOVklST05NRU5UJztcbiAgICAgICAgfVxuICAgICAgICBpZiAocGFydHMuaW5jbHVkZXMoJ3N0YWdpbmcnKSkge1xuICAgICAgICAgICAgcmV0dXJuICdTVEFHSU5HIEVOVklST05NRU5UJztcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdW5kZWZpbmVkO1xuICAgIH1cbn0iXX0=

package/fesm2015/propmix-profet-common-header.mjs

@@ -229,6 +229,27 @@ class Utilities {
         }
         return str;
     }
+    static getEnvironmentName(hostname) {
+        var _a;
+        const host = (hostname || (typeof window !== 'undefined' ? (_a = window.location) === null || _a === void 0 ? void 0 : _a.hostname : '') || '').toLowerCase();
+        if (!host) {
+            return undefined;
+        }
+        const parts = host.split('.');
+        if (parts.includes('local') || host === 'localhost' || host === '127.0.0.1') {
+            return 'LOCAL ENVIRONMENT';
+        }
+        if (parts.includes('dev')) {
+            return 'DEV ENVIRONMENT';
+        }
+        if (parts.includes('qa')) {
+            return 'QA ENVIRONMENT';
+        }
+        if (parts.includes('staging')) {
+            return 'STAGING ENVIRONMENT';
+        }
+        return undefined;
+    }
 }
 
 class CommonHeaderService {
@@ -412,7 +433,7 @@ AppConfig.appConfig = {
     },
     appraisal_management: {
         appName: 'Workflow',
-        appLogoUri: `data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzg2IiBoZWlnaHQ9IjEwMSIgdmlld0JveD0iMCAwIDc4NiAxMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02OTIuMjk4IDk4Ljg5NTVMNjY2LjgxMSAyOS40NTU2SDY4Mi4xNTVMNzA0LjAwMiA5MC43MDMySDY5Ni43Mkw3MTkuNjA2IDI5LjQ1NTZINzMzLjI2TDc1NS40OTcgOTAuNzAzMkg3NDguMzQ0TDc3MC44NDEgMjkuNDU1Nkg3ODUuMjc1TDc1OS42NTggOTguODk1NUg3NDQuMDUzTDcyMy43NjcgNDQuNjY5OUg3MjguNTc5TDcwNy45MDMgOTguODk1NUg2OTIuMjk4WiIgZmlsbD0iIzI1NEQ5MyIvPgo8cGF0aCBkPSJNNjI2LjI1NiA5OS44MDQ4QzYxOS4xNDcgOTkuODA0OCA2MTIuODE5IDk4LjI4NzcgNjA3LjI3IDk1LjI1MzVDNjAxLjcyMiA5Mi4xMzI2IDU5Ny4zNDQgODcuODg0NyA1OTQuMTM3IDgyLjUwOThDNTkwLjkyOSA3Ny4xMzQ5IDU4OS4zMjUgNzEuMDIzMiA1ODkuMzI1IDY0LjE3NDVDNTg5LjMyNSA1Ny4yMzkyIDU5MC45MjkgNTEuMTI3NCA1OTQuMTM3IDQ1LjgzOTNDNTk3LjM0NCA0MC40NjQ0IDYwMS43MjIgMzYuMjU5OCA2MDcuMjcgMzMuMjI1NkM2MTIuODE5IDMwLjE5MTQgNjE5LjE0NyAyOC42NzQzIDYyNi4yNTYgMjguNjc0M0M2MzMuNDUxIDI4LjY3NDMgNjM5LjgyMyAzMC4xOTE0IDY0NS4zNzEgMzMuMjI1NkM2NTEuMDA2IDM2LjI1OTggNjU1LjM4NCA0MC40MjEgNjU4LjUwNSA0NS43MDkyQzY2MS43MTMgNTAuOTk3NCA2NjMuMzE2IDU3LjE1MjUgNjYzLjMxNiA2NC4xNzQ1QzY2My4zMTYgNzEuMDIzMiA2NjEuNzEzIDc3LjEzNDkgNjU4LjUwNSA4Mi41MDk4QzY1NS4zODQgODcuODg0NyA2NTEuMDA2IDkyLjEzMjYgNjQ1LjM3MSA5NS4yNTM1QzYzOS44MjMgOTguMjg3NyA2MzMuNDUxIDk5LjgwNDggNjI2LjI1NiA5OS44MDQ4Wk02MjYuMjU2IDg1Ljg5MDhDNjMwLjI0NCA4NS44OTA4IDYzMy43OTggODUuMDIzOSA2MzYuOTE5IDgzLjI5QzY0MC4wNCA4MS41NTYyIDY0Mi40NjcgNzkuMDQyMSA2NDQuMjAxIDc1Ljc0NzlDNjQ2LjAyMSA3Mi40NTM2IDY0Ni45MzIgNjguNTk1OCA2NDYuOTMyIDY0LjE3NDVDNjQ2LjkzMiA1OS42NjY2IDY0Ni4wMjEgNTUuODA4OCA2NDQuMjAxIDUyLjYwMTJDNjQyLjQ2NyA0OS4zMDY5IDY0MC4wNCA0Ni43OTI5IDYzNi45MTkgNDUuMDU5QzYzMy43OTggNDMuMzI1MiA2MzAuMjg3IDQyLjQ1ODMgNjI2LjM4NiA0Mi40NTgzQzYyMi4zOTggNDIuNDU4MyA2MTguODQ0IDQzLjMyNTIgNjE1LjcyMyA0NS4wNTlDNjEyLjY4OSA0Ni43OTI5IDYxMC4yNjEgNDkuMzA2OSA2MDguNDQxIDUyLjYwMTJDNjA2LjYyIDU1LjgwODggNjA1LjcxIDU5LjY2NjYgNjA1LjcxIDY0LjE3NDVDNjA1LjcxIDY4LjU5NTggNjA2LjYyIDcyLjQ1MzYgNjA4LjQ0MSA3NS43NDc5QzYxMC4yNjEgNzkuMDQyMSA2MTIuNjg5IDgxLjU1NjIgNjE1LjcyMyA4My4yOUM2MTguODQ0IDg1LjAyMzkgNjIyLjM1NSA4NS44OTA4IDYyNi4yNTYgODUuODkwOFoiIGZpbGw9IiMyNTREOTMiLz4KPHBhdGggZD0iTTUxMS4xNTQgOTguODk3VjI1LjU1NTlDNTExLjE1NCAxOC4yNzM5IDUxMy4yNzggMTIuNDY1NSA1MTcuNTI2IDguMTMwOTNDNTIxLjg2IDMuNzA5NjYgNTI4LjAxNSAxLjQ5OTAyIDUzNS45OTEgMS40OTkwMkM1MzguODUyIDEuNDk5MDIgNTQxLjUzOSAxLjgwMjQ0IDU0NC4wNTMgMi40MDkyOEM1NDYuNjU0IDMuMDE2MTMgNTQ4LjgyMSAzLjk2OTczIDU1MC41NTUgNS4yNzAxMUw1NDYuMTM0IDE3LjQ5MzZDNTQ0LjkyIDE2LjU0IDU0My41MzMgMTUuODQ2NSA1NDEuOTczIDE1LjQxM0M1NDAuNDEyIDE0Ljg5MjkgNTM4LjgwOCAxNC42MzI4IDUzNy4xNjEgMTQuNjMyOEM1MzMuNzggMTQuNjMyOCA1MzEuMjIzIDE1LjU4NjQgNTI5LjQ4OSAxNy40OTM2QzUyNy43NTUgMTkuMzE0MSA1MjYuODg4IDIyLjA4ODMgNTI2Ljg4OCAyNS44MTZWMzMuNjE4M0w1MjcuNDA4IDQwLjkwMDRWOTguODk3SDUxMS4xNTRaTTQ5OS43MSA0Mi45ODFWMjkuOTc3Mkg1NDYuMDA0VjQyLjk4MUg0OTkuNzFaTTU1Ny40NDcgOTguODk3VjIuNDA5MjhINTczLjcwMlY5OC44OTdINTU3LjQ0N1oiIGZpbGw9IiMyNTREOTMiLz4KPHBhdGggZD0iTTQzOS41NDIgODMuNDI1NEw0MzkuOTMyIDYzLjAwOTVMNDc2LjIxMyAyOS40NTk5SDQ5NS43MThMNDY0Ljg5OSA2MC40MDg4TDQ1Ni4zMTcgNjcuNTYwOEw0MzkuNTQyIDgzLjQyNTRaTTQyNi4yNzggOTguODk5OVYyLjQxMjExSDQ0Mi41MzNWOTguODk5OUg0MjYuMjc4Wk00NzguNjgzIDk4Ljg5OTlMNDUzLjMyNiA2Ny41NjA4TDQ2My41OTkgNTQuNTU3MUw0OTguNDQ5IDk4Ljg5OTlINDc4LjY4M1oiIGZpbGw9IiMyNTREOTMiLz4KPHBhdGggZD0iTTM3Mi4zMDEgOTguODk0NVYyOS40NTQ1SDM4Ny43NzVWNDguNTdMMzg1Ljk1NSA0Mi45Nzg0QzM4OC4wMzUgMzguMjk3MSAzOTEuMjg2IDM0Ljc0MjcgMzk1LjcwOCAzMi4zMTU0QzQwMC4yMTUgMjkuODg4IDQwNS44MDcgMjguNjc0MyA0MTIuNDgyIDI4LjY3NDNWNDQuMTQ4OEM0MTEuNzg5IDQzLjk3NTQgNDExLjEzOSA0My44ODg3IDQxMC41MzIgNDMuODg4N0M0MDkuOTI1IDQzLjgwMiA0MDkuMzE4IDQzLjc1ODcgNDA4LjcxMSA0My43NTg3QzQwMi41NTYgNDMuNzU4NyAzOTcuNjU4IDQ1LjU3OTIgMzk0LjAxNyA0OS4yMjAyQzM5MC4zNzYgNTIuNzc0NiAzODguNTU1IDU4LjEwNjEgMzg4LjU1NSA2NS4yMTQ4Vjk4Ljg5NDVIMzcyLjMwMVoiIGZpbGw9IiMyNTREOTMiLz4KPHBhdGggZD0iTTMxOS42OTkgOTkuODA0OEMzMTIuNTkgOTkuODA0OCAzMDYuMjYxIDk4LjI4NzcgMzAwLjcxMyA5NS4yNTM1QzI5NS4xNjUgOTIuMTMyNiAyOTAuNzg3IDg3Ljg4NDcgMjg3LjU3OSA4Mi41MDk4QzI4NC4zNzIgNzcuMTM0OSAyODIuNzY4IDcxLjAyMzIgMjgyLjc2OCA2NC4xNzQ1QzI4Mi43NjggNTcuMjM5MiAyODQuMzcyIDUxLjEyNzQgMjg3LjU3OSA0NS44MzkzQzI5MC43ODcgNDAuNDY0NCAyOTUuMTY1IDM2LjI1OTggMzAwLjcxMyAzMy4yMjU2QzMwNi4yNjEgMzAuMTkxNCAzMTIuNTkgMjguNjc0MyAzMTkuNjk5IDI4LjY3NDNDMzI2Ljg5NCAyOC42NzQzIDMzMy4yNjYgMzAuMTkxNCAzMzguODE0IDMzLjIyNTZDMzQ0LjQ0OSAzNi4yNTk4IDM0OC44MjcgNDAuNDIxIDM1MS45NDggNDUuNzA5MkMzNTUuMTU2IDUwLjk5NzQgMzU2Ljc1OSA1Ny4xNTI1IDM1Ni43NTkgNjQuMTc0NUMzNTYuNzU5IDcxLjAyMzIgMzU1LjE1NiA3Ny4xMzQ5IDM1MS45NDggODIuNTA5OEMzNDguODI3IDg3Ljg4NDcgMzQ0LjQ0OSA5Mi4xMzI2IDMzOC44MTQgOTUuMjUzNUMzMzMuMjY2IDk4LjI4NzcgMzI2Ljg5NCA5OS44MDQ4IDMxOS42OTkgOTkuODA0OFpNMzE5LjY5OSA4NS44OTA4QzMyMy42ODcgODUuODkwOCAzMjcuMjQxIDg1LjAyMzkgMzMwLjM2MiA4My4yOUMzMzMuNDgzIDgxLjU1NjIgMzM1LjkxIDc5LjA0MjEgMzM3LjY0NCA3NS43NDc5QzMzOS40NjQgNzIuNDUzNiAzNDAuMzc1IDY4LjU5NTggMzQwLjM3NSA2NC4xNzQ1QzM0MC4zNzUgNTkuNjY2NiAzMzkuNDY0IDU1LjgwODggMzM3LjY0NCA1Mi42MDEyQzMzNS45MSA0OS4zMDY5IDMzMy40ODMgNDYuNzkyOSAzMzAuMzYyIDQ1LjA1OUMzMjcuMjQxIDQzLjMyNTIgMzIzLjczIDQyLjQ1ODMgMzE5LjgyOSA0Mi40NTgzQzMxNS44NDEgNDIuNDU4MyAzMTIuMjg3IDQzLjMyNTIgMzA5LjE2NiA0NS4wNTlDMzA2LjEzMSA0Ni43OTI5IDMwMy43MDQgNDkuMzA2OSAzMDEuODg0IDUyLjYwMTJDMzAwLjA2MyA1NS44MDg4IDI5OS4xNTMgNTkuNjY2NiAyOTkuMTUzIDY0LjE3NDVDMjk5LjE1MyA2OC41OTU4IDMwMC4wNjMgNzIuNDUzNiAzMDEuODg0IDc1Ljc0NzlDMzAzLjcwNCA3OS4wNDIxIDMwNi4xMzEgODEuNTU2MiAzMDkuMTY2IDgzLjI5QzMxMi4yODcgODUuMDIzOSAzMTUuNzk4IDg1Ljg5MDggMzE5LjY5OSA4NS44OTA4WiIgZmlsbD0iIzI1NEQ5MyIvPgo8cGF0aCBkPSJNMTY5LjkwOSA5OC44OTc4TDEzOS43NDEgNy44NzE1OEgxNTcuMjk2TDE4NC4yMTQgOTAuMTg1M0gxNzUuNTAxTDIwMy40NTkgNy44NzE1OEgyMTkuMDY0TDI0Ni4yNDEgOTAuMTg1M0gyMzcuNzg5TDI2NS4zNTcgNy44NzE1OEgyODEuNDgyTDI1MS4zMTMgOTguODk3OEgyMzMuMzY4TDIwOC41MzEgMjQuNjQ2NEgyMTMuMjEyTDE4Ny45ODUgOTguODk3OEgxNjkuOTA5WiIgZmlsbD0iIzI1NEQ5MyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwOS4zNzYgMTAwLjc4OUMxMTcuNDcyIDEwMC43ODkgMTI0LjAzNSA5NC4yMjU1IDEyNC4wMzUgODYuMTI5NkMxMjQuMDM1IDc4LjAzMzcgMTE3LjQ3MiA3MS40NzA3IDEwOS4zNzYgNzEuNDcwN0MxMDEuMjggNzEuNDcwNyA5NC43MTczIDc4LjAzMzcgOTQuNzE3MyA4Ni4xMjk2Qzk0LjcxNzMgOTQuMjI1NSAxMDEuMjggMTAwLjc4OSAxMDkuMzc2IDEwMC43ODlaTTEwOS4zNzUgOTYuMDIzNUMxMTQuODQgOTYuMDIzNSAxMTkuMjcgOTEuNTkzNSAxMTkuMjcgODYuMTI4OEMxMTkuMjcgODAuNjY0IDExNC44NCA3Ni4yMzQgMTA5LjM3NSA3Ni4yMzRDMTAzLjkxMSA3Ni4yMzQgOTkuNDgwNyA4MC42NjQgOTkuNDgwNyA4Ni4xMjg4Qzk5LjQ4MDcgOTEuNTkzNSAxMDMuOTExIDk2LjAyMzUgMTA5LjM3NSA5Ni4wMjM1WiIgZmlsbD0iIzREQjk2NCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1LjU1ODMgMzAuMTA1NEMyMy42NTQyIDMwLjEwNTQgMzAuMjE3MiAyMy41NDI0IDMwLjIxNzIgMTUuNDQ2NUMzMC4yMTcyIDcuMzUwNjIgMjMuNjU0MiAwLjc4NzU5OCAxNS41NTgzIDAuNzg3NTk4QzcuNDYyNDMgMC43ODc1OTggMC44OTk0MTQgNy4zNTA2MiAwLjg5OTQxNCAxNS40NDY1QzAuODk5NDE0IDIzLjU0MjQgNy40NjI0MyAzMC4xMDU0IDE1LjU1ODMgMzAuMTA1NFpNMTUuNTU4NyAyNS4zNDE3QzIxLjAyMzUgMjUuMzQxNyAyNS40NTM1IDIwLjkxMTcgMjUuNDUzNSAxNS40NDY5QzI1LjQ1MzUgOS45ODIyIDIxLjAyMzUgNS41NTIxNiAxNS41NTg3IDUuNTUyMTZDMTAuMDk0IDUuNTUyMTYgNS42NjM5OCA5Ljk4MjIgNS42NjM5OCAxNS40NDY5QzUuNjYzOTggMjAuOTExNyAxMC4wOTQgMjUuMzQxNyAxNS41NTg3IDI1LjM0MTdaIiBmaWxsPSIjNERCOTY0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDYuODcwOCAzNy4zMDEzQzQ0LjQxMTMgMzcuMzAxMyA0Mi40MTc1IDM5LjI5NTEgNDIuNDE3NSA0MS43NTQ2VjYwLjA2NDZDNDIuNDE3NSA2Mi41MjQxIDQ0LjQxMTMgNjQuNTE3OSA0Ni44NzA4IDY0LjUxNzlIODEuNzI4Qzg0LjE4NzUgNjQuNTE3OSA4Ni4xODEzIDYyLjUyNDEgODYuMTgxMyA2MC4wNjQ2VjQxLjc1NDZDODYuMTgxMyAzOS4yOTUxIDg0LjE4NzUgMzcuMzAxMyA4MS43MjggMzcuMzAxM0g0Ni44NzA4Wk00OS42NzY4IDQxLjg4NjdDNDguMjAxMSA0MS44ODY3IDQ3LjAwNDggNDMuMDgzIDQ3LjAwNDggNDQuNTU4N1Y1Ny4yNjA1QzQ3LjAwNDggNTguNzM2MiA0OC4yMDExIDU5LjkzMjUgNDkuNjc2OCA1OS45MzI1SDc4LjkyMTZDODAuMzk3MyA1OS45MzI1IDgxLjU5MzYgNTguNzM2MiA4MS41OTM2IDU3LjI2MDVWNDQuNTU4N0M4MS41OTM2IDQzLjA4MyA4MC4zOTczIDQxLjg4NjcgNzguOTIxNiA0MS44ODY3SDQ5LjY3NjhaIiBmaWxsPSIjNERCOTY0Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNjU1OCA4Mi40MThDMTAuNjU1OCA5Mi4wMTAxIDE4LjQzMTcgOTkuNzg2IDI4LjAyMzggOTkuNzg2SDUxLjUwNjhDNjEuMDk4OSA5OS43ODYgNjguODc0OCA5Mi4wMTAxIDY4Ljg3NDggODIuNDE4VjYxLjY5NjFINTkuMDc3NVY4Mi40MThDNTkuMDc3NSA4Ni41OTkxIDU1LjY4OCA4OS45ODg3IDUxLjUwNjggODkuOTg4N0gyOC4wMjM4QzIzLjg0MjYgODkuOTg4NyAyMC40NTMxIDg2LjU5OTEgMjAuNDUzMSA4Mi40MThWMjcuMzIxOEwxMC42NTU4IDI3LjMyMThMMTAuNjU1OCA4Mi40MThaTTU5LjA3NzUgMzkuODQ4OUg2OC44NzQ4VjE5LjQwMzJDNjguODc0OCAxNS4yMjIgNzIuMjY0MyAxMS44MzI1IDc2LjQ0NTUgMTEuODMyNUw5Ni45MDIxIDExLjgzMjVDMTAxLjA4MyAxMS44MzI1IDEwNC40NzMgMTUuMjIyIDEwNC40NzMgMTkuNDAzMlY3NS40MTU1SDExNC4yN1YxOS40MDMyQzExNC4yNyA5LjgxMTA4IDEwNi40OTQgMi4wMzUxNiA5Ni45MDIxIDIuMDM1MTZMNzYuNDQ1NSAyLjAzNTE2QzY2Ljg1MzQgMi4wMzUxNiA1OS4wNzc1IDkuODExMSA1OS4wNzc1IDE5LjQwMzJWMzkuODQ4OVoiIGZpbGw9IiM0REI5NjQiLz4KPC9zdmc+Cg==`
+        appLogoUri: `data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2Ny40OSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDY3LjQ5IDEzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMjg0YzkxOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICM0ZWI5NjQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMi4yOCw1LjEzYy0uMS0uMDctLjE3LS4xNi0uMTktLjI2LS4wMi0uMSwwLS4yMS4wNi0uMy4wOC0uMTEuMi0uMTguMzMtLjE4aDBjLjA4LDAsLjE3LjAzLjI1LjA4bC41Ni4zNWMuMDQtLjE0LjA3LS4yOS4wNy0uNDUsMC0uODQtLjY4LTEuNTEtMS41MS0xLjUxcy0xLjUxLjU3LTEuNTEsMS40MS42OCwxLjYyLDEuNTEsMS42MmMuMzgsMCwuNzItLjE0Ljk4LS4zNmwtLjU0LS40WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNi4xLDIuNzVjLS41NCwwLS45Ny40NC0uOTcuOTcsMCwuNDUuMzEuODMuNzMuOTRsLS4wMi0uNDFjLS4wMi0uMTcuMTEtLjMzLjI4LS4zNS4wMSwwLC4wMiwwLC4wMywwaDBjLjE2LDAsLjI5LjEyLjMxLjI4bC4wNy40MWMuMzItLjE2LjU0LS40OS41NC0uODcsMC0uNTQtLjQ0LS45Ny0uOTctLjk3WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNC40NiwxMC4wOWMtLjA3LjA3LS4xNi4xMS0uMjYuMTEtLjA4LDAtLjE2LS4wMy0uMjMtLjA4LS4wNy0uMDYtLjExLS4xNC0uMTItLjIzLDAtLjA5LjAyLS4xOC4wOC0uMjRsLjQ2LS41OGMtLjE5LS4xLS40MS0uMTYtLjY1LS4xNi0uNzYsMC0xLjM3LjYxLTEuMzcsMS4zN3MuNjEsMS4zNywxLjM3LDEuMzcsMS4zNy0uNjEsMS4zNy0xLjM3YzAtLjI1LS4wNy0uNDgtLjE4LS42OGwtLjQ4LjVaIi8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMy45NSwxMC44MWMwLDEuMjctMS4wMywyLjI5LTIuMjksMi4yOXMtMi4yOS0uOTItMi4yOS0yLjE4LDEuMDMtMi4yOSwyLjI5LTIuMjksMi4yOS45MiwyLjI5LDIuMThaIi8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0xMi44NSwyLjYxYzAsMS4yNy0xLjAzLDIuMjktMi4yOSwyLjI5cy0yLjI5LTEuMDMtMi4yOS0yLjI5UzkuMjkuMjEsMTAuNTUuMjFzMi4yOSwxLjE0LDIuMjksMi40WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOS45Nyw5LjIxbC0xLjk5LTEuMzRjLS4xNS0uMTEtLjM3LS4wNy0uNDguMDgtLjExLjE1LS4wNy4zNy4wOC40OGwxLjkyLDEuNDVjLjEyLS4yNS4yOC0uNDcuNDctLjY3WiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy44Niw2LjRjLS4xMi4xMy0uMjQuMTYtLjMzLjE2LS4xLDAtLjE5LS4wNC0uMjctLjExLS4xOC0uMTYtLjE4LS4zOCwwLS41OGwuMTgtLjIxYy0uMjUtLjEyLS41Mi0uMTktLjgyLS4xOS0xLjAxLDAtMS44My44Mi0xLjgzLDEuODNzLjgyLDEuODMsMS44MywxLjgzYy40MywwLC44My0uMTUsMS4xNS0uNDFsLS4yNS0uMTljLS4xLS4wNy0uMTYtLjE3LS4xOC0uMjktLjAyLS4xMiwwLS4yNC4wOC0uMzQuMDgtLjEyLjIyLS4xOS4zNy0uMTloMGMuMDksMCwuMTguMDMuMjYuMDhsLjI4LjE5Yy4wOC0uMjEuMTMtLjQ0LjEzLS42OCwwLS40Mi0uMTQtLjgtLjM3LTEuMTFsLS4yMS4yMloiLz4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTUuMDQsOC40MmwtMS4wMiwxLjI5Yy0uMDkuMDktLjA4LjI0LjAyLjMyaDBjLjEuMDguMjUuMDcuMzQtLjAybDEuMTEtMS4xNWMtLjE3LS4xMi0uMzItLjI3LS40NS0uNDVaIi8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik01LjEsNi4wOWwtMi40My0xLjUxYy0uMTYtLjExLS4zNC0uMDYtLjQzLjA3aDBjLS4wOS4xMy0uMDYuMy4xMS40MWwyLjQsMS43NWMuMDctLjI2LjE5LS41LjM1LS43MVoiLz4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTUuOTksNS40NWMuMTctLjA2LjM2LS4wOS41NS0uMWwtLjItMS4xNWMtLjAxLS4xMS0uMTEtLjItLjIyLS4xOS0uMTEuMDEtLjE5LjEyLS4xOC4yM2wuMDUsMS4yWiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0yIiBkPSJNOC43Niw0LjJsLTEuNDIsMS43M2MtLjE0LjE3LS4xMy4zMiwwLC40M2gwYy4xMi4xMS4zLjEyLjQ1LS4wNGwxLjU1LTEuNjVjLS4yMS0uMTMtLjQxLS4yOS0uNTctLjQ3WiIvPgogIDwvZz4KICA8Zz4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI2Ljc3LjcxdjEyLjFoLTEuODVsLTYuNjctOC4ydjguMmgtMi4yM1YuNzFoMS44NWw2LjY3LDguMlYuNzFoMi4yM1oiLz4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTM4LjExLDguODloLTcuMjRjLjEzLjY4LjQ2LDEuMjIuOTksMS42Mi41NC40LDEuMi42LDIsLjYsMS4wMSwwLDEuODUtLjMzLDIuNTEtMWwxLjE2LDEuMzNjLS40MS41LS45NC44Ny0xLjU3LDEuMTItLjYzLjI1LTEuMzUuMzgtMi4xNC4zOC0xLjAxLDAtMS45MS0uMi0yLjY4LS42MS0uNzctLjQtMS4zNy0uOTYtMS43OS0xLjY5cy0uNjMtMS41NC0uNjMtMi40NS4yLTEuNzEuNjEtMi40M2MuNDEtLjcyLjk4LTEuMjgsMS43LTEuNjkuNzMtLjQsMS41NC0uNjEsMi40Ni0uNjFzMS43LjIsMi40MS42LDEuMjYuOTYsMS42NiwxLjY4Yy40LjcyLjYsMS41NS42LDIuNSwwLC4xNS0uMDEuMzYtLjA0LjY0Wk0zMS43Miw1LjgyYy0uNDguNDEtLjc3Ljk1LS44NywxLjYzaDUuMjRjLS4wOS0uNjctLjM4LTEuMjEtLjg1LTEuNjJzLTEuMDYtLjYyLTEuNzYtLjYyLTEuMjguMi0xLjc1LjYxWiIvPgogICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDUuNSwxMi44MWwtMi4zNy0zLjItMi4zOSwzLjJoLTIuMzlsMy42LTQuNjktMy40NC00LjU1aDIuNGwyLjI2LDMuMDMsMi4yNy0zLjAzaDIuMzNsLTMuNDYsNC41MSwzLjYxLDQuNzJoLTIuNDRaIi8+CiAgICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01Ny45NCwzLjU4djkuMjNoLTIuMDZ2LTEuMThjLS4zNS40Mi0uNzguNzQtMS4zLjk2LS41Mi4yMi0xLjA4LjM0LTEuNjguMzQtMS4yMywwLTIuMi0uMzQtMi45MS0xLjAzLS43MS0uNjktMS4wNi0xLjctMS4wNi0zLjA1VjMuNThoMi4xNnY0Ljk4YzAsLjgzLjE5LDEuNDUuNTYsMS44Ni4zNy40MS45MS42MSwxLjYuNjEuNzcsMCwxLjM5LS4yNCwxLjg0LS43MnMuNjgtMS4xNy42OC0yLjA3VjMuNThoMi4xNloiLz4KICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYxLjA5LDEyLjY0Yy0uNzEtLjItMS4yOS0uNDQtMS43MS0uNzRsLjgzLTEuNjRjLjQyLjI4LjkxLjUsMS41LjY3LjU4LjE3LDEuMTYuMjUsMS43Mi4yNSwxLjI5LDAsMS45NC0uMzQsMS45NC0xLjAyLDAtLjMyLS4xNi0uNTUtLjQ5LS42Ny0uMzMtLjEzLS44Ni0uMjUtMS41OC0uMzYtLjc2LS4xMi0xLjM4LS4yNS0xLjg2LS40cy0uODktLjQxLTEuMjUtLjc5Yy0uMzUtLjM3LS41My0uOS0uNTMtMS41NiwwLS44OC4zNy0xLjU4LDEuMS0yLjEuNzMtLjUyLDEuNzItLjc5LDIuOTctLjc5LjYzLDAsMS4yNy4wNywxLjkuMjIuNjMuMTQsMS4xNS4zNCwxLjU2LjU4bC0uODMsMS42NGMtLjc4LS40Ni0xLjY3LS42OS0yLjY1LS42OS0uNjMsMC0xLjEyLjEtMS40NC4yOS0uMzMuMTktLjQ5LjQ0LS40OS43NSwwLC4zNS4xOC41OS41My43My4zNS4xNC45LjI4LDEuNjMuNDEuNzQuMTIsMS4zNC4yNSwxLjgyLjQuNDcuMTUuODguNCwxLjIyLjc2LjM0LjM2LjUxLjg2LjUxLDEuNTIsMCwuODYtLjM4LDEuNTYtMS4xMiwyLjA3cy0xLjc3Ljc4LTMuMDYuNzhjLS43NSwwLTEuNDgtLjEtMi4yLS4yOVoiLz4KICA8L2c+Cjwvc3ZnPg==`
     },
     appraisal_review: {
         appName: 'Review',
@@ -491,9 +512,8 @@ class HeaderComponent {
         this.companyControl = new FormControl();
         this.appConfig = AppConfig.appConfig;
         this.companyList = [];
+        this.environmentName = Utilities.getEnvironmentName();
         this.menuList = [];
-        this.isCompanyLoaded = false;
-        this.isMenuLoaded = false;
     }
     ngOnInit() {
         return __awaiter(this, void 0, void 0, function* () {
@@ -506,18 +526,12 @@ class HeaderComponent {
                         if (!this.resolvedDisableAppMenu) {
                             this.getMenuList();
                         }
-                        else {
-                            this.isMenuLoaded = true;
-                        }
                         if (res.profileImage) {
                             this.userImageLink = res.profileImage.locationUrl
                                 ? this._domSanitizer.bypassSecurityTrustUrl(res.profileImage.locationUrl)
                                 : null;
                         }
                     }
-                },
-                error: (e) => {
-                    this.isMenuLoaded = true;
                 }
             });
             // if (userInfo?.username) {
@@ -714,10 +728,6 @@ class HeaderComponent {
                 this.companyList = v;
                 this.selectCurrentCompany();
                 this.patchCurrentCompanyInfo();
-                this.isCompanyLoaded = true;
-            },
-            error: (e) => {
-                this.isCompanyLoaded = true;
             }
         });
     }
@@ -726,10 +736,6 @@ class HeaderComponent {
             next: (v) => {
                 this._headerSer.setMenuState(v);
                 this.menuList = this.groupByAppType(v);
-                this.isMenuLoaded = true;
-            },
-            error: (e) => {
-                this.isMenuLoaded = true;
             }
         });
     }
@@ -860,10 +866,10 @@ class HeaderComponent {
     }
 }
 HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { INACTIVITY_LIMIT: "INACTIVITY_LIMIT", appLogoNavigationUrl: "appLogoNavigationUrl", disableAppMenu: "disableAppMenu" }, outputs: { logoutEvent: "logoutEvent" }, host: { listeners: { "document:mousemove": "resetTimer()", "document:keydown": "resetTimer()", "document:click": "resetTimer()", "document:touchstart": "resetTimer()", "document:touchmove": "resetTimer()", "document:scroll": "resetTimer()", "window:focus": "resetTimer()" } }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-sidenav-container class=\"app-menu-sidenav-container\">\n    <mat-sidenav cdkMenuBar #sidenav mode=\"over\" class=\"sidenavDrawer\">\n        <div class=\"drawerHeadLogo\"><img [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.profetLogo)\"></div>\n        <div class=\"app-menu-content-section\">\n            <ng-container *ngFor=\"let appType of menuList\">\n                <div class=\"appList\">\n                    <img *ngIf=\"appConfig[appType.key]?.appLogoUri\"\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[appType.key]?.appLogoUri)\">\n                </div>\n                <div class=\"subHeadListItems\">\n                    <div *ngFor=\"let item of appType.value\" class=\"menu-item\" (click)=\"menuSelection(item)\"\n                        [ngClass]=\"{'active-menu': item | activeRoute : _router.url:_headerSer.headerConfig.appType}\">\n                        <mat-icon class=\"menuIconList\" *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                        <span>{{ item.menuName }}</span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </mat-sidenav>\n\n</mat-sidenav-container>\n<mat-toolbar cdkMenuBar color=\"primary\" class=\"header-wrapper common_header shadow-sm\">\n    <!-- Main nav button and navigation links -->\n    <button *ngIf=\"menuList && menuList.length > 0\" mat-icon-button color=\"theme-white\" (click)=\"sidenav.toggle()\"\n        class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\" aria-label=\"main menu\" tabindex=\"0\"\n        matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n        matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n    <a *ngIf=\"resolvedAppLogoNavigationUrl; else noLink\" class=\"navbar-brand me-auto\"\n        [href]=\"resolvedAppLogoNavigationUrl\">\n        <ng-container *ngIf=\"isCompanyLoaded && isMenuLoaded\">\n            <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(activeCompany?.logo || appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                alt=\"App Logo\" [class.app-logo]=\"!activeCompany?.logo\" [class.company-logo]=\"activeCompany?.logo\">\n        </ng-container>\n    </a>\n    <ng-template #noLink>\n        <span class=\"navbar-brand me-auto\">\n            <ng-container *ngIf=\"isCompanyLoaded && isMenuLoaded\">\n                <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(activeCompany?.logo || appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                    alt=\"App Logo\" [class.app-logo]=\"!activeCompany?.logo\" [class.company-logo]=\"activeCompany?.logo\">\n            </ng-container>\n        </span>\n    </ng-template>\n\n    <ng-content></ng-content>\n\n    <mat-form-field appearance=\"outline\" class=\"switchCompanyField\">\n        <mat-label>Company</mat-label>\n        <mat-select [formControl]=\"companyControl\" (selectionChange)=\"switchCompany($event)\">\n            <mat-option *ngFor=\"let opt of companyList\" [value]=\"opt\">\n                {{opt.name}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n\n    <!-- Profile button and profile dropdown links -->\n    <button class=\"pmx-button pmx-menu-button profile-button\" mat-button [matMenuTriggerFor]=\"menu\" color=\"primary\"\n        matTooltipPosition=\"below\">\n        <div class=\"profile-inner\">\n            <!-- <div class=\"brand-logo align-self-center\" *ngIf=\"activeCompany?.logo\"\n                [ngClass]=\"activeCompany?.logo ? 'branded-logo-true' : 'branded-logo-false'\"\n                [ngStyle]=\"{'background-image': 'url(' + activeCompany?.logo + ')'}\"></div> -->\n            <div class=\"avatar\">\n                <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"userImageLink\" class=\"avatar-image\" alt=\"Avatar\">\n                <ng-template #defaultAvatar><img\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.defaultUserImage)\"\n                        class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n            </div>\n        </div>\n    </button>\n    <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n        <div class=\"popover-content show-menu\" (click)=\"$event.stopPropagation()\">\n            <div class=\"popover-header\">\n                <div class=\"popover-user-top\">\n                    <div class=\"avatar-wrapper\">\n                        <img *ngIf=\"userImageLink;else defaultLargeAvatar\" [src]=\"userImageLink\" class=\"avatar-icon\"\n                            alt=\"Avatar\">\n                        <ng-template #defaultLargeAvatar>\n                            <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\"\n                                class=\"avatar-icon default-avatar\" alt=\"Avatar icon\">&nbsp;</div>\n                        </ng-template>\n                    </div>\n                    <div class=\"user-data\">\n                        <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{\n                                userAuthData?.lastName }}</span></h3>\n                        <button *ngIf=\"userAuthData?.viewProfile\" mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\"\n                            (click)=\"profile()\">View Profile</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"popover-body\">\n                <!-- <div class=\"popover-content-title\">\n                    <p>Overview</p>\n                </div> -->\n\n                <div *ngIf=\"userAuthData?.email\">\n                    <p class=\"list-text list-text-email mt-2 mb-1\">\n                        <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"pmx-lower-case pmx-text-wrap me-auto\">{{\n                            userAuthData?.email }}</span>\n                    </p>\n                </div>\n                <ng-container *ngIf=\"userAuthData?.contactPhone\">\n                    <p class=\"list-text mb-1\">\n                        <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{\n                            userAuthData?.contactPhone }}</span>\n                    </p>\n                </ng-container>\n\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{--contentfont: 13.12px !important;--labelfont: .75rem !important}.pmx-text-truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmx-text-wrap{overflow-wrap:break-word;word-break:break-word}.pmx-lower-case{text-transform:lowercase}.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)}.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:fixed;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}.vr{width:2px;background-color:#f5f5f5;opacity:1;margin:0 .5rem 0 1rem}.vr-blury{background-image:linear-gradient(180deg,transparent,#666,transparent);width:1px;opacity:.25}.navbar-brand .app-logo{height:20px;min-height:20px;max-height:20px;width:auto;object-fit:contain}.navbar-brand .company-logo{height:38px;min-height:38px;max-height:38px;width:auto;object-fit:contain}.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:24px!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:#254d93}.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{background-color:#e5f3fb}.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:#bfdff7!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:#bfdff7!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-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:#9cd7a8}.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!important}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid #bfdff7}.btn-group-clicked.branded-group-true{background-color:#99ccf2}.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}::ng-deep .header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:408px!important;width:408px!important;overflow:visible;margin-top:1rem}.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:#254d93}.btn.view-profile{background:#fafafa}.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 1rem;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%;overflow:hidden}.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:0;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:#212121;padding:0 .5rem;border-radius:50px;font-size:.75rem;margin-left:.5rem}.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}::ng-deep .popover-content ul.list-group li.list-item button.list-button .list-text{font-size:15px}.popover-content .popover-body p.list-text{padding:.5rem 1rem;margin:0;min-height:auto;cursor:default;display:flex;align-items:center;gap:16px}.popover-content .popover-body p.list-text span{font-size:var(--contentfont);font-weight:500}::ng-deep .popover-content .popover-body p.list-text .mat-mdc-menu-item-text{font-size:15px;font-weight:500}.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.list-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,.popover-content .popover-body p.list-text .list-icon{color:#2db051;font-variation-settings:\"FILL\" 0,\"wght\" 300,\"GRAD\" 0,\"opsz\" 24;font-size:24px!important}.popover-content ul.list-group li.list-item.list-active.company-active button.list-button .mat-icon{color:#2db051;font-variation-settings:\"FILL\" 1,\"wght\" 300,\"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,.popover-content ul.list-group li.list-item span.lower-case,.popover-content ul.list-group li.list-item span.pmx-lower-case{font-size:.8rem;color:#212121;font-weight:500;display:block;line-height:normal}small{color:#9e9e9e}.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 .list-text span.mat-mdc-menu-item-text{font-size:.875rem;color:#0a152f;font-weight:500;line-height:normal}.popover-content ul.list-group li.list-item .list-text.list-text-email span.mat-mdc-menu-item-text{width:calc(100% - 40px);display:inline-flex}.popover-content ul.list-group li.list-item .list-text.list-text-email span.pmx-text-wrap{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;width:100%}.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 .list-text,.popover-content ul.list-group li.list-item.company-active .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:#408dd7;color:#f5f5f5}.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:#616161}.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 .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:#616161}.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:#254d93}.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}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:#254d93}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid #fafafa!important}:host(.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}:host ::ng-deep .app-menu-sidenav-container{z-index:999}:host ::ng-deep .mat-drawer-backdrop.mat-drawer-shown{position:fixed;background:rgba(63,81,181,.25)}.mat-drawer-backdrop{position:fixed!important}.sidenavDrawer{position:fixed!important;left:0;width:250px;padding:0}.mdc-list-group__subheader{background-color:#eef4ff;padding:5px 20px;margin-bottom:5px!important;font-size:14px!important;font-weight:500!important}.menusubItems{padding-left:2rem!important}.switchCompanyField{min-width:175px!important;margin-left:13px}.profile-button{margin-left:10px}.brand-logo{width:100px;height:38px;background-repeat:no-repeat;background-size:contain;background-origin:content-box;padding:7px}.menuIconList{font-size:20px!important;height:20px;width:20px;margin-right:.5rem;position:relative;color:#747474;font-weight:300}.subHeadListItems{padding:0 15px}.subHeadListItems .menu-item{display:flex;flex-direction:row;align-items:center;color:#000;padding:.7rem .5rem;border-radius:3px;transition:all .3s;font-size:var(--contentfont)}.subHeadListItems .menu-item:hover:not(.no-select){cursor:pointer;background-color:#f5f5f5}.subHeadInnerItem{margin-bottom:0!important}.drawerHeadLogo{width:100%;padding:10px 20px;margin-bottom:20px;margin-top:15px}.drawerHeadLogo img{width:130px}.app-menu-content-section{overflow-y:auto;height:calc(100vh - 80px);padding-bottom:25px}.active-menu{background-color:var(--themelightblue)!important;color:#fff!important;font-weight:500}.active-menu .menuIconList{color:#fff}.appList{padding:11px 15px;background-color:#eef4ff;margin:20px 0 10px;height:35px;display:flex}.appList img{object-fit:contain}::ng-deep .header-dropdown-profile .mat-mdc-menu-content{margin:0;padding:0;list-style-type:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: ActiveRoutePipe, name: "activeRoute" }] });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: HeaderComponent, selector: "lib-header", inputs: { INACTIVITY_LIMIT: "INACTIVITY_LIMIT", appLogoNavigationUrl: "appLogoNavigationUrl", disableAppMenu: "disableAppMenu" }, outputs: { logoutEvent: "logoutEvent" }, host: { listeners: { "document:mousemove": "resetTimer()", "document:keydown": "resetTimer()", "document:click": "resetTimer()", "document:touchstart": "resetTimer()", "document:touchmove": "resetTimer()", "document:scroll": "resetTimer()", "window:focus": "resetTimer()" } }, viewQueries: [{ propertyName: "sidenav", first: true, predicate: ["sidenav"], descendants: true }, { propertyName: "menuTrigger", first: true, predicate: MatMenuTrigger, descendants: true }], ngImport: i0, template: "<mat-sidenav-container class=\"app-menu-sidenav-container\">\n    <mat-sidenav cdkMenuBar #sidenav mode=\"over\" class=\"sidenavDrawer\">\n        <div class=\"drawerHeadLogo\"><img [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.profetLogo)\"></div>\n        <div class=\"app-menu-content-section\">\n            <ng-container *ngFor=\"let appType of menuList\">\n                <div class=\"appList\">\n                    <img *ngIf=\"appConfig[appType.key]?.appLogoUri\"\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[appType.key]?.appLogoUri)\">\n                </div>\n                <div class=\"subHeadListItems\">\n                    <div *ngFor=\"let item of appType.value\" class=\"menu-item\" (click)=\"menuSelection(item)\"\n                        [ngClass]=\"{'active-menu': item | activeRoute : _router.url:_headerSer.headerConfig.appType}\">\n                        <mat-icon class=\"menuIconList\" *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                        <span>{{ item.menuName }}</span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </mat-sidenav>\n\n</mat-sidenav-container>\n<mat-toolbar cdkMenuBar color=\"primary\" class=\"header-wrapper common_header shadow-sm\">\n    <!-- Main nav button and navigation links -->\n    <button *ngIf=\"menuList && menuList.length > 0\" mat-icon-button color=\"theme-white\" (click)=\"sidenav.toggle()\"\n        class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\" aria-label=\"main menu\" tabindex=\"0\"\n        matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n        matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n    <div class=\"brand-wrapper me-auto\">\n        <a *ngIf=\"resolvedAppLogoNavigationUrl; else noLink\" class=\"navbar-brand\"\n            [href]=\"resolvedAppLogoNavigationUrl\">\n            <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                alt=\"App Logo\" class=\"app-logo\">\n        </a>\n        <ng-template #noLink>\n            <span class=\"navbar-brand\">\n                <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                    alt=\"App Logo\" class=\"app-logo\">\n            </span>\n        </ng-template>\n\n        <span *ngIf=\"environmentName\" class=\"env-badge\">\n            {{ environmentName }}\n        </span>\n    </div>\n\n    <ng-content></ng-content>\n\n    <mat-form-field appearance=\"outline\" class=\"switchCompanyField\">\n        <mat-label>Company</mat-label>\n        <mat-select [formControl]=\"companyControl\" (selectionChange)=\"switchCompany($event)\">\n            <mat-option *ngFor=\"let opt of companyList\" [value]=\"opt\">\n                {{opt.name}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n\n    <!-- Profile button and profile dropdown links -->\n    <button class=\"pmx-button pmx-menu-button profile-button\" mat-button [matMenuTriggerFor]=\"menu\" color=\"primary\"\n        matTooltipPosition=\"below\">\n        <div class=\"profile-inner\">\n            <!-- <div class=\"brand-logo align-self-center\" *ngIf=\"activeCompany?.logo\"\n                [ngClass]=\"activeCompany?.logo ? 'branded-logo-true' : 'branded-logo-false'\"\n                [ngStyle]=\"{'background-image': 'url(' + activeCompany?.logo + ')'}\"></div> -->\n            <div class=\"avatar\">\n                <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"userImageLink\" class=\"avatar-image\" alt=\"Avatar\">\n                <ng-template #defaultAvatar><img\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.defaultUserImage)\"\n                        class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n            </div>\n        </div>\n    </button>\n    <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n        <div class=\"popover-content show-menu\" (click)=\"$event.stopPropagation()\">\n            <div class=\"popover-header\">\n                <div class=\"popover-user-top\">\n                    <div class=\"avatar-wrapper\">\n                        <img *ngIf=\"userImageLink;else defaultLargeAvatar\" [src]=\"userImageLink\" class=\"avatar-icon\"\n                            alt=\"Avatar\">\n                        <ng-template #defaultLargeAvatar>\n                            <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\"\n                                class=\"avatar-icon default-avatar\" alt=\"Avatar icon\">&nbsp;</div>\n                        </ng-template>\n                    </div>\n                    <div class=\"user-data\">\n                        <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{\n                                userAuthData?.lastName }}</span></h3>\n                        <button *ngIf=\"userAuthData?.viewProfile\" mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\"\n                            (click)=\"profile()\">View Profile</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"popover-body\">\n                <!-- <div class=\"popover-content-title\">\n                    <p>Overview</p>\n                </div> -->\n\n                <div *ngIf=\"userAuthData?.email\">\n                    <p class=\"list-text list-text-email mt-2 mb-1\">\n                        <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"pmx-lower-case pmx-text-wrap me-auto\">{{\n                            userAuthData?.email }}</span>\n                    </p>\n                </div>\n                <ng-container *ngIf=\"userAuthData?.contactPhone\">\n                    <p class=\"list-text mb-1\">\n                        <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{\n                            userAuthData?.contactPhone }}</span>\n                    </p>\n                </ng-container>\n\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{--contentfont: 13.12px !important;--labelfont: .75rem !important}.pmx-text-truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmx-text-wrap{overflow-wrap:break-word;word-break:break-word}.pmx-lower-case{text-transform:lowercase}.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)}.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:fixed;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}.vr{width:2px;background-color:#f5f5f5;opacity:1;margin:0 .5rem 0 1rem}.vr-blury{background-image:linear-gradient(180deg,transparent,#666,transparent);width:1px;opacity:.25}.brand-wrapper{display:flex;align-items:center;gap:12px}.navbar-brand{display:inline-flex;align-items:center;text-decoration:none}.navbar-brand .app-logo{height:20px;width:auto;display:block}.env-badge{background-color:#f36c21;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;line-height:normal;letter-spacing:.5px;white-space:nowrap;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.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:24px!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:#254d93}.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{background-color:#e5f3fb}.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:#bfdff7!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:#bfdff7!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-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:#9cd7a8}.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!important}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid #bfdff7}.btn-group-clicked.branded-group-true{background-color:#99ccf2}.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}::ng-deep .header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:408px!important;width:408px!important;overflow:visible;margin-top:1rem}.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:#254d93}.btn.view-profile{background:#fafafa}.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 1rem;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%;overflow:hidden}.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:0;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:#212121;padding:0 .5rem;border-radius:50px;font-size:.75rem;margin-left:.5rem}.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}::ng-deep .popover-content ul.list-group li.list-item button.list-button .list-text{font-size:15px}.popover-content .popover-body p.list-text{padding:.5rem 1rem;margin:0;min-height:auto;cursor:default;display:flex;align-items:center;gap:16px}.popover-content .popover-body p.list-text span{font-size:var(--contentfont);font-weight:500}::ng-deep .popover-content .popover-body p.list-text .mat-mdc-menu-item-text{font-size:15px;font-weight:500}.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.list-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,.popover-content .popover-body p.list-text .list-icon{color:#2db051;font-variation-settings:\"FILL\" 0,\"wght\" 300,\"GRAD\" 0,\"opsz\" 24;font-size:24px!important}.popover-content ul.list-group li.list-item.list-active.company-active button.list-button .mat-icon{color:#2db051;font-variation-settings:\"FILL\" 1,\"wght\" 300,\"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,.popover-content ul.list-group li.list-item span.lower-case,.popover-content ul.list-group li.list-item span.pmx-lower-case{font-size:.8rem;color:#212121;font-weight:500;display:block;line-height:normal}small{color:#9e9e9e}.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 .list-text span.mat-mdc-menu-item-text{font-size:.875rem;color:#0a152f;font-weight:500;line-height:normal}.popover-content ul.list-group li.list-item .list-text.list-text-email span.mat-mdc-menu-item-text{width:calc(100% - 40px);display:inline-flex}.popover-content ul.list-group li.list-item .list-text.list-text-email span.pmx-text-wrap{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;width:100%}.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 .list-text,.popover-content ul.list-group li.list-item.company-active .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:#408dd7;color:#f5f5f5}.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:#616161}.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 .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:#616161}.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:#254d93}.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}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:#254d93}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid #fafafa!important}:host(.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}:host ::ng-deep .app-menu-sidenav-container{z-index:999}:host ::ng-deep .mat-drawer-backdrop.mat-drawer-shown{position:fixed;background:rgba(63,81,181,.25)}.mat-drawer-backdrop{position:fixed!important}.sidenavDrawer{position:fixed!important;left:0;width:250px;padding:0}.mdc-list-group__subheader{background-color:#eef4ff;padding:5px 20px;margin-bottom:5px!important;font-size:14px!important;font-weight:500!important}.menusubItems{padding-left:2rem!important}.switchCompanyField{min-width:175px!important;margin-left:13px}.profile-button{margin-left:10px}.brand-logo{width:100px;height:38px;background-repeat:no-repeat;background-size:contain;background-origin:content-box;padding:7px}.menuIconList{font-size:20px!important;height:20px;width:20px;margin-right:.5rem;position:relative;color:#747474;font-weight:300}.subHeadListItems{padding:0 15px}.subHeadListItems .menu-item{display:flex;flex-direction:row;align-items:center;color:#000;padding:.7rem .5rem;border-radius:3px;transition:all .3s;font-size:var(--contentfont)}.subHeadListItems .menu-item:hover:not(.no-select){cursor:pointer;background-color:#f5f5f5}.subHeadInnerItem{margin-bottom:0!important}.drawerHeadLogo{width:100%;padding:10px 20px;margin-bottom:20px;margin-top:15px}.drawerHeadLogo img{width:130px}.app-menu-content-section{overflow-y:auto;height:calc(100vh - 80px);padding-bottom:25px}.active-menu{background-color:var(--themelightblue)!important;color:#fff!important;font-weight:500}.active-menu .menuIconList{color:#fff}.appList{padding:11px 15px;background-color:#eef4ff;margin:20px 0 10px;height:35px;display:flex}.appList img{object-fit:contain}::ng-deep .header-dropdown-profile .mat-mdc-menu-content{margin:0;padding:0;list-style-type:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.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.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "component", type: i6.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "component", type: i9.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator"], exportAs: ["matSelect"] }, { kind: "component", type: i10.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: ActiveRoutePipe, name: "activeRoute" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: HeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-header', template: "<mat-sidenav-container class=\"app-menu-sidenav-container\">\n    <mat-sidenav cdkMenuBar #sidenav mode=\"over\" class=\"sidenavDrawer\">\n        <div class=\"drawerHeadLogo\"><img [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.profetLogo)\"></div>\n        <div class=\"app-menu-content-section\">\n            <ng-container *ngFor=\"let appType of menuList\">\n                <div class=\"appList\">\n                    <img *ngIf=\"appConfig[appType.key]?.appLogoUri\"\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[appType.key]?.appLogoUri)\">\n                </div>\n                <div class=\"subHeadListItems\">\n                    <div *ngFor=\"let item of appType.value\" class=\"menu-item\" (click)=\"menuSelection(item)\"\n                        [ngClass]=\"{'active-menu': item | activeRoute : _router.url:_headerSer.headerConfig.appType}\">\n                        <mat-icon class=\"menuIconList\" *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                        <span>{{ item.menuName }}</span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </mat-sidenav>\n\n</mat-sidenav-container>\n<mat-toolbar cdkMenuBar color=\"primary\" class=\"header-wrapper common_header shadow-sm\">\n    <!-- Main nav button and navigation links -->\n    <button *ngIf=\"menuList && menuList.length > 0\" mat-icon-button color=\"theme-white\" (click)=\"sidenav.toggle()\"\n        class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\" aria-label=\"main menu\" tabindex=\"0\"\n        matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n        matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n    <a *ngIf=\"resolvedAppLogoNavigationUrl; else noLink\" class=\"navbar-brand me-auto\"\n        [href]=\"resolvedAppLogoNavigationUrl\">\n        <ng-container *ngIf=\"isCompanyLoaded && isMenuLoaded\">\n            <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(activeCompany?.logo || appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                alt=\"App Logo\" [class.app-logo]=\"!activeCompany?.logo\" [class.company-logo]=\"activeCompany?.logo\">\n        </ng-container>\n    </a>\n    <ng-template #noLink>\n        <span class=\"navbar-brand me-auto\">\n            <ng-container *ngIf=\"isCompanyLoaded && isMenuLoaded\">\n                <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(activeCompany?.logo || appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                    alt=\"App Logo\" [class.app-logo]=\"!activeCompany?.logo\" [class.company-logo]=\"activeCompany?.logo\">\n            </ng-container>\n        </span>\n    </ng-template>\n\n    <ng-content></ng-content>\n\n    <mat-form-field appearance=\"outline\" class=\"switchCompanyField\">\n        <mat-label>Company</mat-label>\n        <mat-select [formControl]=\"companyControl\" (selectionChange)=\"switchCompany($event)\">\n            <mat-option *ngFor=\"let opt of companyList\" [value]=\"opt\">\n                {{opt.name}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n\n    <!-- Profile button and profile dropdown links -->\n    <button class=\"pmx-button pmx-menu-button profile-button\" mat-button [matMenuTriggerFor]=\"menu\" color=\"primary\"\n        matTooltipPosition=\"below\">\n        <div class=\"profile-inner\">\n            <!-- <div class=\"brand-logo align-self-center\" *ngIf=\"activeCompany?.logo\"\n                [ngClass]=\"activeCompany?.logo ? 'branded-logo-true' : 'branded-logo-false'\"\n                [ngStyle]=\"{'background-image': 'url(' + activeCompany?.logo + ')'}\"></div> -->\n            <div class=\"avatar\">\n                <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"userImageLink\" class=\"avatar-image\" alt=\"Avatar\">\n                <ng-template #defaultAvatar><img\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.defaultUserImage)\"\n                        class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n            </div>\n        </div>\n    </button>\n    <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n        <div class=\"popover-content show-menu\" (click)=\"$event.stopPropagation()\">\n            <div class=\"popover-header\">\n                <div class=\"popover-user-top\">\n                    <div class=\"avatar-wrapper\">\n                        <img *ngIf=\"userImageLink;else defaultLargeAvatar\" [src]=\"userImageLink\" class=\"avatar-icon\"\n                            alt=\"Avatar\">\n                        <ng-template #defaultLargeAvatar>\n                            <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\"\n                                class=\"avatar-icon default-avatar\" alt=\"Avatar icon\">&nbsp;</div>\n                        </ng-template>\n                    </div>\n                    <div class=\"user-data\">\n                        <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{\n                                userAuthData?.lastName }}</span></h3>\n                        <button *ngIf=\"userAuthData?.viewProfile\" mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\"\n                            (click)=\"profile()\">View Profile</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"popover-body\">\n                <!-- <div class=\"popover-content-title\">\n                    <p>Overview</p>\n                </div> -->\n\n                <div *ngIf=\"userAuthData?.email\">\n                    <p class=\"list-text list-text-email mt-2 mb-1\">\n                        <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"pmx-lower-case pmx-text-wrap me-auto\">{{\n                            userAuthData?.email }}</span>\n                    </p>\n                </div>\n                <ng-container *ngIf=\"userAuthData?.contactPhone\">\n                    <p class=\"list-text mb-1\">\n                        <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{\n                            userAuthData?.contactPhone }}</span>\n                    </p>\n                </ng-container>\n\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{--contentfont: 13.12px !important;--labelfont: .75rem !important}.pmx-text-truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmx-text-wrap{overflow-wrap:break-word;word-break:break-word}.pmx-lower-case{text-transform:lowercase}.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)}.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:fixed;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}.vr{width:2px;background-color:#f5f5f5;opacity:1;margin:0 .5rem 0 1rem}.vr-blury{background-image:linear-gradient(180deg,transparent,#666,transparent);width:1px;opacity:.25}.navbar-brand .app-logo{height:20px;min-height:20px;max-height:20px;width:auto;object-fit:contain}.navbar-brand .company-logo{height:38px;min-height:38px;max-height:38px;width:auto;object-fit:contain}.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:24px!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:#254d93}.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{background-color:#e5f3fb}.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:#bfdff7!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:#bfdff7!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-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:#9cd7a8}.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!important}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid #bfdff7}.btn-group-clicked.branded-group-true{background-color:#99ccf2}.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}::ng-deep .header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:408px!important;width:408px!important;overflow:visible;margin-top:1rem}.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:#254d93}.btn.view-profile{background:#fafafa}.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 1rem;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%;overflow:hidden}.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:0;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:#212121;padding:0 .5rem;border-radius:50px;font-size:.75rem;margin-left:.5rem}.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}::ng-deep .popover-content ul.list-group li.list-item button.list-button .list-text{font-size:15px}.popover-content .popover-body p.list-text{padding:.5rem 1rem;margin:0;min-height:auto;cursor:default;display:flex;align-items:center;gap:16px}.popover-content .popover-body p.list-text span{font-size:var(--contentfont);font-weight:500}::ng-deep .popover-content .popover-body p.list-text .mat-mdc-menu-item-text{font-size:15px;font-weight:500}.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.list-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,.popover-content .popover-body p.list-text .list-icon{color:#2db051;font-variation-settings:\"FILL\" 0,\"wght\" 300,\"GRAD\" 0,\"opsz\" 24;font-size:24px!important}.popover-content ul.list-group li.list-item.list-active.company-active button.list-button .mat-icon{color:#2db051;font-variation-settings:\"FILL\" 1,\"wght\" 300,\"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,.popover-content ul.list-group li.list-item span.lower-case,.popover-content ul.list-group li.list-item span.pmx-lower-case{font-size:.8rem;color:#212121;font-weight:500;display:block;line-height:normal}small{color:#9e9e9e}.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 .list-text span.mat-mdc-menu-item-text{font-size:.875rem;color:#0a152f;font-weight:500;line-height:normal}.popover-content ul.list-group li.list-item .list-text.list-text-email span.mat-mdc-menu-item-text{width:calc(100% - 40px);display:inline-flex}.popover-content ul.list-group li.list-item .list-text.list-text-email span.pmx-text-wrap{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;width:100%}.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 .list-text,.popover-content ul.list-group li.list-item.company-active .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:#408dd7;color:#f5f5f5}.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:#616161}.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 .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:#616161}.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:#254d93}.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}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:#254d93}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid #fafafa!important}:host(.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}:host ::ng-deep .app-menu-sidenav-container{z-index:999}:host ::ng-deep .mat-drawer-backdrop.mat-drawer-shown{position:fixed;background:rgba(63,81,181,.25)}.mat-drawer-backdrop{position:fixed!important}.sidenavDrawer{position:fixed!important;left:0;width:250px;padding:0}.mdc-list-group__subheader{background-color:#eef4ff;padding:5px 20px;margin-bottom:5px!important;font-size:14px!important;font-weight:500!important}.menusubItems{padding-left:2rem!important}.switchCompanyField{min-width:175px!important;margin-left:13px}.profile-button{margin-left:10px}.brand-logo{width:100px;height:38px;background-repeat:no-repeat;background-size:contain;background-origin:content-box;padding:7px}.menuIconList{font-size:20px!important;height:20px;width:20px;margin-right:.5rem;position:relative;color:#747474;font-weight:300}.subHeadListItems{padding:0 15px}.subHeadListItems .menu-item{display:flex;flex-direction:row;align-items:center;color:#000;padding:.7rem .5rem;border-radius:3px;transition:all .3s;font-size:var(--contentfont)}.subHeadListItems .menu-item:hover:not(.no-select){cursor:pointer;background-color:#f5f5f5}.subHeadInnerItem{margin-bottom:0!important}.drawerHeadLogo{width:100%;padding:10px 20px;margin-bottom:20px;margin-top:15px}.drawerHeadLogo img{width:130px}.app-menu-content-section{overflow-y:auto;height:calc(100vh - 80px);padding-bottom:25px}.active-menu{background-color:var(--themelightblue)!important;color:#fff!important;font-weight:500}.active-menu .menuIconList{color:#fff}.appList{padding:11px 15px;background-color:#eef4ff;margin:20px 0 10px;height:35px;display:flex}.appList img{object-fit:contain}::ng-deep .header-dropdown-profile .mat-mdc-menu-content{margin:0;padding:0;list-style-type:none}\n"] }]
+            args: [{ selector: 'lib-header', template: "<mat-sidenav-container class=\"app-menu-sidenav-container\">\n    <mat-sidenav cdkMenuBar #sidenav mode=\"over\" class=\"sidenavDrawer\">\n        <div class=\"drawerHeadLogo\"><img [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.profetLogo)\"></div>\n        <div class=\"app-menu-content-section\">\n            <ng-container *ngFor=\"let appType of menuList\">\n                <div class=\"appList\">\n                    <img *ngIf=\"appConfig[appType.key]?.appLogoUri\"\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[appType.key]?.appLogoUri)\">\n                </div>\n                <div class=\"subHeadListItems\">\n                    <div *ngFor=\"let item of appType.value\" class=\"menu-item\" (click)=\"menuSelection(item)\"\n                        [ngClass]=\"{'active-menu': item | activeRoute : _router.url:_headerSer.headerConfig.appType}\">\n                        <mat-icon class=\"menuIconList\" *ngIf=\"item.icon\">{{ item.icon }}</mat-icon>\n                        <span>{{ item.menuName }}</span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </mat-sidenav>\n\n</mat-sidenav-container>\n<mat-toolbar cdkMenuBar color=\"primary\" class=\"header-wrapper common_header shadow-sm\">\n    <!-- Main nav button and navigation links -->\n    <button *ngIf=\"menuList && menuList.length > 0\" mat-icon-button color=\"theme-white\" (click)=\"sidenav.toggle()\"\n        class=\"pmx-button pmx-menu-button orders-menu icon-btn ms-0 me-3\" aria-label=\"main menu\" tabindex=\"0\"\n        matTooltip=\"Main menu\" matTooltipPosition=\"below\"\n        matTooltipClass=\"poc-header-tooltip\"><mat-icon>menu</mat-icon></button>\n    <div class=\"brand-wrapper me-auto\">\n        <a *ngIf=\"resolvedAppLogoNavigationUrl; else noLink\" class=\"navbar-brand\"\n            [href]=\"resolvedAppLogoNavigationUrl\">\n            <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                alt=\"App Logo\" class=\"app-logo\">\n        </a>\n        <ng-template #noLink>\n            <span class=\"navbar-brand\">\n                <img [src]=\"_domSanitizer.bypassSecurityTrustUrl(appConfig[_headerSer.headerConfig.appType]?.appLogoUri)\"\n                    alt=\"App Logo\" class=\"app-logo\">\n            </span>\n        </ng-template>\n\n        <span *ngIf=\"environmentName\" class=\"env-badge\">\n            {{ environmentName }}\n        </span>\n    </div>\n\n    <ng-content></ng-content>\n\n    <mat-form-field appearance=\"outline\" class=\"switchCompanyField\">\n        <mat-label>Company</mat-label>\n        <mat-select [formControl]=\"companyControl\" (selectionChange)=\"switchCompany($event)\">\n            <mat-option *ngFor=\"let opt of companyList\" [value]=\"opt\">\n                {{opt.name}}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n\n    <!-- Profile button and profile dropdown links -->\n    <button class=\"pmx-button pmx-menu-button profile-button\" mat-button [matMenuTriggerFor]=\"menu\" color=\"primary\"\n        matTooltipPosition=\"below\">\n        <div class=\"profile-inner\">\n            <!-- <div class=\"brand-logo align-self-center\" *ngIf=\"activeCompany?.logo\"\n                [ngClass]=\"activeCompany?.logo ? 'branded-logo-true' : 'branded-logo-false'\"\n                [ngStyle]=\"{'background-image': 'url(' + activeCompany?.logo + ')'}\"></div> -->\n            <div class=\"avatar\">\n                <img *ngIf=\"userImageLink;else defaultAvatar\" [src]=\"userImageLink\" class=\"avatar-image\" alt=\"Avatar\">\n                <ng-template #defaultAvatar><img\n                        [src]=\"_domSanitizer.bypassSecurityTrustUrl(imageDataUrls.defaultUserImage)\"\n                        class=\"avatar-default\" alt=\"profile pic\"></ng-template>\n            </div>\n        </div>\n    </button>\n    <mat-menu #menu=\"matMenu\" class=\"accounts_drpmenu pmx-menu-group header-dropdown-profile\" xPosition=\"before\">\n        <div class=\"popover-content show-menu\" (click)=\"$event.stopPropagation()\">\n            <div class=\"popover-header\">\n                <div class=\"popover-user-top\">\n                    <div class=\"avatar-wrapper\">\n                        <img *ngIf=\"userImageLink;else defaultLargeAvatar\" [src]=\"userImageLink\" class=\"avatar-icon\"\n                            alt=\"Avatar\">\n                        <ng-template #defaultLargeAvatar>\n                            <div [ngStyle]=\"{'background-image': 'url(' + imageDataUrls.defaultUserImage + ')'}\"\n                                class=\"avatar-icon default-avatar\" alt=\"Avatar icon\">&nbsp;</div>\n                        </ng-template>\n                    </div>\n                    <div class=\"user-data\">\n                        <h3 class=\"profile-name\"><span *ngIf=\"userAuthData\">{{ userAuthData?.firstName }} {{\n                                userAuthData?.lastName }}</span></h3>\n                        <button *ngIf=\"userAuthData?.viewProfile\" mat-button color=\"accent\" class=\"pmx-button btn btn-small view-profile ms-0\"\n                            (click)=\"profile()\">View Profile</button>\n                    </div>\n                </div>\n            </div>\n            <div class=\"popover-body\">\n                <!-- <div class=\"popover-content-title\">\n                    <p>Overview</p>\n                </div> -->\n\n                <div *ngIf=\"userAuthData?.email\">\n                    <p class=\"list-text list-text-email mt-2 mb-1\">\n                        <mat-icon class=\"list-icon\">mail</mat-icon><span class=\"pmx-lower-case pmx-text-wrap me-auto\">{{\n                            userAuthData?.email }}</span>\n                    </p>\n                </div>\n                <ng-container *ngIf=\"userAuthData?.contactPhone\">\n                    <p class=\"list-text mb-1\">\n                        <mat-icon class=\"list-icon\">call</mat-icon><span class=\"title-case me-auto\">{{\n                            userAuthData?.contactPhone }}</span>\n                    </p>\n                </ng-container>\n\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{--contentfont: 13.12px !important;--labelfont: .75rem !important}.pmx-text-truncate{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmx-text-wrap{overflow-wrap:break-word;word-break:break-word}.pmx-lower-case{text-transform:lowercase}.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)}.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:fixed;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}.vr{width:2px;background-color:#f5f5f5;opacity:1;margin:0 .5rem 0 1rem}.vr-blury{background-image:linear-gradient(180deg,transparent,#666,transparent);width:1px;opacity:.25}.brand-wrapper{display:flex;align-items:center;gap:12px}.navbar-brand{display:inline-flex;align-items:center;text-decoration:none}.navbar-brand .app-logo{height:20px;width:auto;display:block}.env-badge{background-color:#f36c21;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:4px;line-height:normal;letter-spacing:.5px;white-space:nowrap;display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.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:24px!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:#254d93}.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{background-color:#e5f3fb}.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:#bfdff7!important}.btn-group-clicked .pmx-button.pmx-menu-button.profile-button.mat-mdc-outlined-button{border-color:#bfdff7!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-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:#9cd7a8}.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!important}.branded-group-true{margin-left:.65rem;border-radius:20px;border:1px solid #bfdff7}.btn-group-clicked.branded-group-true{background-color:#99ccf2}.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}::ng-deep .header-dropdown-profile.mat-mdc-menu-panel.mat-mdc-menu-panel{max-width:408px!important;width:408px!important;overflow:visible;margin-top:1rem}.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:#254d93}.btn.view-profile{background:#fafafa}.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 1rem;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%;overflow:hidden}.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:0;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:#212121;padding:0 .5rem;border-radius:50px;font-size:.75rem;margin-left:.5rem}.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}::ng-deep .popover-content ul.list-group li.list-item button.list-button .list-text{font-size:15px}.popover-content .popover-body p.list-text{padding:.5rem 1rem;margin:0;min-height:auto;cursor:default;display:flex;align-items:center;gap:16px}.popover-content .popover-body p.list-text span{font-size:var(--contentfont);font-weight:500}::ng-deep .popover-content .popover-body p.list-text .mat-mdc-menu-item-text{font-size:15px;font-weight:500}.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.list-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,.popover-content .popover-body p.list-text .list-icon{color:#2db051;font-variation-settings:\"FILL\" 0,\"wght\" 300,\"GRAD\" 0,\"opsz\" 24;font-size:24px!important}.popover-content ul.list-group li.list-item.list-active.company-active button.list-button .mat-icon{color:#2db051;font-variation-settings:\"FILL\" 1,\"wght\" 300,\"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,.popover-content ul.list-group li.list-item span.lower-case,.popover-content ul.list-group li.list-item span.pmx-lower-case{font-size:.8rem;color:#212121;font-weight:500;display:block;line-height:normal}small{color:#9e9e9e}.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 .list-text span.mat-mdc-menu-item-text{font-size:.875rem;color:#0a152f;font-weight:500;line-height:normal}.popover-content ul.list-group li.list-item .list-text.list-text-email span.mat-mdc-menu-item-text{width:calc(100% - 40px);display:inline-flex}.popover-content ul.list-group li.list-item .list-text.list-text-email span.pmx-text-wrap{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:none;hyphens:none;width:100%}.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 .list-text,.popover-content ul.list-group li.list-item.company-active .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:#408dd7;color:#f5f5f5}.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:#616161}.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 .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:#616161}.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:#254d93}.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}.pmx-button.mdc-icon-button[color=theme-white],.pmx-button.icon-btn.mdc-button--raised[color=theme-white]{color:#254d93}.pmx-button.icon-btn.orders-menu[color=theme-white]{border:1px solid #fafafa!important}:host(.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}:host ::ng-deep .app-menu-sidenav-container{z-index:999}:host ::ng-deep .mat-drawer-backdrop.mat-drawer-shown{position:fixed;background:rgba(63,81,181,.25)}.mat-drawer-backdrop{position:fixed!important}.sidenavDrawer{position:fixed!important;left:0;width:250px;padding:0}.mdc-list-group__subheader{background-color:#eef4ff;padding:5px 20px;margin-bottom:5px!important;font-size:14px!important;font-weight:500!important}.menusubItems{padding-left:2rem!important}.switchCompanyField{min-width:175px!important;margin-left:13px}.profile-button{margin-left:10px}.brand-logo{width:100px;height:38px;background-repeat:no-repeat;background-size:contain;background-origin:content-box;padding:7px}.menuIconList{font-size:20px!important;height:20px;width:20px;margin-right:.5rem;position:relative;color:#747474;font-weight:300}.subHeadListItems{padding:0 15px}.subHeadListItems .menu-item{display:flex;flex-direction:row;align-items:center;color:#000;padding:.7rem .5rem;border-radius:3px;transition:all .3s;font-size:var(--contentfont)}.subHeadListItems .menu-item:hover:not(.no-select){cursor:pointer;background-color:#f5f5f5}.subHeadInnerItem{margin-bottom:0!important}.drawerHeadLogo{width:100%;padding:10px 20px;margin-bottom:20px;margin-top:15px}.drawerHeadLogo img{width:130px}.app-menu-content-section{overflow-y:auto;height:calc(100vh - 80px);padding-bottom:25px}.active-menu{background-color:var(--themelightblue)!important;color:#fff!important;font-weight:500}.active-menu .menuIconList{color:#fff}.appList{padding:11px 15px;background-color:#eef4ff;margin:20px 0 10px;height:35px;display:flex}.appList img{object-fit:contain}::ng-deep .header-dropdown-profile .mat-mdc-menu-content{margin:0;padding:0;list-style-type:none}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { INACTIVITY_LIMIT: [{
                 type: Input
             }], appLogoNavigationUrl: [{