info-library 2.10.83 → 2.10.84
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/info-library.umd.js +1 -1
- package/bundles/info-library.umd.min.js +1 -1
- package/bundles/info-library.umd.min.js.map +1 -1
- package/esm2015/layouts/sidebar/sidebar.component.js +1 -1
- package/fesm2015/info-library.js +1 -1
- package/info-library.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -8056,7 +8056,7 @@
|
|
|
8056
8056
|
{ type: i0.Component, args: [{
|
|
8057
8057
|
selector: 'info-sidebar',
|
|
8058
8058
|
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>",
|
|
8059
|
-
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:84px}}: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)}@media (max-width:991px){:host.uxc3 nav #menu-min-icon{display:none}}: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 90px}@media (max-
|
|
8059
|
+
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:84px}}: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)}@media (max-width:991px){:host.uxc3 nav #menu-min-icon{display:none}}: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 90px}@media (max-width:991px){:host.uxc3 nav .main-menu>ul{margin-top:0}}: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}"]
|
|
8060
8060
|
}] }
|
|
8061
8061
|
];
|
|
8062
8062
|
/** @nocollapse */
|