info-library 2.10.42 → 2.10.45

package/bundles/info-library.umd.js

@@ -32,6 +32,7 @@
             this.theme = '';
             this.dictionary = '';
             this.ux = 2;
+            this.style = '';
             this.topMenu = false;
             this.enabledPrime = false;
         }
@@ -51,6 +52,8 @@
         /** @type {?} */
         InfoAppConfigModel.prototype.ux;
         /** @type {?} */
+        InfoAppConfigModel.prototype.style;
+        /** @type {?} */
         InfoAppConfigModel.prototype.topMenu;
         /** @type {?} */
         InfoAppConfigModel.prototype.enabledPrime;
@@ -885,7 +888,7 @@
      * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
 
-    /*! *****************************************************************************
+    /******************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -909,6 +912,8 @@
         return extendStatics(d, b);
     };
     function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -1045,7 +1050,11 @@
     var __createBinding = Object.create ? (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+            desc = { enumerable: true, get: function () { return m[k]; } };
+        }
+        Object.defineProperty(o, k2, desc);
     }) : (function (o, m, k, k2) {
         if (k2 === undefined)
             k2 = k;
@@ -1094,11 +1103,13 @@
         }
         return ar;
     }
+    /** @deprecated */
     function __spread() {
         for (var ar = [], i = 0; i < arguments.length; i++)
             ar = ar.concat(__read(arguments[i]));
         return ar;
     }
+    /** @deprecated */
     function __spreadArrays() {
         for (var s = 0, i = 0, il = arguments.length; i < il; i++)
             s += arguments[i].length;
@@ -1107,7 +1118,17 @@
                 r[k] = a[j];
         return r;
     }
-    ;
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
     }
@@ -1172,18 +1193,26 @@
     function __importDefault(mod) {
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
-    function __classPrivateFieldGet(receiver, privateMap) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to get private field on non-instance");
-        }
-        return privateMap.get(receiver);
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
     }
-    function __classPrivateFieldSet(receiver, privateMap, value) {
-        if (!privateMap.has(receiver)) {
-            throw new TypeError("attempted to set private field on non-instance");
-        }
-        privateMap.set(receiver, value);
-        return value;
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+    function __classPrivateFieldIn(state, receiver) {
+        if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function"))
+            throw new TypeError("Cannot use 'in' operator on non-object");
+        return typeof state === "function" ? receiver === state : state.has(receiver);
     }
 
     /**
@@ -2299,8 +2328,23 @@
                         _this._plataforma.Config.ux = 2;
                     if (_this._plataforma.Config.ux == 2)
                         menuMin = 'false';
-                    if (config.production)
-                        _this._themeService.setTheme(activeTheme || 'default-theme');
+                    /** @type {?} */
+                    var cssFile = document.createElement('link');
+                    cssFile.href = _this._plataforma.Config.webapiUrl.replace(/\/api\/$/ig, '') + '/layout/temas.css';
+                    cssFile.type = 'text/css';
+                    cssFile.rel = 'stylesheet';
+                    document.head.appendChild(cssFile);
+                    if (_this._plataforma.Config.style != null) {
+                        /** @type {?} */
+                        var cssClient = document.createElement('link');
+                        cssClient.href = '/assets/' + _this._plataforma.Config.style + '/style.css';
+                        cssClient.type = 'text/css';
+                        cssClient.rel = 'stylesheet';
+                        document.head.appendChild(cssClient);
+                    }
+                    if (activeTheme == null || activeTheme == undefined)
+                        activeTheme = "_" + _this._plataforma.Config.theme + "-theme";
+                    _this._themeService.setTheme(activeTheme || 'default-theme');
                     _this._themeService.setMenuMin(menuMin == 'true');
                     _this._themeService.setModePrime(prime == 'true');
                     r(config);
@@ -2594,6 +2638,22 @@
                 if (parameters != null && parameters != '')
                     parameters += '&';
                 parameters += "nome=" + (value.Nome == null ? value.toString().toLowerCase() : value.Nome) + "&take=" + this.maxlist;
+                /** @type {?} */
+                var model = parameters.split("&").map(( /**
+                 * @param {?} c
+                 * @return {?}
+                 */function (/**
+                 * @param {?} c
+                 * @return {?}
+                 */ c) {
+                    var _a;
+                    return (_a = {}, _a[c.split("=")[0].charAt(0).toUpperCase() + c.split("=")[0].substring(1)] = c.split("=")[1], _a);
+                })).reduce(( /**
+                 * @param {?} a
+                 * @param {?} b
+                 * @return {?}
+                 */function (a, b) { return (Object.assign(Object.assign({}, a), b)); }));
+                return this._dataAcess.post(this.api, model, this.method);
             }
             return this._dataAcess.get(this.api, this.method, parameters);
         };
@@ -7071,7 +7131,7 @@
         { type: i0.Component, args: [{
                     selector: 'info-sidebar',
                     template: "<ng-container *ngIf=\"_platform.Config.ux >= 3\">\r\n    <div class=\"site-sidebar\" [ngClass]=\"{ 'opened': openSubmenu }\" >\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <a id=\"menu-min-icon\" (click)=\"toggleSidebar()\">\r\n                    <mat-icon [ngClass]=\"{ 'min': _platform.MenuMin  }\">chevron_right</mat-icon>\r\n                </a>\r\n\r\n                <ul *ngIf=\"menu\">\r\n    \r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'active': menuAtivo == m.Title, 'disabled': !m.Enabled, 'opened': openSubmenu == m.Title }\">\r\n                        \r\n                        <a *ngIf=\"m.Sub == null\" [routerLink]=\"m.Routing\" class=\"item-link\" (click)=\"access(m.Title);tooltip.hide();\" >\r\n                            <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\">{{ m.Icon }}</mat-icon>\r\n                            <label class=\"title\">{{ m.Title | translate }}</label>\r\n                        </a>\r\n    \r\n                        <ng-container *ngIf=\"m.Sub != null\">\r\n                            <a class=\"item-link\" (click)=\"toggleSubmenu(m.Title);tooltip.hide();\" >\r\n                                <mat-icon #tooltip=\"matTooltip\" [matTooltip]=\"m.Title | translate\" [matTooltipDisabled]=\"!_platform.MenuMin\" matTooltipPosition=\"right\" [matTooltipShowDelay]=\"600\" matTooltipClass=\"mat-tooltip\" >{{ m.Icon }}</mat-icon>\r\n                                <label class=\"title\">{{ m.Title | translate }}</label>\r\n                            </a>\r\n    \r\n                            <div class=\"sub-menu\">\r\n                                <h4>{{ m.Title | translate }}</h4>\r\n    \r\n                                <ul>\r\n                                    <li *ngFor=\"let s of m.Sub\">\r\n                                        <a [routerLink]=\"s.Routing\" class=\"item-link\" (click)=\"changeSidebar();access(m.Title);\" >{{ s.Title | translate }}</a>\r\n                                    </li>\r\n                                </ul>\r\n                            </div>\r\n                        </ng-container>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n        <div class=\"sub-menu-overlay\" (click)=\"openSubmenu = ''\"></div>\r\n    </div>\r\n</ng-container>\r\n\r\n<ng-container *ngIf=\"_platform.Config.ux <= 2\">\r\n    <div class=\"site-sidebar\">\r\n\r\n        <div class=\"logo\">\r\n            <a href=\"/\" >\r\n                <i class=\"logo-img\"></i>\r\n            </a>\r\n        </div>\r\n\r\n        <div class=\"info\">\r\n            <span>{{ _session.Usuario }}</span>\r\n            <small>{{ _session.Perfil }}</small>\r\n        </div>\r\n\r\n        <nav>\r\n            <div class=\"main-menu\">\r\n                <section class=\"loading-bar\" *ngIf=\"loading\">\r\n                    <mat-progress-bar color=\"primary\" mode=\"indeterminate\"></mat-progress-bar>\r\n                </section>\r\n                <ul *ngIf=\"menu\">\r\n                    <li class=\"menu-item\" *ngFor=\"let m of menu\" [ngClass]=\"{ 'has-sub': m.Sub != null, 'active': m.Active, 'menu-item-group': m.Group, 'disabled': !m.Enabled }\">\r\n            \r\n                        <!-- Grupos -->\r\n                        <span class=\"group-title\" *ngIf=\"m.Group\">{{ m.Title }} </span>\r\n            \r\n                        <!-- Itens -->\r\n                        <a href=\"#\" [routerLink]=\"m.Routing\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && m.Enabled\" (click)=\"toggle($event, m);resetLastSearch();\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                        </a>\r\n            \r\n                        <a class=\"item-link\" *ngIf=\"!m.Group && m.Sub == null && !m.Enabled\">\r\n                            <mat-icon>{{ m.Icon }}</mat-icon>{{ m.Title | translate }} \r\n                        </a>\r\n            \r\n                        <!-- Item com submenu -->\r\n                        <a href=\"#\" class=\"item-link\" *ngIf=\"!m.Group && m.Sub != null\" (click)=\"toggle($event, m)\">\r\n                            <mat-icon class=\"icon\">{{ m.Icon }}</mat-icon>{{ m.Title | translate }}\r\n                            <i class=\"caret fa fa-angle-right\" *ngIf=\"m.Sub\"></i>\r\n                        </a>\r\n            \r\n                        <!-- Sub Menu -->\r\n                        <ul class=\"sub\" *ngIf=\"!m.Group && m.Sub != null\">\r\n                            <li class=\"menu-item\" *ngFor=\"let s of m.Sub\">\r\n                                <a [routerLink]=\"s.Routing\" (click)=\"resetLastSearch()\" class=\"item-link\" >{{ s.Title | translate }}</a>\r\n                            </li>\r\n                        </ul>\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        </nav>\r\n    </div>\r\n</ng-container>\r\n\r\n<div class=\"sidebar-overlay\"></div>",
-                    styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width:991px){:host.uxc3{left:-240px;top:180px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@media screen and (max-width:991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width:991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 22px}:host.uxc3 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@media screen and (max-width:991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{list-style:none;margin:0;padding:0}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (max-width:991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (max-width:991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;top:4px;width:25px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:rgba(0,0,0,.6);display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}"]
+                    styles: [":host.uxc3{display:block;height:100%;left:0;position:fixed;top:80px;transition:left .2s ease-in-out,width .2s ease-in-out;width:240px;z-index:9997}@media screen and (max-width:991px){:host.uxc3{left:-240px;top:180px}}:host.uxc3 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media screen and (max-width:991px){:host.uxc3 .site-sidebar{position:relative}:host.uxc3 .site-sidebar:before{top:180px}}:host.uxc3 .site-sidebar:before{content:\" \";height:100%;left:240px;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:370px;z-index:-1}@media screen and (max-width:991px){:host.uxc3 .site-sidebar:before{display:none}}:host.uxc3 .site-sidebar.opened:before{opacity:1;visibility:visible}:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:.5;visibility:visible}@media screen and (max-width:991px){:host.uxc3 .site-sidebar.opened .sub-menu-overlay{opacity:0!important}}:host.uxc3 .site-sidebar .sub-menu-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;width:100%;z-index:-2}:host.uxc3 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto;padding-top:5px}:host.uxc3 nav #menu-min-icon{cursor:pointer;height:20px;position:absolute;right:20px;top:20px;transition:right .2s ease-in-out;width:20px}:host.uxc3 nav #menu-min-icon mat-icon{font-size:20px;height:inherit;transform:rotate(180deg);transition:transform .2s ease-in-out;width:inherit}:host.uxc3 nav #menu-min-icon mat-icon.min{transform:rotate(0deg)}:host.uxc3 nav .main-menu{overflow-y:auto;width:240px}:host.uxc3 nav .main-menu>ul{list-style-type:none;margin:30px 0 0;padding:10px 0 22px}:host.uxc3 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc3 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";left:-5px;position:absolute;top:0;transition:transform .2s ease-in-out;width:5px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link{-moz-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:5px 5px 10px 20px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out;user-select:none}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .mat-icon{height:auto;margin-right:15px;top:6px}:host.uxc3 nav .main-menu>ul .menu-item>.item-link .title{margin-bottom:0;transition:opacity .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item:hover>.item-link{font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item:hover:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.active>.item-link,:host.uxc3 nav .main-menu>ul .menu-item.opened>.item-link{background:transparent;font-weight:600}:host.uxc3 nav .main-menu>ul .menu-item.active:after,:host.uxc3 nav .main-menu>ul .menu-item.opened:after{transform:translateX(4px)}:host.uxc3 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{font-family:Open Sans,sans-serif;left:240px;opacity:0;padding:0 40px;position:fixed;top:100px;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:370px}@media screen and (max-width:991px){:host.uxc3 nav .main-menu>ul .menu-item .sub-menu{display:none}}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu h4{font-size:24px;font-weight:500}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul{list-style:none;margin:0;padding:0}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li{margin:10px 3px}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a{cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:5px 0;transition:color .2s ease-in-out}:host.uxc3 nav .main-menu>ul .menu-item .sub-menu ul li a:hover{font-weight:600!important;text-decoration:none!important}:host.uxc3 nav .main-menu>ul .menu-item.opened .sub-menu{opacity:1;visibility:visible}:host.uxc3 .sidebar-overlay{opacity:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:-3}:host.uxc2,:host.uxc3 .sidebar-overlay{height:100%;left:0;position:fixed;top:0}:host.uxc2{display:block;transition:left .2s ease-in-out;width:240px;z-index:997}@media (max-width:991px){:host.uxc2{left:-240px}}:host.uxc2 .logo{background:main-color(600);display:block;height:70px}:host.uxc2 .logo a{align-items:flex-end;display:flex;font-family:Open Sans,sans-serif;height:inherit;padding:5px 15px;text-decoration:none}:host.uxc2 .logo a i.logo-img{height:50px;margin:auto;vertical-align:top;width:210px}:host.uxc2 .site-sidebar{display:flex;flex-direction:column;height:100%;min-height:60px;width:100%}@media (max-width:991px){:host.uxc2 .site-sidebar{position:relative;z-index:9999}}:host.uxc2 .site-sidebar .info{background-size:cover;padding:8px 20px}:host.uxc2 .site-sidebar .info span{font-size:1.2em;margin:0}:host.uxc2 .site-sidebar .info label,:host.uxc2 .site-sidebar .info small{display:block}:host.uxc2 .site-sidebar .info p{margin-top:5px}:host.uxc2 .site-sidebar .info p a{cursor:pointer;font-size:.9em}:host.uxc2 .site-sidebar .info p a:hover{text-decoration:underline}:host.uxc2 .sidebar-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .2s ease-in-out 0s,visibility 0s ease-in-out .2s;visibility:hidden;width:100%;z-index:9998}:host.uxc2 nav{-webkit-overflow-scrolling:touch;display:block;overflow-x:hidden;overflow-y:auto}:host.uxc2 nav .main-menu{width:240px}:host.uxc2 nav .main-menu>ul{list-style-type:none;margin:0;padding:10px 0 22px}:host.uxc2 nav .main-menu>ul .menu-item{margin-bottom:3px;position:relative}:host.uxc2 nav .main-menu>ul .menu-item:after{bottom:0;content:\"\";position:absolute;right:100%;top:0;transition:transform .2s ease-in-out;width:4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link{display:block;font-size:1rem;font-weight:400;padding:11px 22px;position:relative;text-decoration:none;transition:background .2s ease-in-out,color .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .item-link .item-badge{border-radius:8px;float:right;font-size:10px;line-height:1;margin-top:2px;padding:2px 6px 4px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .icon{transition:color .2s ease-in-out;width:22px}:host.uxc2 nav .main-menu>ul .menu-item .item-link .mat-icon{font-size:18px;height:auto;top:4px;width:25px}:host.uxc2 nav .main-menu>ul .menu-item.menu-item-group:after{display:none}:host.uxc2 nav .main-menu>ul .menu-item .group-title{color:rgba(0,0,0,.6);display:block;font-size:.8rem;font-weight:600;padding:6px 22px 5px;text-transform:uppercase}:host.uxc2 nav .main-menu>ul .menu-item .sub{list-style-type:none;margin:0;max-height:0;overflow:hidden;padding:0;transition:max-height .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item .item-link{font-size:.9em;padding:5px 22px 6px 48px}:host.uxc2 nav .main-menu>ul .menu-item .sub .menu-item:first-child>.item-link:before{border-top:1px solid transparent;content:\"\";left:0;position:absolute;right:0;top:0;transition:border .2s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.active:after,:host.uxc2 nav .main-menu>ul .menu-item:hover:not(.disabled):after{transform:translateX(4px)}:host.uxc2 nav .main-menu>ul .menu-item.disabled>.item-link{cursor:default;opacity:.5}:host.uxc2 nav .main-menu>ul .menu-item.has-sub,:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link{position:relative}:host.uxc2 nav .main-menu>ul .menu-item.has-sub>.item-link .caret{margin-top:.55rem;position:absolute;right:13px;top:6px;transition:transform .1s ease-in-out}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.item-link .caret{transform:rotate(90deg)}:host.uxc2 nav .main-menu>ul .menu-item.has-sub.active>.sub{max-height:1000px}"]
                 }] }
     ];
     /** @nocollapse */